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

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

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

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

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

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

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

chrome://inspect/#devicesedge://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