使用Chrome调试工具需要翻墙，在地址栏中输入chrome://inspect/#devices 选中discover usb devices。

安卓（安卓4.4版本以上）

1、在android设备上开始开发者模式

2、将设备连接到PC，在chrome浏览器地址栏输入：chrome://inspect/#devices

3、在手机上打开网页的时候，chrome就会检测到网页，可以直接调试

 

ios

1、ios手机连接到pc

设置手机safari   设置-》safari-》高级-》打开web检查器 （授权调试功能）

2.、安装ios_webkit_debug_proxy

根据文档，在windows下，首先需要安装scoop，而安装scoop需要电脑里有powershell。win10一般自带。

2.1 安装scoop（一个安装工具）

set-executionpolicy unrestricted -s cu #修改执行策略，选择是
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')  #安装scoop

2.2 通过scoop安装ios_webkit_debug_proxy

scoop bucket add extras
scoop install ios-webkit-debug-proxy

3、连接测试

确认手机已连接pc，输入

ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html

在localhost:9221中查看设备连接情况，此时可看到连接设备的地址。

在chrome://inspect/#devices添加设备端口，Port forwarding进行添加。

 

打开 chrome 浏览器，在地址栏输入 http://localhost:9221/ ，这里会显示所有已连接的设备清单，选择一个设备并点击打开。

打开的页面可看到当前 iphone 中 Safari 浏览器打开的所有页面，点击要调试的页面链接打开即可进入调试界面。此时可能会有一个错误提示如下


Note: Your browser may block1,2 the above links with JavaScript console error: Not allowed to load local resource: chrome-devtools://... To open a link: right-click on the link (control-click on Mac), 'Copy Link Address', and paste it into address bar.


提示浏览器禁止页面加载本地资源，需在上面的链接上点击右键复制链接，然后手动新建一个标签页将链接粘贴进去，回车访问。

根据提示说明复制链接并打开，即可看到常见的 chrome 调试窗口。

接下来，就可以进行正常的调试工作了。

4、注意事项

点击inspect可能看到的是空白，是因为在使用时需要翻墙。

另外也可能是缓存的原因，需要清理。（chrome://appcache-internals/#、手机safari的缓存）

原文： 

微信

开发微信页面，chrome与安卓真机（安卓4.4及以上）联机调试 
1、手机中打开“设置”->”开发人员选项”->”USB调试” 
2、用Android机在微信端访问 http://debugx5.qq.com  3、在打开的网页中选择 【信息】->【TBS settings】，勾选 【是否打开 TBS 内核 Inspector 调试功能】 ，重启微信 
4、打开pc侧chrome, 在地址栏中输入chrome://inspect/#devices 选中discover usb devices。 首次联机需要翻墙