暂时注释掉<script>标签以进行调试

Question

通常在编码和调试时我可能想要注释掉<script>标签.举例来说可能是在执行以下操作时:

<script src="lib/jquery.js"></script>
<!--script src="lib/jquery.min.js"></script-->

我倾向于添加新行,而不是仅仅更改原始内容,以提醒我要在上线之前将其放回原处.我从同事那里得到了这个语法,但我以前从未见过它.是否有一种语法上正确的方法来注释掉<script>HTML中的标签？

编辑:我知道有很多关于注释脚本的讨论,以便从旧浏览器中隐藏它们,但这不是我正在做的事情.我想完全隐藏标签.

Answer 1

一种选择是在给定调试标志的情况下动态加载脚本。例如：

标记：

<script src="lib/include.js"></script>

include.js

var IS_DEBUG = true;

if(IS_DEBUG) {
    loadScript("jquery.js");
    loadScript("anotherscript.js");
}
else {
    loadScript("jquery.min.js");
    loadScript("anotherscript.min.js");
}

function loadScript(name) {
    var elem = document.createElement("script");
    elem.src = name;
    document.getElementsByTagName("head")[0].appendChild(elem);
}

这意味着您只需切换IS_DEBUG标志即可加载所需的脚本。这是一个非常基本的示例，但您已经明白了。您甚至可以将其与require.js之类的东西结合起来