解决微信新版内置浏览器网页抓包【全网最细】

众所周知，新版本的微信，内置浏览器已经不用x5了
而且新版微信内置浏览器对经常使用电脑端的开发者非常不友好
因为有很多特定的网页必须要微信里面才能够打开，还不能用开发者工具
所以为了方便各位常用电脑的开发者调试手机端网页，故出此教程

本教程需要：
电脑、数据线、手机

首先，需要将手机设置里面的USB调试打开，各个手机的机型都是不一样的，百度搜自己的手机型号或手机系统如何打开USB调试就可以（比如MIUI14如何开启USB调试，一般都是先让你进开发者模式，在开发者选项里面找）

其次，将数据线连接手机和电脑，并且在手机端点传输文件这个按钮，如图所示，如果你用的是笔记本电脑，可以将数据线插入右侧的USB口（USB2.0就能打开，反正我的电脑是这样的）

连接成功后，到微信端发送下面的链接，并且点击链接，如果提示“执行成功”即开启调试

http://debugxweb.qq.com/?inspector=true
 

此时，用你的手机端微信点击任意一个“网页”比如某度，在你的EDGE或Chrome输入以下任意一条对应的浏览器

chrome://inspect/#devices
edge://inspect/#devices


应该一眼就能看出来对应的哪个浏览器吧！
我用的是Chrome，页面是这样的

问题来了，我的调试按钮呢？？

别慌！我用了3个小时的时间边玩边找教程
最终自己靠着模糊的教程拼一拼给整好了
做出此教程也是为了方便大家

如果你的浏览器像我的一样没显示设备
那么可以按照以下的教程一步一步操作起来

首先需要下载ADB工具，这里直接给大家文件
免得又要到处搜到处找，浪费大把时间
（这是俺到隔壁老外XDA论坛搞来的）
下载地址如下：（抗揍云）
https://deanfun.lanzoub.com/iP3hO17liu0d

操作之前，手机必须开启USB调试，并且一直插在电脑里面，保持电脑可以访问手机内文件的状态，再开始操作

下载后解压，在文件上方输入“cmd”

并且按回车键，输入“adb devices”并按回车

此时你的手机应该有反应了，无脑点击接受即可

此时为了保险起见可以再点一次调试的链接（上面有发）
提示“执行成功”后，在手机微信随便进入一个网页
并刷新Chrome浏览器的调试页面
此时你的设备会出现你进入的网页
点击“inspect”，即可进入开发者工具

神奇的一幕出现了，你的电脑点击页面
你的手机页面也会跟着变化
这样极大地方便了爱用电脑调试的程序猿

安装稳定版chrome正常进入chrome://inspect，提示404无法正常显示调试页面。报错如下图所示：

原因解析：
国内网络无法访问 https://chrome-devtools-frontend.appspot.com

解决方法：
不妨尝试点开正常显示该网页内容后重试下，看看chrome://indespct是否正常，上连接：http://chrome-devtools-frontend.appspot.com/serve_rev/@180870/devtools.html