谷歌浏览器内置丰富的开发功能,今天重点介绍如何通过开发者工具模拟手机浏览网页环境,只需简单几步即可完成设置,方便查看网页在移动设备上的显示效果。
1、 启动谷歌浏览器,接着访问需模拟的网页。
2、 打开网页后,右键点击任意位置即可操作。
3、 接着点击弹出选项中的检查功能。
4、 点击检查后,浏览器会弹出对话框,点击其中的切换设备工具栏图标即可,具体所示。
5、 开启设备工具栏后,刷新页面即可查看手机端网页显示效果。
6、 刷新页面后,点击顶部的Responsive按钮即可切换不同手机型号。
7、 使用谷歌浏览器访问目标网页进行模拟操作。
8、 接着在网页任意位置点击鼠标右键。
9、 在弹出菜单中选择检查选项。
10、 在检查窗口中,点击设备工具栏切换图标。
11、 点击设备工具栏切换图标后刷新页面,即可查看手机版网页。
