h5移动端页面调试工具Chii与 weinre 一样的远程调试工具

寻技术 Html/CSS 2023年07月11日 215

与 weinre 一样的远程调试工具,主要是将 web inspector 替换为最新的 chrome devtools frontend.

电脑上跑一个chii服务,把对应的js嵌入h5页面内,用手机访问h5页面,chrome内看chii服务地址即可找到对应管理控制台

 

 

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地址
关闭

用微信“扫一扫”