模糊代码符号

Question

如何找出网站的.js源文件是否被混淆？因为源文件在HTML源代码中是可见的，所以代码是可用的，但通常是以一种神秘的方式编写的。

例如，如果我尝试查看像Soundcloud这样的网站的.js文件，它会显示所有这些混乱的代码。这就是它被混淆的迹象吗？

Answer 1

如果代码只是简单地乱七八糟，那么它很可能被简化了。这涉及从文档中删除所有不必要的空白，转到：

function foo ( arg1, arg2 ) {
    return arg1 * arg2;
}

变成像：

function foo(arg1,arg2){return arg1*arg2;}

此外，一些开发人员将替换方法和变量名称，以及其缩小过程的一部分：

function a(b,c){return b*c;}

这进一步减少了代码。不过，您仍然可以在大多数浏览器中将其扩展出去。上次我检查的时候，每个主要浏览器(Chrome、Firefox、Opera、和Safari)都支持漂亮的代码。

​

​

至于他们是如何做的，这通常是构建步骤的一部分。在将源上传到服务器之前，它们会对其运行一系列操作。通常，这包括检查代码中是否有错误的模式，运行单元测试等等。另一个步骤是缩小和连接(收缩和连接多个文件)。

如果您想在您的项目中这样做，我鼓励您查看Grunt.js或Gulp.js。两者都有可配置的任务，可以帮助您管理输出的大小和可读性。