为什么有些网站的 HTML 和 JavaScript 如此难以阅读？

Question

我试图弄清楚 Facebook 的登录页面发生了什么，并在浏览器中查看了源代码。有些代码非常难以阅读，看起来就像有人只是随机输入：

<script>
function envFlush(a){
    function b(c){for(var d in a)c[d]=a[d];}
    if(window.requireLazy){window.requireLazy(['Env'],b);}
    else{window.Env=window.Env||{};b(window.Env);}
}
envFlush({
    "ajaxpipe_token":"AXjTsqcPXwT0nKMR",
    "lhsh":"8AQEln95N",
    "khsh":"0`sj`e`rm`s-0fdu^gshdoer-0gc^eurf-3gc^eurf;
    1;
    enbtldou;
    fduDmdldourCxO`ld-2YLMIuuqSdptdru;qsnunuxqd;
    rdoe-0unjdojnx-0unjdojnx0-0gdubi^rdbsduOdv-0`sj`e`r-0q`xm`r-0StoRbs`qhof"
});
</script>

为什么大多数主要网站的 HTML 和 JavaScript 如此糟糕且难以阅读？

Answer 1

您在网上找到的大多数 JavaScript 代码，尤其是在 Facebook 等大型网站上，都被缩小、压缩，有时甚至被混淆。

JavaScript 的缩小主要是出于性能原因。所有不必要的空格（+换行符）和注释等不必要的元素都将被删除，以使代码尽可能轻量。这会加快加载时间，减少服务器负载并改善用户体验。

混淆是一种在不破坏代码功能的情况下使代码变得不可读的方法。这样做主要是为了保护代码并使窃取代码变得更加困难。

有一些在线工具（其中大多数称为“美化器”或“美化器”）可以恢复所述最小化。