首页 > 技术文章 > 小程序原生组件样式调试

fws407296762 2018-08-21 10:59 原文

  • 打开“调试微信开发者工具”功能
  • 选中模拟器所在的 webview 后,右键 Copy selector 后
  • 在 Console 中输入 document.querySelector("刚才复制的选择器").showDevTools(true) 后,弹出第二个 Chrome devtools 窗口
  • 在第二个 devtools 的 Elements 选项卡,就可以看到模拟器中实际渲染的 DOM 结构,在最顶部的 style 节点就是注入的默认样式。

原生 CSS 文件

推荐阅读