仅为 iOS 设备加载 JS 脚本？

Posted 2023-03-14

技术标签:

【中文标题】仅为 iOS 设备加载 JS 脚本？【英文标题】：Loading JS script for only iOS devices? 【发布时间】：2011-02-02 14:57:51 【问题描述】：

我有一个在网站上使用的 jQuery 脚本，以允许 iPhone/iPad/iPod 上的固定位置背景图像。然而，它似乎与我在全屏放大背景图像的网站上使用的另一个脚本发生冲突。幸运的是它们是相互独立的，我不需要冲突的背景图像脚本在 ios 设备上工作，反之亦然。

有没有一种方法可以专门针对 IOS 设备来提供 JS 文件？我最初考虑使用某种 IF 语句并在窗口大小上执行此操作，但这开始变得有点复杂并影响其他非 IOS 设备。它只需要运行这样的东西......

..."如果 IOS 设备则加载 scroll.js"

我知道设备/浏览器嗅探是不受欢迎的，但我想不出另一种解决这个问题的方法。

【问题讨论】：

使用@Keltex链接中的用户代理匹配。 【参考方案1】：

您可以使用 Mobile Safari 用户代理字符串来检测移动 Safari 服务器端，请参阅：How do I detect Mobile Safari server side using php?

您也可以在 javascript 中执行此操作：

if(navigator.userAgent.match(/(iPhone|iPod|iPad)/i))

更多信息请参见iPhone & iPod Detection Using JavaScript。

【讨论】：

【参考方案2】：

你可以使用Detect Mobile Browser（它有一个javascript库）。

【讨论】：

似乎有很多代码只是专门检测 IOS，有什么理由比 Justin Ethier 给出的答案更合适吗？感谢您的帮助。【参考方案3】：

你也可以试试这个

if (navigator.userAgent.match(/like Mac OS X/i)) 
                alert('Hi, you\'re browsing from an iOS device.');

【讨论】：