如何设置页面,以便当用户使用Pc(Safari/Chrome/Firefox)时,用户获得"正常"网页,但当他使用"ipad"查看相同的URL时,他获得Sencha Touch(css,js)文件到他的浏览器?JavaScript浏览器检测,导航器?或者Sencha有本地解决方案?我知道Ext.env.Browser
,但是用户可以在PC和IPAD上使用Safari吗?什么好主意吗?谢谢!
我认为最好和最干净的解决方案是在服务器端添加此功能。检查用户代理请求头以决定发送哪些文件。您也可以重定向到不同的子域名,例如到m.example.com。但是如果你想用sencha来做,那么请阅读这篇文章:http://www.sencha.com/learn/idiomatic-layouts-with-sencha-touch
可能需要使用media query
检查这个http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
http://css-tricks.com/6206-resolution-specific-stylesheets/示例:
<script type="text/javascript">
var isiPad = navigator.userAgent.match(/iPad/i) != null;
var isiPhone = navigator.userAgent.match(/iPhone/i) != null;
if(isiPad){
alert("Ipad");
//window.location = "http://www.google.com/iPad/"
}if(isiPhone){
alert("Iphone");
//window.location = "http://www.google.com/iPhone/"
}else{
window.location = "http://www.google.com"
}
</script>