jquery - 在 Mobile Safari 上显示网站的“IE7”版本

Question

我试图在一个网站上使用这个代码： Proximity Effect

在所有受支持的浏览器中运行良好，并且在 IE7/8 上回退到缩略图网格。可下载的代码看起来像是在为 IE 使用条件注释。

问题是，移动版 Safari 通过了检查并显示了完整版，但 iPad 当然没有翻转事件。所以什么也没有发生。

我很乐意向移动设备展示网格 (IE7) 版本，以及用于现代桌面浏览器的完整版本。您如何建议对移动设备进行测试？

Answer 1

您可以使用一些 JavaScript 来检测移动设备和浏览器。

if( 
(
  navigator.userAgent.match(/iPhone/i) ||
  navigator.userAgent.match(/iPod/i) ||
  navigator.userAgent.march(/iPad/i)
) && 
(navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1)
){
  // your code
}

此外，如果您确切知道哪些元素或脚本在移动 Safari 中不起作用，则可以对其进行测试，而不是检查特定的浏览器。

注意： Safari 的 userAgent 将包含“Safari”，但不包含“Chrome”，而 Chrome 将包含两者。