Chrome模拟iPhone浏览网页

最近要为一款主题做好IOS移动端的优化，因此需要在PC端模拟IOS测试移动页面，无论使用chrome或者firefox，我想这也不尽是我一个人的需求吧。
本文向大家介绍firefox、safari、chrome模拟出iPad、iPhone、Android、Symbian等移动浏览器浏览网页的方法。

实现原理

User Agent：一个特殊字符串头，使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。网站常常通过判断 UA 来给不同的操作系统、不同的浏览器发送不同的页面，因此可能造成某些页面无法在某个浏览器中正常显示，但通过伪装 UA 可以绕过检测。

使用方法

• 插件：User Agent Switch：安装User-Agent Switcher插件——选项——Custom User-Agent List——加入各种User Agent ；

• 以chrome为例，格式是chrome.exe+user-agent，可以通过在运行里直接运行下面的代码，也可以通过修改浏览器 快捷方式-目标栏实现上述效果。

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″

常用的user-agent

• iPad：

–user-agent=”iPad”
chrome.exe –user-agent=”Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A341 Safari/528.16″

• iPhone：

–user-agent=”iPhone”
–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″

• Android：

–user-agent=”Android”
–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″

• Symbian：

–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″

其他各种手机各种浏览器的User Agent见这里：

http://www.zytrax.com/tech/web/mobile_ids.html