用谷歌浏览器来当手机模拟器

回忆未来 2010-10-07 08:27:34 累计浏览 5,248 次

本机暂存

内容概览

这篇讲的是如何利用谷歌 Chrome 浏览器内置的功能，将其变身为一个轻量级的手机模拟器。

很多网站会通过 User-Agent 这个请求头来判断访问设备的类型，并返回对应的页面版本（比如给手机展示精简版的3G页面）。作者抓住了这个机制，分享了一个实用技巧：无需安装额外软件，只需通过特定的启动命令或 Chrome 开发者工具（DevTools），就能让浏览器以特定手机（例如安卓设备）的身份去访问网页。

具体来说，文章介绍了一种通过 Windows 运行命令行来启动特定模式 Chrome 的方法。这种方式对于前端工程师调试移动端网页适配、产品经理快速预览产品在手机上的显示效果非常方便。对于普通用户，如果你想在电脑上查看某个网站的手机版本界面，这同样是一个即学即用的小窍门，比反复缩放窗口要精准得多。

这个技巧的核心在于理解 User-Agent 的作用以及 Chrome 强大的可配置性，它用最直接的方式解决了“在桌面端预览移动端页面”这一常见需求。

　　很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。

　　谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应手机的浏览器去访问3G手机网页：

　　谷歌Android：

chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"

　　苹果iPhone：

chrome.exe --user-agent="Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10"

　　诺基亚N97：

chrome.exe --user-agent="Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.18124"

　　试一试，分别用Android、iPhone、诺基亚访问http://www.163.com/、http://blog.s135.com/、http://www.google.com.hk/、http://3g.qq.com、http://t.sina.cn这些3G手机网页，看看有什么不同。

　　更多款手机的User-Agent：http://www.zytrax.com/tech/web/mobile_ids.html

同分类推荐文章

「置顶」我做了什么（2026-05-05 12:13:28）
万字长文推演：手机不再从 App 开始，Agent OS 如何接管任务入口（2026-04-28 14:57:22）
Android Perfetto 系列 10 - Binder 调度与锁竞争（2025-11-16 15:33:30）

查看更多移动开发文章 →

建议继续学习

Chrome和goagent的配置方法，你懂的（累计阅读 16,704）
使用Fiddler对手机应用进行抓包测试（累计阅读 8,615）
警惕 Chrome 的查看源代码 (View Page Source) 功能（累计阅读 7,123）
[译]Google Chrome中的高性能网络（累计阅读 6,632）
收集几个手机浏览器的User-agent （累计阅读 4,454）
解决Chrome最小字体限制（累计阅读 4,056）
解决jQuery动画在chrome下暴走的问题（累计阅读 4,051）
Chrome 里 Max-age 和 ETag 的古怪逻辑（累计阅读 3,674）
搜索引擎爬虫蜘蛛的USERAGENT收集（累计阅读 3,544）
Chrome渲染Transition时页面闪动Bug （累计阅读 3,144）