有做学过点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