安卓手机浏览器：远程调试

简介：有时我们需要调试手机浏览器网页信息，这时除了使用fiddler抓包拦截篡改，还可以通过USB连接，通过PC远程调试手机上的浏览器信息，进行映射。

历史攻略：

adb：安卓手机USB调试模式

前置准备：

网页内容在移动设备上的体验可能和电脑上完全不同。Chrome DevTools 提供远程调试功能

安卓远程调试支持：

在浏览器选项卡中调试网站。

在原生安卓应用中调试网页内容。

将屏幕从你的安卓设备上投影到你的开发机器上。

使用端口转发和虚拟主机映射来让安卓设备访问开发使用的服务器。

操作步骤：

1、手机通过USB连接电脑。

2、开启手机调试模式。

3、PC电脑edge 输入：edge://inspect/#devices
建议用edge，如果是chrome的话可能存在版本不兼容，易出现inspect404
如果是chrome，请输入：chrome://inspect/#devices

4、手机端安装chrome浏览器。

5、正常连接后，点击对应手机设备下方的inspect。

6、进行实际需要的调试工作。

一般而言，勾选 元素，网络，控制台，这三个。其他按实际需要增删。

入口： + 号 和 更多工具。

最后按照实际需要，查看网络请求和响应，或者修改元素或者元素属性。

其他注意事项：使用chrome会容易出现404. edge则不会出现这个问题。

微信公众号：玩转测试开发
欢迎关注，共同进步，谢谢！