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

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

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

第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 检查是否设备已经连接正常

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

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