chrome 测试设备及网络兼容性

chrome的F12功能是非常好用的调试工具，在此基础上它也可以做移动端网页的兼容性测试，包括移动端浏览器模拟，设备模拟，网络模拟、横竖屏切换等功能，详情如下：

方法/步骤

操作步骤：

1.打开谷歌浏览器调试窗口：按F12

2.输入设备模拟的快捷键：shift+ctrl+M或点击设备切换图标

不同的浏览器设备模拟：

1.切换到network 界面，选择user agent

选择常见的浏览器，如uc 浏览器等

2.同一个型号设备 不同版本的修改，如画框处 修改ios版本号

3.回到设备页面，选择相应的设备， 模拟不同的屏幕大小和分辨率来测试

此次敲黑板：不要以为设备选项可以更改user-agent,只有

画圈处才可以。

网络模拟器的使用

需要测试不同网络下的移动端展示情况时选择：

其他网络的添加（可模拟弱网的状态）：

横竖屏切换

移动端的调试：

连接手机后，在浏览器上输入chrome：//inspect

如图界面可出现手机设备的名称（但是不能出现inspect按钮，该问题待解）。