电脑端调试手机端页面

插件地址

chii

使用方式

安装插件

npm install -g chii

启动插件

chii start -p 8081 --host 0.0.0.0

引入插件

在需要调试的页面中引入以下代码,target是上面运行后自动生成的,无需关心来源

<script src="http://192.168.3.121:8081/target.js"></script>

打开手机浏览器

打开手机浏览器,输入电脑端的ip地址,即可调试手机端页面

例如:http://192.168.3.121:5500/1.html

电脑端打开调试(端口和上方启动端口保持一致)

浏览器打开http://192.168.3.121:8081/

即可打开调试页面，找到需要调试的页面，点击后面的检查(inspect)就到了调试控制台可以调试了

PS:亲测不能修改css样式，其他的都可以，可以新增css样式,也可以使用所有的js打印,也可以选中元素,唯一的缺点就是不能隐藏和修改已经在代码里面写好的css属性,调试时可以通过新增同名属性覆盖或者使用js进行修改样式