FireFox chrome 模拟手机浏览器调试手机网页

最新推荐文章于 2025-03-28 13:01:28 发布

转载最新推荐文章于 2025-03-28 13:01:28 发布 · 6.6k 阅读

收录于

移动开发

本文介绍如何使用Firefox和Chrome浏览器模拟手机浏览器进行网页调试。通过安装特定插件或调整User-Agent字符串，开发者可以在桌面浏览器上模拟包括iPhone、Android在内的多种手机设备环境。

Firefox的办法

1。首先打开火狐浏览器的工具下面的附加组件下载一个User Agent Switcher组件安装（如果已有就不用下载了）

2。重新启动浏览器

3。打开工具可以发现下面已经安装了User Agent Switcher 选择下面的子菜单中的iphone3，即可用火狐浏览器模拟手机浏览器

在里面调试自己的代码

月小升发现Firefox这个办法还可以调试IE6 7 8 9 。真是不错的小插件。

Chrome的办法

　谷歌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 4：
chrome.exe –user-agent=”Mozilla/5.0 (iPhone; CPU iPhone OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A405″

　　苹果iPad 2：
chrome.exe –user-agent=”Mozilla/5.0 (iPad; CPU OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A405″

　　诺基亚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手机网页，看看有什么不同。

　　10月11日备注：如果想切换回普通浏览器模式，关掉所有Chrome浏览器，重开即可。如果不想关闭浏览器，切回普通浏览器模式，则访问：
chrome.exe –user-agent=”Mozilla/5.0 (Windows NT 6.1) AppleWebKit/535.7 (KHTML,>首发地址：月小升博客 – http://java-er.com/blog/firefox-chrome-mobie-brower-iphone/
无特殊说明，文章均为月小升原创，欢迎转载，转载请注明本文地址，谢谢