如何使用 Google Closure 编译器检测 JavaScript 中的 Internet Explorer？

Question

我有一个处理鼠标按钮事件的 JavaScript 函数。它必须能够区分鼠标左键和右键。遗憾的是，Internet Explorer 对 event.button 使用的值与所有其他浏览器不同。我知道如何解释它们，但我需要知道该走哪条路。

我通过依赖条件编译的 JavaScript hack 做到了这一点。是这样的：

if (/*@cc_on!@*/false) { IE fixup... }

我认为这是一种相当安全的方法，因为它基于无法伪造的 JavaScript 解析器功能，并且不太可能被其他浏览器模仿。

现在我正在使用 Google Closure Compiler 来打包我的 JavaScript 文件。我发现它也像任何其他注释一样删除条件编译注释。所以我尝试了不同的技巧。其中之一是：

if ("\v" == "v") { IE fixup... }

不幸的是，闭包编译器非常聪明，发现条件永远不可能为真并删除该代码。另外，我不喜欢它，因为微软最终可能修复该 \v 错误，然后检测失败。

我可以只读取 navigator.appName 或它的名称之类的内容，但这太容易伪造了。如果有人修改了他们的浏览器标识，他们就不太可能实现其他 event.button 行为...

闭包编译器允许保留某些注释。我尝试了这个：

if (/**@preserve/*@cc_on!@*/false) { IE fixup... }

虽然这在压缩后产生了所需的结果，但它不是源形式的功能条件注释。但出于调试原因，我需要 JavaScript 文件在压缩和未压缩的情况下都能工作。

我是否有希望在不手动修改压缩的 JS 文件的情况下完成此工作？

作为参考，这是我的完整函数的原始形式：

function findEvent(e)
{
    e = e || event;   // IE
    if (!e.target && e.srcElement)   // IE
        e.target = e.srcElement;
    if (isSet(e.button))
    {
        // Every browser uses different values for the mouse buttons. Correct them here.
        // DOM says: 0 = left, 1 = middle, 2 = right (multiple buttons not supported)
        // Opera 7 and older and Konqueror are not specifically handled here.
        // See http://de.selfhtml.org/javascript/objekte/event.htm#button
        if (/*@cc_on!@*/false)   // IE - http://dean.edwards.name/weblog/2007/03/sniff/ - comment removed by Google Closure Compiler
        {
            if (e.button & 1)
                e.mouseButton = 0;
            else if (e.button & 2)
                e.mouseButton = 2;
            else if (e.button & 4)
                e.mouseButton = 1;
        }
        else
            e.mouseButton = e.button;
    }
    return e;
}

Answer 1

您的脚本开头有两行，似乎已经检测浏览器是否为 IE。为什么不使用它作为 if 语句的基础：

var IE = (!e.target && e.srcElement);
if (IE)  {
    !e.target && e.srcElement
}
// ...
if (IE) {
    if (e.button & 1)
        e.mouseButton = 0;
    // ...

Answer 2

你可以有一个单独的脚本来设置一个全局的（就像jQuery的“.browser()”东西），并把它包含在条件注释中：

<!--[if IE]>
<script>
  window.isIe = true;
</script>
<[endif]-->

事实上，你可以让它变得更奇特：

<!--[if = IE 6]>
<script>
  window.isIe = { version: 6 };
</script>
<[endif]-->

<!--[if = IE 7]>
<script>
  window.isIe = { version: 7 };
</script>
<[endif]-->

<!--[if = IE 8]>
<script>
  window.isIe = { version: 8 };
</script>
<[endif]-->

然后在压缩的“真实”脚本中，您可以执行以下操作

if (isIe) { /* IE stuff */ }

：

if (isIe && isIe.version === 6) { /* IE6 stuff */ }

Answer 3

你可以这样做：

var is_ie = eval("/*@cc_on!@*/false");

http://code.google.com/p/closure-compiler/wiki/UsingConditionalCommentWithClosureCompiler

Answer 4

if (goog.userAgent.IE) {
    // run away
};

/**
 * Condition will be true for IE < 9.0
 * @see goog.string.compareVersions
 */
if (goog.userAgent.IE && goog.userAgent.compare(9, goog.userAgent.VERSION) == 1) {
    // run away even faster
}

/**
 * Condition will be true for IE >= 10.0
 */
if (goog.userAgent.IE && goog.userAgent.isVersionOrHigher(10)) {
    // ...
}

来源：http://www.closurecheatsheet.com/other#goog-useragent

Answer 5

好的，经过更多搜索后，现在我对这个解决方案感到满意：

function ieVersion()
{
    var style = document.documentElement.style;
    if (style.scrollbar3dLightColor != undefined)
    {
        if (style.opacity != undefined)
            return 9;
        else if (style.msBlockProgression != undefined)
            return 8;
        else if (style.msInterpolationMode != undefined)
            return 7;
        else if (style.textOverflow != undefined)
            return 6;
        else
            return 5.5;
    }
    return 0;
}

在 http://msdn.microsoft.com/en-us/library/ms537509%28v=vs.85%29.aspx#4

以下是其他方法的列表我在路上发现：
http://dean.edwards.name/weblog/2007/03/ sniff/ – 不适用于闭包编译器
http:// webreflection.blogspot.com/2009/01/32-bytes-to-know-if-your-browser-is-ie.html – 就是带有“\v”的
http://www.thespanner.co.uk /2009/01/29/detecting-browsers-javascript-hacks/ – 与上面类似，也适用于其他浏览器
如何使用 Google Closure 编译器在 JavaScript 中检测 Internet Explorer？ – John 在本页上的回答

Answer 6

只是偶然发现了这一点，所以这是 2013 年的更新答案：

if (goog.userAgent.IE) { ... }

如果您需要特定于版本：

if (goog.userAgent.IE && goog.userAgent.VERSION != '10.0') { ... }

文档