目前有两种方案调试手机网页,即ios+safari,安卓+chrome,这两者方案均要求数据线连上电脑。
update:如何在windows上调用safari网页,链接1,链接2
第1种.ios+safari
打开电脑版safari偏好设置
勾选最下面的“在菜单栏显示开发菜单”
打开“开发”菜单,同时在数据线连电脑的情况下,用手机safari访问baidu.com,则电脑上safari会显示如下图内容
点击“m.baidu.com”网页就会弹出调试界面了,跟chrome差不多,具体使用就不再赘述了。
第2种:使用chrome+安卓
打开chrome的开发者选项,找到菜单-More tools-Remote Devices
勾选上自动发现USB设备。如果没有找到你的设备(找到后左侧会显示安卓设备机型)。
试着插拨下数据线,在消息通知栏会有 已连接USB调试的消息(或者类似),找到 开发人员选项 面板,重新关闭和激活一下 USB调试 按钮,就会重新尝试发现USB设备了。
然后在手机上chrome访问baidu.com,同时可以看到浏览器访问的网页列表,点击某个网页右侧的 Inspect按钮,会弹出如下调试界面。
这个界面跟电脑网页的chrome调试界面基本一样了。
* 如果在电脑的chrome上看不到设备显示,可能跟数据线有关,换一根试下。
* 电脑chrome需要登录,在隐身和游客模式下都不能联调。
* 还可以通过查看 chrome://inspect/#devices 检查是否设备已经连接正常
* 手机与电脑最好在同一局域网下