手动打断点是有点麻烦的，也可以直接使用FiddlerScript简单地替换设置
当然也可以使用AutoResponder来直接匹配处理来访问这个页面
遇到样式的兼容性问题时，需要通过审查元素来调试。第一个调试基础是查看页面的元素和基本的日志输出。
这类工具有很多，最常见的要属Chrome的开发者调试工具，在PC上我们可以直接通过设备模拟来使用原生支持的DevTools，在真机上我们可以使用它的远程调试功能。
1. Chrome设备模拟
这个就很常见了，这里不多说
2. Chrome远程调试
远程调试，代名词，其实只是在PC上调试手机中访问的页面，通过USB连接进行调试。
PC的Chrome DevTools不仅能识别到手机端的Chrome浏览器，其他一些WebView浏览器也支持（比如微信内置X5浏览器 ，小米浏览器，华为浏览器等）
手机USB连接电脑，在手机开发者人员设置中开启 允许USB调试，在电脑控制面板设备管理上看到设备驱动安装成功（可以直接使用刷机精灵来帮助安装驱动）
然后在Chrome中访问 chrome://inspect/#devices ，在手机上访问某个页面，在这里就能识别出来了
上图按顺序为 手机Chrome、小米浏览器、微信X5浏览器 打开的页面
以微信中的 CSS Triggers页面为例来审查， 点击 inspect将弹出一个类似 DevTools的调试窗口
很多时候只能看到一个空白的页面，那是因为在远程调试的时候，Chrome要先请求下载调试工具包（为什么不跟随浏览器安装包来打包呢？可能是觉得打包之后体积太大，而且这个调试工具包是有版本控制的，各个环境不一致），需要FQ才行。
首次调试某个（手机）浏览器环境需要获取，后续则直接使用离线的缓存。
科学上网工具自行解决 ，能访问这个域名就行 https://chrome-devtools-frontend.appspot.com/#
这里提供一个host，可能后面会失效：
# 216.239.38.126 chrome-devtools-frontend.appspot.com 216.58.203.244 chrome-devtools-frontend.appspot.com