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

Question

我试图在网站上使用此代码： 邻近效应

在所有受支持的浏览器中效果很好，并且可以回退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 将包含两者。