javascript - 混淆代码的迹象

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、Internet Explorer 和 Safari)都支持 Pretty Code。

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

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