1. Android
手机端需要先安装 Chrome 浏览器。
手机端需要开启 USB 调试功能。具体方法可以搜索,以小米手机为例,在【设置】【我的设备】【全部参数与信息】,连续点击【OS版本】7次即可开启开发者模式,然后返回【设置】根目录,拉到最底部选择【更多设置】【开发者选项】,打开【USB 调试】的switch 即可。
然后在手机 Chrome 浏览器中打开要调试的页面,用数据线连接电脑,在电脑端 Chrome 浏览器打开 chrome://inspect/#devices ,即可在页面中看到真机设备打开的网页,如下图所示:
点击 inspect 即可打开模拟器和开发者控制台。
2. iOS
使用手机端 Safari 打开要调试的页面。
使用数据线连接 Macbook,手机弹窗选择信任设备。
在电脑端 Safari 的菜单栏中打开【开发】,选择你的手机,选择手机打开的网页,即可打开调试工具。
看不到【开发】菜单?focus Safari 点击左上角的【Safari浏览器】,选择【设置】,选择【高级】,勾选【显示网页开发者功能】。