Question

我正在寻找一种方法来缩小我用这样的Javascript检索的HTML代码

document.getElementById("content").innerHTML;

HTML非常杂乱无章，但是它的w3c已经过验证。我遇到了这个插件https://github.com/kangax/html-minifier但需要帮助实现原始JS / jQuery，因为它只提供了node.js的说明，而我的应用程序不是基于服务器的。

Answer 1

在您的网页中加入dist directory中的文件并使用minify功能。供参考see the options和demo they provide。

下面我将其实现为快速演示，删除属性值引号：

＆＃13;

$("#input").on("input", function() {
  $("#output").val(minify($(this).val(), {
    removeAttributeQuotes: true,
    collapseWhitespace: true
      // other options
  }));
});

＆＃13;

<script src="https://rawgit.com/kangax/html-minifier/50fad6e3a7a77f37671afae6782f557bd686bc8b/dist/htmlminifier.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>Input</h1>
<textarea id="input"></textarea>

<h1>Output</h1>
<textarea id="output"></textarea>

＆＃13;

用JS实现HTML-minifier插件

1 个答案: