手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

chrome 测试设备及网络兼容性

时间:2024-10-12 02:06:30

1、操作步骤:1.打开谷歌浏览器调试窗口:按F122.输入设备模拟的快捷键:shift+ctrl+M或点击设备切换图标

2、不同的浏览器设备模拟:1.切换到network 界面,选择user agent选择常见的浏览器,如uc 浏览器等

chrome 测试设备及网络兼容性

3、同一个型号设备 不同版本的修改,如画框处 修改ios版本号

chrome 测试设备及网络兼容性

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

chrome 测试设备及网络兼容性
chrome 测试设备及网络兼容性

5、此次敲黑板:不要以为设备选项可以更改user-agent,只有画圈处才可以。

chrome 测试设备及网络兼容性

6、网络模拟器的使用需要测试不同网络下的移动端展示情况时选择:

chrome 测试设备及网络兼容性

7、其他网络的添加(可模拟弱网的状态):

chrome 测试设备及网络兼容性

8、横竖屏切换

chrome 测试设备及网络兼容性

9、移动端的调试:连接手机后,在浏览器上输入chrome://inspect如图界面可出现手机设备的名称(但是不能出现inspect按钮,该问题待解)。

chrome 测试设备及网络兼容性
© 手抄报圈