Chrome模拟手机端浏览网页的5种实用方案

在桌面版 Chrome 中预览网页的移动端适配效果，是前端开发、内容审核和响应式布局测试中的高频需求。然而，有时即便已经加载了页面，依然无法触发移动端视图，根源通常在于服务器未能识别出“移动设备”身份。解决方法并不复杂，以下三种方案彼此独立，任选其一即可立竿见影。

若仅需临时验证某页面的手机显示效果，或测试触控交互行为，直接使用开发者工具的设备模拟模式是最快捷的方案。该模式会同步调整视口尺寸、设备像素比（DPR）以及 User-Agent 字符串，且所有变更仅作用于当前标签页，不影响其他工作流程。

打开 Chrome 后，先导航至目标页面，按下 Ctrl+Shift+I（Windows/Linux）或 Cmd+Option+I（macOS） 唤起开发者工具。左上角的手机/平板图标即为入口——点击它，或直接按 Ctrl+Shift+M（Windows/Linux）或 Cmd+Shift+M（macOS），即可进入设备模拟模式。顶部下拉菜单提供多种预设机型，例如 iPhone 14 Pro、Pixel 8，选中后页面会自动应用对应的宽度、高度、DPR 和 UA。若预设列表中没有所需设备，可点击菜单末尾的“Edit…”，选择“Add custom device”，手动填入名称、宽度（如 375）、高度（如 812）、DPR（如 3），保存后即可使用。设置完成后需刷新页面，服务器便会根据新的视口和 UA 返回适配移动端的 HTML 内容。

一、通过命令行启动 Chrome 并强制指定 UA 字符串

该方法适合需要长期固定在某移动环境下的场景——例如连续数天测试某 Android 设备的兼容性，或不想每次开启开发者工具。其原理是在浏览器进程启动时直接注入全局 UA 参数，对所有新建窗口内的标签页生效，且无需依赖图形界面操作。

操作前务必彻底关闭所有 Chrome 进程，包括后台残留的 chrome.exe（Windows） 或 Google Chrome Helper（macOS）。随后在 Windows 命令提示符中执行以下命令：

chrome.exe --user-agent="Mozilla/5.0 (Linux; Android 13) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.6099.210 Mobile Safari/537.36"

macOS 用户在终端中执行：

open -a "Google Chrome" --args --user-agent="Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1"

启动后的新窗口内，所有网络请求均携带你设定的 UA 字符串，无需额外刷新，直接呈现手机版内容。

二、安装 UA 切换扩展实现一键轮换

若你经常需要在多个设备 UA 间快速切换，或同时验证不同网站在移动端的表现，安装浏览器扩展是更高效的选择。这类轻量级扩展通常支持预设多个 UA，并可依据域名自动匹配，省去手动输入命令的麻烦。

先打开 Chrome 网上应用店，搜索并安装 User-Agent Switcher and Manager 或 Quick UA Switcher 等扩展。安装完成后，点击地址栏右侧的拼图图标，找到扩展进入配置页面。在设备分类列表中选取目标 UA，例如 Android 下的 Chrome，或 iOS 下的 Safari（iPhone）。启用后刷新当前页面，浏览器便会以新身份发起请求，展示对应的移动端布局。

来源：互联网