关于如何在PC上调试手机X5内核浏览器下的WEB页面

当我们在开发移动端WEB页面时经常会遇到X5内核（也就是QQ浏览器以及微信内置浏览器）与其他浏览器出现不一致的地方，而且有时候很难判断其原因所在，这时候就希望能像PC端浏览器一样在开发者工具上调试页面，找出其原因所在，如果大家目前正被这个问题所困扰，那么这次将解决大家的问题，希望对大家有所帮助。

正题：

第一步：首先，我们需要一个官网所提供的微信开发者工具，地址：http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html。

进入网站后拉到最底下可以找到如图所示的页面：

点击下载对应系统版本的开发者工具并安装即可。

第二步：

安装完成之后我们打开。

进入软件后不出意外会有提示框让你扫描二维码进行登陆，这里一定一定要登陆！！！！否则就无法进行调试了。

登陆完成后在

这里可以看到登陆按钮变成了你的微信头像，这样就代表登陆成功。然后我们可以看到有个“移动调试”的按钮，点击后会出现如下界面：

然后