使用chrome的devToolsApp需要翻墙而且不稳定,这里提供两种在PC上调试移动端H5项目的方式给大家
方式1
win10系统可以直接使用edge浏览器调试:
1、在手机设置里将“开发人员选项”打开,一般是连续7次点击系统版本号,不同品牌打开方式有小差异
2、将手机通过USB连接电脑后,将usb设置为可传输文件
3、在手机浏览器打开需要调试的界面
4、在edge浏览器搜索栏输入edge://inspect
第1、2、3步没有问题的话,在界面上会显示出移动设备名以及可以调试的界面(如果手机从来没连过PC,PC上可能没有对应的驱动,可以用手机助手通过USB连一次PC,能连上就表示驱动也装好了)
5、点击inspect即可开始调试
方式2
win7系统下,手机上安装UC浏览器开发版,PC上安装UC开发工具
这是下载链接:
android:https://image.uc.cn/s/uae/g/4x/4x/UCBrowser_V13.0.3.1083_android_pf145_%28zh-cn%29_RI_%28Build200628171926%29.apk
windows: http://img.ucweb.com/s/uae/g/4x/4x/uc-devtools-msi_0.4.1.zip
完成方式1的第1、2、3步之后,打开UC开发者工具即可看到可调试的页面
如果没有显示出可调试的页面,可以将这个设置改成本地