如何在电脑上调试手机上显示的网页

今日，接到一个任务，后台多个页面的搜索框在手机上显示不出来，让解决此问题。从网上搜索的情况看，大致有两种方法。

第一种：手机用usb连接电脑，然后开启调试模式来做。

这个我电脑用着有问题，前置usb接口有问题，一旦连接手机就会自动重启。后置usb虽然没问题，但连接线不够长，不太方便

第二种：安装手机模拟器。这个一个是模拟机安装文件比较大，另一个启动速度特别慢，也不太合适。

其他就没有好的方法了。

因为我以前用过微信web开发者工具来做微信开发，知道其调试手机网页的功能特别强大。就想试试用这个是否可以调试。由于开发微信是针对特定网站，特定域名的，我先打开微信开发者工具，目前版本是0.70，然后输入百度的域名，看到微信开发者工具中的控制台等源码显示都正常，看来是可以使用。

由于微信开发目前只支持80端口，因此需要在电脑上进行配置，才能使用。首先在IIS中配置网站域名为jiaogui.jinrimianshi.com。然后在host文件中输入：

127.0.0.1 jiaogui.jinrimianshi.com

这样配置好后就可以在本地电脑上调试了。

微信开发者工具下载地址：http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html

另外还有一个前提条件，你必须有微信账号，而且这个微信账号已经成为微信开发者