如何设置页面,以便当用户使用Pc(Safari / Chrome / Firefox)时,用户获得"normal"网页,但当他使用"ipad"查看相同的URL时,他将Sencha Touch(css,js)文件添加到他的浏览器中? JavaScript浏览器检测,导航器?或者Sencha有本机解决方案吗?我知道 Ext.env.Browser 但用户可以在PC和IPAD上安装Safari吗?有任何想法吗?谢谢!
Ext.env.Browser
可能你必须使用 media query
media query
检查这个http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
http://css-tricks.com/6206-resolution-specific-stylesheets/
我认为最好和最干净的解决方案是在服务器端添加此功能 . 检查用户代理请求标头以确定要发送的文件 . 您还可以重定向到不同的子域,例如到m.example.com . 但如果你想用sencha做,那么请阅读这篇文章:http://www.sencha.com/learn/idiomatic-layouts-with-sencha-touch
例:
<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>
3 回答
可能你必须使用
media query
检查这个http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
http://css-tricks.com/6206-resolution-specific-stylesheets/
我认为最好和最干净的解决方案是在服务器端添加此功能 . 检查用户代理请求标头以确定要发送的文件 . 您还可以重定向到不同的子域,例如到m.example.com . 但如果你想用sencha做,那么请阅读这篇文章:http://www.sencha.com/learn/idiomatic-layouts-with-sencha-touch
例: