Question

我创建了一个网站，index.php是一个简短的动画系列文本（不是我的想法，我建议反对它，但我不是老板）但是无论如何，我对这个动画的问题是它不受支持通过IE浏览器，它也没有响应，所以它在手机中看起来也很糟糕。

我的问题是，这里有没有人听说过我可以使用的脚本或jquery会嗅探浏览器（IE＆gt; 1，Android，IO等）并将它们重定向到同一站点内的home.php？

也许是带有标题的PHP脚本：位置......我不知道，有什么。

P.S。我已经尝试了我在堆栈溢出中读到的所有内容，但没有任何作用。

这是我得到的最接近的答案，但不是我正在寻找的

<script type="text/javascript">

  var sBrowser, sUsrAg = navigator.userAgent;

  if(sUsrAg.indexOf("Chrome") > -1) {
    sBrowser = "Google Chrome";
  } else if (sUsrAg.indexOf("Safari") > -1) {
    sBrowser = "Apple Safari";
  } else if (sUsrAg.indexOf("Opera") > -1) {
    sBrowser = "Opera";
  } else if (sUsrAg.indexOf("Firefox") > -1) {
    sBrowser = "Mozilla Firefox";
  } else if (sUsrAg.indexOf("MSIE") > -1) {
    sBrowser = "Microsoft Internet Explorer";
  }

  alert("You are using: " + sBrowser);
</script>

提前致谢

Answer 1

您的浏览器识别功能正常，只需使用javascript重定向即可。

所以有些东西：

var sUsrAg = navigator.userAgent;

if(sUsrAg.indexOf("Mobile") > -1) {
    window.location = '/unsupportedpagemobile.html';
} else if (sUsrAg.indexOf("MSIE") > -1) {
    window.location = '/unsupportedpageie.html';
}

</script>

Answer 2

在现代版本的Internet Explorer中，大多数CSS动画都处理得很好。事实上，Internet Explorer在许多竞争对手之前都支持无前缀的属性。由于供应商前缀的使用不平衡，您的CSS动画可能无法在IE中运行。您是仅定位-webkit-transition和-moz-transition之类的内容，还忘记包含transition？

您的动画在早期版本的Internet Explorer中不起作用，除非您使用$.fn.animate使用jQuery对它们进行填充以实现类似的行为。考虑到你正在做的动画类型，这可能是也可能是不可能的 - 如果它只是滑动文本，并且淡入/淡出，那么对于旧版本的IE，你肯定可以达到相同的效果。

最后一个选项是创建特定于IE的conditional comments，并在其中放置一个脚本，以便将用户重新定位到另一种体验。不要搞浏览器嗅探;你将把IE11的用户（它可以处理你的现代体验）送去，这没有任何意义。而是使用您希望定位的浏览器提供的功能;例如条件评论。

<!--[if lte IE 9]>
  <script>
    /*
      In this space we can do one of two things:
        1) Redirect user to an alternative experience with window.location, or
        2) Provide animations via jQuery .animate method.
    */
  </script>
<![endif]-->

将我的IE访问者重定向到另一个页面

2 个答案: