【问题标题】:Identify IE 11 and other browsers识别 IE 11 和其他浏览器
【发布时间】:2020-05-16 00:18:42
【问题描述】:

我知道下面的代码适用于 IE 8 及其更低版本。

<!--[if lte IE 8]>
Display an image file
<![endif]-->

是否有任何类似的语法来识别 IE 11 和其他浏览器,如 Firefox、chrome、..

下面是我的原型。

<!--[if IE 11 & other_browsers]>
 Display Chart plugin here
<![endif]-->

我需要这个来在我的网页上显示图表。 IE 11 和其他浏览器(Firefox、chrome、..)支持它。但 IE 8 不支持。所以我打算从 IE 11 和其他浏览器中显示这个图表。低版本 IE 会显示图片。

对于这个要求,我正在尝试有条件的评论

【问题讨论】:

  • IE11,但不是 IE10?并不真地。包括IE10?是的。
  • 是的。其他方式它比 IE8 和其他浏览器更有帮助
  • 您能否根据您的具体要求编辑您的问题?因为答案有点取决于它......
  • 不能使用 confitional cmets 但可以使用 userAgent 嗅探? stackoverflow.com/questions/11219582/…
  • @BoltClock 更新了我的问题

标签: javascript html internet-explorer


【解决方案1】:

不,没有。

Microsoft deliberately removed support for conditional comments,没有其他浏览器支持它们。

现代浏览器在始终如一地实施标准方面做得更好。区分它们,尤其是通过名称,很少有用。

【讨论】:

    【解决方案2】:

    您可以通过以下代码获取ie版本-

    document.documentMode

    所以你可以像这样实现它

    if (document.documentMode==11) {
        // do something
    }
    

    对于其他浏览器,请给出 document.documentMode==undefined

    所以你可以使这个条件如下:

    if (document.documentMode==11 || document.documentMode==undefined) {
        // do something
    }
    

    【讨论】:

      【解决方案3】:

      StackOverflow post回答你的问题:

      在窗口中使用 !(window.ActiveXObject) && "ActiveXObject" 来检测 IE11 显式。

      编辑:您可以按如下方式使用上述测试:

      var isMSIE11 = !(window.ActiveXObject) && "ActiveXObject"
      if(isMSIE11) {
      //use JS or JQuery to add chart
      $('#mydiv').....
      }
      

      它仅适用于 IE 11。但是,根据您的用例,您可能想要进行功能检测而不是浏览器检测。根据这篇MSDN 文章,浏览器检测有几个缺点:

      1. 发布新浏览器或更新现有浏览器时, 您必须将新浏览器纳入浏览器检测代码。 更新的浏览器可能支持不支持的标准和功能 在设计浏览器检测代码时支持。
      2. 关于功能支持的结论可能不正确或不恰当。
      3. 随着新设备的推出,它们经常包含新版本的 浏览器;因此,必须审查浏览器检测代码并 可能会进行修改以支持新的浏览器。在某些情况下,它 创建自定义实现变得更加复杂 每个浏览器。
      4. 浏览器检测技术可能不准确 识别给定的浏览器。例如,许多浏览器支持 修改用户代理字符串的能力。

      modernizer 等框架就是为此而构建的。

      【讨论】:

        猜你喜欢
        • 2014-03-09
        • 2014-01-21
        • 1970-01-01
        • 2016-07-26
        • 2018-12-14
        • 2015-05-07
        • 2016-04-20
        • 2015-02-27
        • 2013-08-04
        相关资源
        最近更新 更多