最小化/解压缩JavaScript的工具[关闭]

430

是否有任何命令行脚本和/或在线工具可以逆转缩小效果，类似于Tidy可以清除可怕的HTML？

（我特别希望缩小压缩的JavaScript文件的大小，因此变量重命名可能仍然是一个问题。）

— 安迪·福特
source

4

对于可能不知道的人，minification将内部变量名称更改为单个字母并删除代码注释。撤消这些更改不能自动进行。

— 维维安河

@DanielAllenLangdon好点。我已经编辑了问题，因此它不再意味着缩小不会更改变量名。

— 安迪·福特

12

FWIW ...刚刚找到JS NICE jsnice.org

— Andy Ford

marcusjenkins.com/linux/…对我来说效果很好。

— ychaouche 2015年

1

对于@DanielAllenLangdon：jsnice.org甚至可以最小化和反混淆3万个angularjs代码。

— 绿色

504

您可以使用此方法：http : //jsbeautifier.org/ 但这取决于您使用的minify方法，该方法仅格式化代码，不更改变量名，也不解压缩base62编码。

编辑：实际上，它可以解压缩“打包的”脚本（与Dean Edward的打包器打包在一起：http : //dean.edwards.name/packer/）

— 法比恩·梅纳格（FabienMénager）
source

2

+1-我以前使用过这种方法，而jsbeautifier.org是一项出色的服务。

— 丹·卢

谢谢。这正是我想要的。

— 安迪·福特

5

不，我说过以62为基数：dean.edwards.name/packer和en.wikipedia.org/wiki/Base_62

— 法比恩·梅纳格（FabienMénager），2009年

4

有没有一种工具可以“更改变量名”并且仍然知道JS语法不会破坏代码？

— 豪尔赫·巴尔加斯

3

如果可以的话，最多可以使用10次。刚刚从浪费的一天中救了我！

— benlumley

154

Chrome开发人员工具内置了此功能。调出开发人员工具（按F12键是一种方法），在“源”选项卡中，左下方的栏包含一组图标。“ {}”图标为“漂亮打印”，并根据需要进行此转换。

更新：IE9“ F12开发人员工具”在“工具”图标下的“脚本”选项卡中也具有“格式化JavaScript”功能。（请参阅F12中的提示4，这是保存得最好的Web调试秘密）

— 乔恩·亚当斯
source

1

对于我要缩小的特定.js，此方法效果最好，欢呼。

— igneosaur 2011年

1

现在位于“源”选项卡中，而不是“脚本”选项卡中。

— mhenry1384 2012年

@ mhenry1384：是的，Chrome浏览器确实重命名了该标签页。我相应地更新了答案。

— 乔恩·亚当斯

是！！（我们的应用程序没有我所知道的js调试/开发模式-幸好我们没有缩短/转换变量名。）

— Steven Lu

2

请注意：Chrome有时会弄乱JavaScript代码。例如，if (a) /regex/.match(foo);由于if (a)\n / /regex/ .\nmatch(foo);语法错误而被漂亮地打印。

— amphetamachine

56

得到它了！JSBeautifier正是这样做的，您甚至可以选择自动格式设置。

— 闪光
source

5

stackoverflow-then-google而不是google-then-stackoverflow？:)）））

— dfa

我在Google上搜索了“在线JavaScript格式化程序”

— cgp

1

这个FireFox插件使用JSBeautifier来最小化javascript，因此您可以在FireBug的js调试器中在行上设置断点！：addons.mozilla.org/en-US/firefox/addon/javascript-deminifier

— BT

16

您不能只使用JavaScript格式化程序（http://javascript.about.com/library/blformat.htm）吗？

— 扬科
source

+1也可以解决。fabien刚好首先回应

— 安迪·福特

这只能回答问题的“解压缩”部分。

— 豪尔赫·巴尔加斯

不，这不好。它破坏了代码... :(

— Ramesh

14

在Firefox，SpiderMonkey和Rhino中，您可以将任何代码包装到匿名函数中并调用其toSource方法，这将为您提供格式良好的函数源。

toSource 也会删除评论。

例如：

(function () { /* Say hello. */ var x = 'Hello!'; print(x); }).toSource()

将转换为字符串：

function () {
    var x = "Hello!";
    print(x);
}

PS：这不是一个“在线工具”，但是所有与常规美化技术有关的问题都作为此工具的副本而关闭。

— 凯斯波
source

有趣。我在2.5年前问了这个问题，所以我觉得编辑标题为时已晚，但是我仍然喜欢看到在线和离线选项。谢谢您的来电。+1

— 安迪·福特

10

如果您拥有Mac和TextMate-格式化Javascript的简单替代方法是：

使用Textmate打开文件。
单击>捆绑软件> JavaScript>重新格式化文档
开裂啤酒。

— 结石
source

2

现在正在供应啤酒:)

— dgilperez 2011年

6

大多数IDE也提供自动格式化功能。例如，在NetBeans中，只需按CTRL + K即可。

— 11
source

5

作为一种替代方法（因为到目前为止我还不了解jsbeautifier.org），我使用了一个书签小书签，该小书签重新启用了Dean Edward's Packer中的解码按钮。

我在这里找到了说明和书签。

这是书签（如果站点关闭）

javascript:for%20(i=0;i<document.forms.length;++i)%20{for(j=0;j<document.forms[i].elements.length;++j){document.forms[i].elements[j].removeAttribute(%22readonly%22);document.forms[i].elements[j].removeAttribute(%22disabled%22);}}

— 莫蒂
source

5

我不确定您是否需要源代码。在http://www.blackbeltcoder.com/Resources/JSFormatter.aspx上有免费的在线JavaScript格式化程序。

— 乔纳森·伍德
source

5

尝试一下，代码颜色为：

http://labs.swelen.com/tools/javascript/beauty.html

— 斯维尔队
source

5

单击这些链接以进行JS简化。它将作为扩展安装在FF上，可帮助您在运行时调试js。

https://addons.mozilla.org/zh-CN/firefox/addon/javascript-deminifier/eula/141018?src=dp-btn-primary

— 桑耶夫
source

5

与Stone的答案类似，但对于Windows / .NET开发人员：

如果您拥有Visual Studio和ReSharper-一种格式化Javascript的简单替代方法是：

使用Visual Studio打开文件；
单击“ ReSharper”>“工具”>“清理代码”（Ctrl + E，C）；
选择“默认：重新设置代码格式”，然后单击确定；
开裂啤酒。

— C.奥古斯托·普罗埃特
source

4

尽管JSPretty界面与原版界面相距遥远，但它是使JavaScript源代码易于阅读的好工具，免费和在线工具。您可以强制使用首选的缩进类型，并且还可以检测混淆。

— 法尔希德
source

3

如果使用JS，则使用Firefox的可能性更大。而且，如果它的Firefox插件是用于救援的。跟随一个特别有用。

https://addons.mozilla.org/zh-CN/firefox/addon/phoenix/

— 阿尼尔·南德（Anil Namde）
source

3

漂亮的DIFF会美化（代码）的JavaScript的方式，符合 JSLint的和 JSHint空白算法。

— 奥斯丁尼
source

具有讽刺意味的是，该网站如此漂亮，但这是一个很棒的工具。

— 安迪·福特

3

我对jsbeautifier.org的输出不满意，因此我进行了更多搜索，找到了以下站点：http : //www.centralinternet.com.br/javascript-beautifier

对我来说做得非常好。

— 道尔·刘易斯
source

2

http://unminify.appspot.com/ 统一javascript和json的绝佳工具

— 裴定N
source