436

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

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

4

17 回答 17

507

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

编辑:实际上它可以解压“打包”脚本(与 Dean Edward 的打包程序打包: http: //dean.edwards.name/packer/

于 2009-05-04T21:24:00.563 回答
156

Chrome 开发者工具内置了这个功能。调出开发者工具(按 F12 是一种方式),在 Sources 选项卡中,左下方的栏有一组图标。“{}”图标是“Pretty print”并按需进行此转换。

更新:IE9“F12 开发人员工具”在“工具”图标下的“脚本”选项卡中也有“格式化 JavaScript”功能。(请参阅F12中的提示 #4最好的 Web 调试秘密

在此处输入图像描述

于 2011-08-22T15:22:33.323 回答
57

知道了!JSBeautifier正是这样做的,您甚至可以选择自动格式化。

于 2009-06-22T16:26:04.827 回答
16

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

于 2009-05-04T21:25:38.467 回答
14

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

toSource还剥离评论。

例如。

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

将转换为字符串:

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

PS:它不是一个“在线工具”,但所有关于一般美化技术的问题都作为这个问题的重复而关闭。

于 2011-10-03T12:46:54.493 回答
10

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

  1. 使用 Textmate 打开文件。
  2. 单击 > Bundles > JavaScript > 重新格式化文档
  3. 打开啤酒。
于 2011-10-11T22:53:24.020 回答
6

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

于 2011-06-21T17:09:10.010 回答
5

作为替代方案(因为直到现在我才知道 jsbeautifier.org),我使用了一个书签,它重新启用了 Dean Edward 的 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);}}
于 2009-09-21T22:57:18.930 回答
5

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

于 2011-05-23T03:18:44.127 回答
5

试试这个,用代码着色:

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

于 2011-10-22T12:59:54.037 回答
5

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

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

于 2012-01-18T05:52:22.943 回答
5

Stone的回答类似,但适用于 Windows/.NET 开发人员:

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

  • 用 Visual Studio 打开文件;
  • 点击 ReSharper > 工具 > 清理代码 (Ctrl+E, C);
  • 选择“默认:重新格式化代码”,点击确定;
  • 打开啤酒。
于 2012-06-13T11:53:14.673 回答
4

尽管JSPretty的界面远非漂亮,但它是一个很好的、免费的在线工具,可以让 javascript 源代码成为人类可读的。您可以强制执行您喜欢的缩进类型,它还可以检测混淆。

于 2013-08-13T12:49:09.423 回答
3

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

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

于 2011-04-29T08:34:02.277 回答
3

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

于 2012-07-29T10:04:59.953 回答
3

我对 jsbeautifier.org 的输出内容并不满意,因此我进行了更多搜索并找到了这个网站:http ://www.centralinternet.com.br/javascript-beautifier

对我来说工作得非常好。

于 2013-11-18T20:21:39.387 回答
2

http://unminify.appspot.com/ unminify javascript 和 json 的好工具

于 2012-12-28T03:56:23.447 回答