Chrome调试手机页面

新开发的网页需要在手机或是模拟机上运行测试，如果手头事件比加紧，那么可以借助 Chrome提供的手机网页预览程序进行简单调试。查看 制作的网页是否能够适合各种手机型号使用。

 

下面所以下如何使用Chrome调试多类型手机网页。

 

首先 下载Chrome 浏览器。

在你要调试的网页或是本地页面中。按F12 打开调试器。

工具/原料

• Chrome浏览器

方法/步骤

1.  

   打开 仿真面板。如图所示：

   

   
2.  

   可以在 Device 选择设备。

   可以在Screen  设置模拟的屏幕方面的东西，设置分辨率，屏幕尺寸。

   可以在 User Agent 设置 客户端Agent

   可以在 sensors  设置感应等，模拟触屏操作。

   
3.  

   配置好之后，点击 Emulate 。开始进行仿真。

   （选择Device需要点击emulate)其余选项是在修改后自动改变。

   

   
4. 4

   如何假设 平板旋转屏幕？

   可以在 screen中，点击分辨率中间的互换按钮就可以了。

   使用Chrome浏览器调试，配置好调试设置之后，可以自由输入 网址查看 在移动设备上的现实情况。

   
   END

注意事项

• 如果不出现菜单，下载最新版Chrome浏览器插件。