最近我又被电信插广告了,手机访问非 https 网页会出现广告,感觉这个是常态了,中途还怀疑是联通给我插的,结果发现是错怪联通了(不过联通依然会插入一个不知道干什么用的js)。手机上并不是很方便检查页面元素,不过万能的 Chrome 提供了 DevTools ,让我们通过 ABD 连接 Android 上的 Chrome移动版 来调试页面。

你需要在电脑上安装 Chrome以及一台装有 Chrome 的 Android 手机。

打开手机的USB调试,连接电脑安装驱动,确保USB调试能正常使用。

在电脑上的 Chrome 地址栏输入 chrome://inspect

确保 Discover USB devices 被勾选,那么下面就会显示当前连接的手机与手机Chrome打开的页面。
点击需要调试页面下方的inspect

会启动Developer Tools,与直接调试电脑版的网页相同,所有的更改都会直接在手机上实时显示

点击红圈中的图标(Toggle screencast)会显示手机显示的画面,也可以直接模拟点击和滑动,不过好像无法控制窗口大小。

虽然Chrome可以直接模拟手机页面,不过这个工具在调试一些特殊网络环境下访问网页出现的奇怪状况还是有点用的,比如我拿来抓广告,虽然电信同样不承认。