移动网页兼容性测试主要测试不同移动设备显示上网站的显示效果。由于用户移动设备或者浏览器往往不同，若不进行测试，会出现样式错乱或者图片无法显示等问题。对于前端开发工程师来说，确保代码在各种主流设备和浏览器的各个版本中都能正常显示,因此要对编写出来的网页进行兼容性测试。
工具/原料
chrome最新版本浏览器
方法/步骤
1
安装并打开最新版本chrome浏览器，然后打开想要检查的网页。
2
按“F12+ESC”，将会出现检查控制台。再点击“F5”刷新页面，就将出现模拟的移动端网页。
3
若要检查不同设备的显示结果，点击“Model”的下拉框中选择（于图中红色部分），点击完成后，请再点击“F5”刷新页面。
4
若想自定义输入移动设备的尺寸，可在输入框输入，再点击“F5”刷新页面。
5
若需要恢复正常网页大小，点击下图红色框的“Reset”按钮即可
注意事项
若无法找到对应功能，请检查chrome浏览器是否最新版本
下一篇：移动宽带打不开网站