【电脑浏览器】如何模拟手机浏览网页

有时候我们在调试或者有需要的时候，会需要在电脑浏览器上查看手机的预览效果。这时候就需要进行设置了。接下来介绍电脑端的浏览器如何模拟手机浏览网页。

工具/原料

已安装浏览器的电脑，并且可以上网。

自带模拟选项的浏览器

1、有一些浏览器在菜单里面是自带模拟选项的。如1 1 5浏览器。看一下模拟之前的效果。

2、找到右上角菜单（三个杠的按钮），在下拉菜单里面会有“模拟手机浏览该网页”，找到并点击。

3、这样就会出现左侧模拟手机，右侧开发者模式的网页。有时候会遇到显示不是很适配的情况，这时候刷新一下就可以了。

不带模拟选项的浏览器

1、有一些浏览器是不带模拟选项的，这时候就需要我们自己进入开发者模式进行选择了。这里我们以 C h r o m e 浏览器为例。

2、我们酋篚靶高需要自己进入开发者模式。右上角三个点的菜单-更多工具-开发者工具即可。当然我们也可以看其明示的快捷键 Ctrl+Shift+I 进入。其实按 F12 也可以进入。

3、之后我们就能看见电脑版网页的开发者模式了。现在的预览模式是电脑版的。

4、我们酋篚靶高需要在调试窗口选择“T o g g l e d e v i c e t o o l b a r”（如图所示的一个手机一个电脑显姨胀兽辱示屏的按钮），或者也可以快捷键 Ctrl+Shift+M 就可以模拟手机进行浏览了。同样地，有时候会遇到显示不是很适配的情况，这时候刷新一下就可以了。