在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中不起作用，您可以测试它而不是检查特定的浏览器。

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