混淆代码的迹象

Question

如何判断网站的.js源文件是否被混淆？由于源文件在HTML源代码中可见，因此代码可用，但通常以神秘的方式编写。

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

Answer 1

如果代码只是混乱，则很可能是 minfied 。这涉及从文档中删除所有非必要的空白区域，转向：

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

类似于：

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

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

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

这进一步减少了代码。您仍然可以使用大多数浏览器扩展它。我检查过的最后一个浏览器（Chrome，Firefox，Opera，Internet Explorer和Safari）都支持Pretty Code。

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

如果您希望对项目执行此操作，建议您查看Grunt.js或Gulp.js。两者都有可配置的任务，可以帮助您管理输出的大小和易读性。