做网站开发的朋友，想知道网页在手机上的显示效果，不用真拿手机测试，谷歌浏览器的模拟移动设备功能就能实现，步骤简单，我们新手也能快速上手。
1、谷歌浏览器开启设备模拟模式
用谷歌浏览器打开需要测试的网页；
按 F12 键（或 Ctrl+Shift+I）打开开发者工具；
点击左上角 “手机 / 电脑” 图标（Toggle device toolbar），谷歌浏览器会切换到移动设备视图。
2、谷歌浏览器选择模拟设备型号
在开发者工具顶部的设备下拉框中，我们可选择常见设备（如 iPhone 14、三星 Galaxy S23、华为 Mate 50 等），谷歌浏览器会自动匹配该设备的屏幕尺寸、分辨率。我们也能手动输入宽度和高度，自定义模拟设备。
3、谷歌浏览器模拟移动网络环境
想测试网页在 4G、3G 网络下的加载速度？在开发者工具顶部找到 “Network” 下拉框，我们选择 “Fast 3G”“Slow 3G” 等，谷歌浏览器会模拟对应网络速度，帮我们优化网页加载性能。测试完后，我们再次点击 “手机 / 电脑” 图标，谷歌浏览器会恢复电脑端视图。用谷歌浏览器模拟移动设备功能，我们不用频繁切换真机，就能高效调试网页在不同设备上的显示效果，很适合开发者和设计师使用。
