【问题标题】:Separate javascript for different devices不同设备的单独 javascript
【发布时间】:2013-12-23 16:52:36
【问题描述】:

有没有一种方法可以根据您在哪个设备上查看网站来调用不同的 javascript 文件或行?就像 CSS 的媒体查询一样。

【问题讨论】:

  • 可以根据用户代理检测操作系统,调用不同的函数,甚至动态加载不同的js。
  • 我认为davidwalsh.name/… 可能会有所帮助

标签: javascript device


【解决方案1】:

有几种通用的方法:

我推荐第一种方法使用modernizr http://modernizr.com/

编辑:

detecting a touch aware browser with modernizr: modernizr 会将class="touch' 添加到body

$('.touch #popup).hide() // hide "popup" only on touch devices

【讨论】:

【解决方案2】:

在android、iphone、ipad、ie mobile等平台环境下的设备,我们可以简单地检查为:

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 // here is your javascript code....
}

希望,设备意味着可以像上面那样工作......

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-25
    • 1970-01-01
    • 1970-01-01
    • 2016-01-13
    相关资源
    最近更新 更多