【问题标题】:Is there a way of disabling jquery code when your website is viewed on mobile devices / tablets?在移动设备/平板电脑上查看您的网站时,是否有禁用 jquery 代码的方法?
【发布时间】:2013-08-30 19:51:06
【问题描述】:

我正在编写一个使用大量 J-Query 进行动画/状态更改的网站。在移动设备和平板电脑上查看时,J-Query 要么变得非常缓慢,要么根本无法工作。有没有办法在不同设备上查看网站时禁用 J-Query 代码,就像媒体查询允许您在不同设备上使用不同的 CSS 样式表一样?

【问题讨论】:

  • 参考这个,可能会得到一些线索:stackoverflow.com/questions/6333878/…
  • 上面的例子是根据使用的浏览器改变Jquery。我在为使用的不同设备(即不同的浏览器大小)更改 Jquery 之后

标签: jquery iphone ipad media-queries


【解决方案1】:

我使用此代码检查移动设备:

if(! /iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())) {
    <THIS CODE WILL NOT BE EXECUTED ON MOBILE DEVICE>
}

你可以将它直接放入 (document).ready 部分并包含所有你不想在移动设备上使用的代码,或者如果你根本不需要任何 jQuery 代码,你可以将它放在 (document).ready 周围。

【讨论】:

    【解决方案2】:

    最好的方法是在服务器端检测移动设备并在没有 jquery 的情况下生成页面。看看这个:http://wurfl.sourceforge.net/ 和 https://deviceatlas.com/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-09-08
      • 1970-01-01
      • 2014-09-20
      • 1970-01-01
      • 2014-05-02
      • 1970-01-01
      • 2023-03-23
      • 1970-01-01
      相关资源
      最近更新 更多