如果用户使用 PC、平板电脑或智能手机，Sencha Touch 如何加载自定义 CSS、JS？

发布于 2024-12-09 06:47:25 字数 234 浏览 0 评论 0原文

如何设置页面，以便当用户使用 PC（Safari/Chrome/Firefox）时，用户获得“正常”网页，但当他使用“ipad”查看相同的 URL 时，他获得 Sencha Touch（css，js）文件到他的浏览器？ JavaScript 浏览器检测，导航器？或者 Sencha 有这方面的原生解决方案吗？我了解 Ext.env.Browser，但用户可以在 PC 和 IPAD 上使用 Safari 吗？有什么想法吗？谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

秋千易 2024-12-16 06:47:25

我认为最好、最干净的解决方案是在服务器端添加此功能。检查用户代理请求标头来决定发送哪些文件。您还可以重定向到不同的子域，例如 m.example.com。但如果你想用 sencha 来做，请阅读这篇文章： http:// /www.sencha.com/learn/idiomatic-layouts-with-sencha-touch

回复收藏 0 原文

纵山崖 2024-12-16 06:47:25

可能您必须使用媒体查询来

检查此http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

回复收藏 0 原文

孤独患者 2024-12-16 06:47:25

例子：

<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>

Example:

<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>

回复收藏 0 原文

~没有更多了~