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