电脑连接手机真机调试网页

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

目前有两种方案调试手机网页,即ios+safari,安卓+chrome,这两者方案均要求数据线连上电脑。

第1种.ios+safari

打开电脑版safari偏好设置

电脑连接手机真机调试网页_第1张图片

勾选最下面的“在菜单栏显示开发菜单”

电脑连接手机真机调试网页_第2张图片

打开“开发”菜单,同时在数据线连电脑的情况下,用手机safari访问baidu.com,则电脑上safari会显示如下图内容

电脑连接手机真机调试网页_第3张图片

点击“m.baidu.com”网页就会弹出调试界面了,跟chrome差不多,具体使用就不再赘述了。

电脑连接手机真机调试网页_第4张图片

第2种:使用chrome+安卓

打开chrome的开发者选项,找到菜单-More tools-Remote Devices

电脑连接手机真机调试网页_第5张图片

勾选上自动发现USB设备。如果没有找到你的设备(找到后左侧会显示安卓设备机型)。

试着插拨下数据线,在消息通知栏会有 已连接USB调试的消息(或者类似),找到 开发人员选项 面板,重新关闭和激活一下 USB调试 按钮,就会重新尝试发现USB设备了。

电脑连接手机真机调试网页_第6张图片

然后在手机上chrome访问baidu.com,同时可以看到浏览器访问的网页列表,点击某个网页右侧的 Inspect按钮,会弹出如下调试界面。

电脑连接手机真机调试网页_第7张图片

这个界面跟电脑网页的chrome调试界面基本一样了。

* 如果在电脑的chrome上看不到设备显示,可能跟数据线有关,换一根试下。

* 电脑chrome需要登录,在隐身和游客模式下都不能联调。

* 还可以通过查看 chrome://inspect/#devices 检查是否设备已经连接正常

* 手机与电脑最好在同一局域网下

转载于:https://my.oschina.net/swingcoder/blog/979212

你可能感兴趣的:(电脑连接手机真机调试网页)