我们知道手机版和移动版网站做出来后，需要进行各种手机设备和不同分辨率，不同大小屏幕上的调试。本文分享给大家如何在电脑上用Google Chrome浏览器模拟各种手机触屏网站的网页效果。支持谷歌Android和苹果iOS等多种手机操作系统。工具/原料moreChrome方法/步骤1/6分步阅读

首先，我们打开谷歌Chrome浏览器，在任意网页按下F12快捷键。

打开Google浏览器开发者工具

或者右击网页，点击“审查元素”

2/6

如果你用的苹果Mac电脑，可以按下快捷键

⌘-Option-I

打开Chrome浏览器的开发者工具

3/6

这时点击左上角的手机屏幕图标，即可进入模拟手机设备型号、手机屏幕尺寸，不同手机分辨率的功能界面。谷歌浏览器瞬间变成了手机浏览器。

4/6

当然，除了模拟Android、iOS操作系统的各种手机设备和各种移动运营商网络之外，还可以模拟平板电脑等多种移动设备。

5/6

如果看不到这个移动设备模拟界面，建议升级最新版Chrome浏览器。

升级后一般即可解决。

或者点击“Devices”，查看Emulated devices，检查这些平板电脑或手机型号是否被选中。

6/6

最后不得不提到的一点，是Chrome浏览器可以模拟各种用户浏览器的User Agent。

方法是，在UA的地方，填写你希望模拟的用户浏览器信息。

注意事项

再次点击一下手机屏幕图标，可以退出手机模拟功能。

ios