小程序原生组件样式调试

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

原生 CSS 文件

posted on 2018-08-21 10:59  松鼠闹IT  阅读(1100)  评论(4编辑  收藏  举报

导航