iScroll.js 和 iOS 浏览器检测 - 仅向 iPad/iPhone 显示 iScroll.js 文件答案

【问题标题】：iScroll.js and iOS browser detection - show the iScroll.js file only to iPad/iPhoneiScroll.js 和 iOS 浏览器检测 - 仅向 iPad/iPhone 显示 iScroll.js 文件
【发布时间】：2011-08-21 06:29:07
【问题描述】：

我创建了一个使用固定定位的页眉和页脚的页面，并且还必须在 iPad/iPhone 上工作。我正在使用 iScroll.js (http://cubiq.org/iscroll-4) 在 iPad/iPhone 上滚动页面。但是，我需要这个脚本只能在 iOS 上工作（页面是简单的 HTML 页面），例如：http://projects.klavina.com/iscroll/

问题： 我想仅向 iOS 设备（类似于 IE 的条件注释）显示 JS（在 HTML 文档的头部区域）。我怎样才能做到这一点？ Javascript可以做到这一点吗？如果没有，我可以使用 PHP 吗？我不做任何后端编程，但如果你指出正确的方向，我相信我可以弄清楚。

谢谢！

【问题讨论】：

IMO，我喜欢在该页面上拖动滚动的能力。它在其他情况下可能效果不佳，但对于照片库来说很有意义。

标签： php javascript iphone ipad mobile-safari

【解决方案1】：

如Safari Web Content Guide 中所述，您可以使用用户代理来确定您是否在 iOS 设备上。您可以在 JavaScript 或 PHP 中轻松地对此进行测试。这是一个 JavaScript 示例：

userAgent = window.navigator.userAgent;
if(/iPhone/.test(userAgent) || /iPod/.test(userAgent) || /iPad/.test(userAgent)) {
    // load iScroll here
}

【讨论】：

为了更加简洁，您可以将其缩减为单个 RegExp：/iP(hone|od|ad)/.test(userAgent)