虽说网站的代码都是公开的，但很多逻辑都是写在JS脚本中的，这些JS代码都是经过打包处理的，想要看懂他们不大容易。

比如你在浏览器中直接打开JS文件，可能是这样的：

我猜这种基本没人有耐心看得懂。

以Chrome浏览器为例，开发者工具提供了一个格式化的功能，可以方便的把成堆的JS代码进行成对的缩进，让格式更加清晰。先加断点调试，然后进入到相应的JS文件中，点左下角的{}就可以美观输出了。

美化后变成这种：

文件名后面增加了:formatted，并且增加了行号，根据{}进行了匹配。但浏览器中仍然是有局限，它没有隐藏函数块的功能，比如一个类或函数，上千行甚至上万行，你想了解它的上下文不可能翻几百页去看。

这时我们需要借助另一个工具，Notepad++，它有可以隐藏函数块的功能。我们将美化后的代码从浏览器复制到Notepad++中，注意必须是美化后的代码，Notepad++我好像没发现有这个功能。

大家注意看左侧的行号和+号、-号，第9720行的一个匿名函数，一共有9000多行，可以直接隐藏，这样我们就可以很方便的将这段JS代码的大概脉络迅速掌握清楚了。

比如这个文件，其实我想要直接调用某个函数，但是隐藏得很深，我不知道从哪个层级进去。通过这个方法就可以快速定位，提高效率。