如何用电脑PC浏览器模拟手机页面(安卓和iOS)
我们知道手机版和移动版网站做出来后，需要进行各种手机设备和不同分辨率，不同大小屏幕上的调试。本文分享给大家如何在电脑上用Google Chrome浏览器模拟各种手机触屏网站的网页效果。支持谷歌Android和苹果iOS等多种手机操作系统。
操作方法
- 01
首先，我们打开谷歌Chrome浏览器，在任意网页按下F12快捷键。 打开Google浏览器开发者工具 或者右击网页，点击“审查元素”
- 02
如果你用的苹果Mac电脑，可以按下快捷键 ⌘-Option-I 打开Chrome浏览器的开发者工具
- 03
这时点击左上角的手机屏幕图标，即可进入模拟手机设备型号、手机屏幕尺寸，不同手机分辨率的功能界面。谷歌浏览器瞬间变成了手机浏览器。
- 04
当然，除了模拟Android、iOS操作系统的各种手机设备和各种移动运营商网络之外，还可以模拟平板电脑等多种移动设备。
- 05
如果看不到这个移动设备模拟界面，建议升级最新版Chrome浏览器。 升级后一般即可解决。 或者点击“Devices”，查看Emulated devices，检查这些平板电脑或手机型号是否被选中。
- 06
最后不得不提到的一点，是Chrome浏览器可以模拟各种用户浏览器的User Agent。 方法是，在UA的地方，填写你希望模拟的用户浏览器信息。
赞 (0)