最近为博客开发了手机版的自适应布局，在Chrome下的手机浏览器模拟环境挺正常的，但是在某些浏览器下则无法加载自适应布局文件。

通过手机版的调试最后找到了问题，现在就把如何在PC电脑上调试手机网站教程写下来。

手机版的Chrome下调试：

1、在手机上和PC上安装最新版本的Chrome浏览器，将手机的设置-开发者选项打开并允许调试，通过USB数据线将PC与手机连接。在PC上打开chorme，输入chrome://inspect ，打开手机版的Chrome会有弹框询问是否允许调试(在PC上安装对应手机的驱动，用豌豆荚等能连接上手机就行了)。

2、打开了inspect 后点击页面上DOM等元素，手机Chrome上对应的元素也会高亮显示，也可以使用NetWork，Console等选项卡，和PC上调试类似。

手机UC浏览器的调试：

1、安装开发者版本的手机UC浏览器。

2、使用USB或同一局域网无限连接进行调试，与chrome调试类似。

3、具体教程情况UC网站：UC浏览器 调试教程：http://plus.uc.cn/document/webapp/doc5.html

简单的查看页面效果：

1、chrome下的设备模拟，在Chrome下F12，点击手机图标的按钮，然后可以Device选择不同的手机设备。

2、在PC上架设局域网网站，设定端口。用手机访问PC网站的IP+端口。

手机网站页面的测试方法有许多，自己觉得够用就行了。有意见可以互相交流 O(∩_∩)O~