菜单

如何测试iPad站

2011年05月18日 - iPad

有做学过点Web的都知道在用户浏览网页的时候,会默认发送几个信息在Head里,而里面就有一个叫做UA(User Agent)的字符串,这个就是用来识别用户的浏览设备和浏览器的。 而我们iPad的UA是

Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10
 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10

嗯嗯,那要怎么识别呢 有几种方法

JavaScript(通用推荐)

function is_iPad(){
	var ua = navigator.userAgent.toLowerCase();
	if(ua.match(/iPad/i)=="ipad") {
		return true;
 	} else {
		return false;
	}
}

PHP

$is_iPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');

.htaccess(仅LAMP主机适用)

RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
RewriteRule ^(.*)$ http://ipad.yourdomain.com [R=301]

以上方法任选一种即可


如何测试iPad站

很多草根站长都有做iPad站,也已经用上面的方法做好了识别。 但现在的问题是如何不用直接买iPad就能进行测试呢?有人会想用模拟器、SDK神马的,不用想了,现在也只有Mac平台才有官方的模拟器,而且每年还要 交$99的开发费用呢。你舍得么? 好吧,不啰嗦。小问教大家一个既省钱,又强大的方法! 能进来到这里的用户大多都用Chrome和FireFox吧~其实我们就是可以用“伪装”浏览器UA的方法进行测试

Chrome

关闭Chrome浏览器,回到桌面,右键“谷歌浏览器”→“属性”,在“目标”栏里,在  /chrome.exe” 的后面加一个空格,然后粘贴以下代码,重新打开,OK啦

-user-agent="Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10
 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10"

FireFox

FireFox的比较麻烦,需要安装一个插件:User Agent Switcher 安装完成以后,在“工具”→“User Agent Switcher”→“Edit User Agent”,按照以下填写

Description:iPad  User Agent:Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us)
AppleWebKit/531.21.10 (KHTML,   like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10 其他可不填

回去然后在“工具”→“User Agent Switcher”→“iPad”,刷新要测试的站,OK

 

Safari

Safari是最简单的,本身就已经集成了。 “偏好设置”→“高级选项”,确保“在菜单栏中显示开发菜单”选中。 然后到 “开发”→“用户代理”,选择“Mobile Safari 3.2.2 — iPad”,OK

 

IE

额。。IE, 可以倒是可以。。但是不建议用,Trident核心。。你懂的 还是把方法扔出了吧 按下键盘的Win+R,在运行框内输入“regedit”→依次找到HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft \Windows\CurrentVersion\Internet Settings\版本号\User Agent→把(默认)项的值改成要改的UA 版本号:IE1~IE8均按顺序,IE9用5.0(好蛋疼的说。。)

Opera

抱歉。。Opera的确有UA选择功能。。但不能自定义.

from: http://www.iwillwen.com/build-a-ipad-website.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注