IE 条件代码不起作用（使用 Jade）答案

【问题标题】：IE conditional code not working (using Jade)IE 条件代码不起作用（使用 Jade）
【发布时间】：2022-01-13 23:09:59
【问题描述】：

我正在尝试在 Jade 中使用 IE 条件代码，我试过了：

mixin ie(condition)
    | <!--[!{condition}]><!-->
    block
    | <!--<![endif]-->
+ie('if !IE')
    div...

还有

mixin ie(condition)
    | <!--[!{condition}]>
    block
    | <![endif]-->
+ie('if !IE')
    div...

我想让 div 上的代码在 IE 中不可见。
但在第一种情况下，代码在 Internet Explorer 中仍然可见，而在第二种情况下，它在每个浏览器中都被完全注释掉了。
我觉得我错过了什么，请帮帮我！

【问题讨论】：

您的目标是哪个版本的 IE？从 IE 10 开始不支持条件注释：docs.microsoft.com/en-us/previous-versions/windows/…。在 IE 10 及更高版本和其他浏览器中将被忽略。如果您的目标是 IE 11，请不要使用条件 cmets。
是的，我使用的是 IE 10...谢谢！

标签： internet-explorer pug conditional-formatting mixins

【解决方案1】：

正如于舟所说：
问题只是 IE 条件代码在 IE 10 及更高版本中不起作用。
我改为使用 js 代码来检测最多 10 个这样的 IE：

        function detectIE() {
            var ua = window.navigator.userAgent;

            var msie = ua.indexOf('MSIE ');
            if (msie > 0) {
                return true;
            }

            var trident = ua.indexOf('Trident/');
            if (trident > 0) {
                return true;
            }

            return false;
        }

然后根据浏览器添加组件。

【讨论】：