解析/解压缩JavaScript的工具

时间:2009-05-04 21:20:33

标签: javascript code-formatting minify compression unminify

是否有任何命令行脚本和/或在线工具可以扭转缩小的影响,类似于Tidy如何清理可怕的HTML?

(我特意想要取消缩小缩小的JavaScript文件,因此变量重命名可能仍然是一个问题。)

17 个答案:

答案 0 :(得分:501)

你可以使用这个:http://jsbeautifier.org/ 但它取决于你使用的minify方法,这个只是格式化代码,它不会改变变量名,也不会解压缩base62编码。

编辑:实际上它可以解包“打包”的脚本(装有Dean Edward的包装工:http://dean.edwards.name/packer/

答案 1 :(得分:149)

Chrome开发者工具内置了此功能。打开开发人员工具(按F12是单向的),在“源”选项卡中,左下角的栏有一组图标。 “{}”图标为“Pretty print”,并按需进行此转换。

更新:IE9“F12开发者工具”在“工具”图标下的“脚本”选项卡中也有“格式化JavaScript”功能。 (参见F12 The best kept web debugging secret中的提示#4)

enter image description here

答案 2 :(得分:56)

知道了! JSBeautifier正是如此,您甚至可以选择自动格式化。

答案 3 :(得分:16)

你不能只使用javascript格式化程序(http://javascript.about.com/library/blformat.htm)吗?

答案 4 :(得分:14)

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

toSource也会删除评论。

电子。例

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

将转换为字符串:

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

P上。 S。:它不是一个“在线工具”,但所有关于一般美化技术的问题都是关闭的。

答案 5 :(得分:10)

如果您有Mac和TextMate - 格式化Javascript的简单方法是:

  1. 使用Textmate打开文件。
  2. 点击>捆绑> JavaScript>重新格式化文档
  3. 打开啤酒。

答案 6 :(得分:6)

大多数IDE还提供自动格式化功能。例如,NetBeans中的,只需按CTRL + K

答案 7 :(得分:6)

Stone的答案类似,但对于Windows / .NET开发人员:

如果你有Visual Studio和ReSharper - 格式化Javascript的简单方法是:

  • 使用Visual Studio打开文件;
  • 点击ReSharper>工具>清理代码(Ctrl + E,C);
  • 选择“默认:重新格式化代码”,然后单击“确定”;
  • 打开啤酒。

答案 8 :(得分:5)

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

答案 9 :(得分:5)

作为替代方案(因为到目前为止我还不知道jsbeautifier.org),我使用了一个书签,重新启用了Dean Edward's Packer中的解码按钮。

我找到了说明书和书签here

这里是小书签(如果网站已关闭)

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);}}

答案 10 :(得分:5)

答案 11 :(得分:5)

点击这些链接进行JS deminification。这将作为扩展安装在FF上,帮助您在运行时调试js。

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

答案 12 :(得分:4)

尽管它的界面距离很远,但JSPretty是一个很好的,免费的在线工具,可以让javascript源代码变得人性化。您可以强制执行首选缩进类型,也可以检测混淆。

答案 13 :(得分:3)

如果一个人在JS中使用Firefox的可能性更大。如果它的Firefox添加是为了救援。以下是特别有用的。

https://addons.mozilla.org/en-US/firefox/addon/phoenix/

答案 14 :(得分:3)

Pretty Diff 将以符合JSLintJSHint空格算法的方式美化(漂亮打印)JavaScript。

答案 15 :(得分:3)

对于我投入的内容,jsbeautifier.org的输出并不是很满意,所以我做了一些搜索并找到了这个网站:http://www.centralinternet.com.br/javascript-beautifier

对我来说非常好。

答案 16 :(得分:2)

http://unminify.appspot.com/ 用于统一javascript和json的好工具