h5移动端页面调试工具Chii与 weinre 一样的远程调试工具
与 weinre 一样的远程调试工具,主要是将 web inspector 替换为最新的 chrome devtools frontend.
电脑上跑一个chii服务,把对应的js嵌入h5页面内,用手机访问h5页面,chrome内看chii服务地址即可找到对应管理控制台
安装
可以通过 npm 安装。
npm install chii -g
使用
用下面的命令开启服务。
chii start -p 8080
在你的页面中使用这个脚本注入代码。
<script src="//host-machine-ip:8080/target.js"></script>
然后就可以访问 localhost:8080 开始调试页面。
你可以使用 iframe 将调试器展示在同一页面中,只需要在 script 元素上加多 embedded 一个参数即可。
<script src="//host-machine-ip:8080/target.js" embedded="true"></script>
注意:host-machine-ip 为自己的ip地址
复杂的事情简单化,简单的事情重复做。