blocks|key|1209449|text|你可以使用这个：http://jsbeautifier.org/，但它取决于你正在使用的minify方法，这个方法只格式化代码，它不会改变变量名，也不会解压缩base62编码。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1209450|编辑:事实上，它可以解压“打包”的脚本(与Dean+Edward的打包程序一起打包：http://dean.edwards.name/packer/)|1209451|entityMap|0|LINK|mutability|MUTABLE|url|http://jsbeautifier.org/|1|http://dean.edwards.name/packer/^0|8|O|0|0|16|W|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

You can use this : <a href="http://jsbeautifier.org/" rel="noreferrer">http://jsbeautifier.org/</a>
But it depends on the minify method you are using, this one only formats the code, it doesn't change variable names, nor uncompress base62 encoding.

edit: in fact it can unpack "packed" scripts (packed with Dean Edward's packer : <a href="http://dean.edwards.name/packer/" rel="noreferrer">http://dean.edwards.name/packer/</a>)

blocks|key|702065|text|Chrome开发人员工具内置了这个功能。调出开发人员工具(按F12是单向的)，在Sources选项卡中，左下栏有一组图标。"{}“图标是"Pretty+print”，并按需执行此转换。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|702066|更新:+IE9+"F12开发人员工具“在”工具“图标下的脚本选项卡中也有"Format+JavaScript”功能。(请参阅F12+The+best+kept+web+debugging+secret中的提示#4+)|offset|length|702067|​|702068|📷|atomic|702069|702070|entityMap|0|LINK|mutability|MUTABLE|url|http://blogs.msdn.com/b/cdndevs/archive/2011/10/18/f12-the-best-kept-web-debugging-secret.aspx|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/9aa4d210879fe89ecdc380d6fbba9dc9.jpeg|imageAlt^0|0|1Q|12|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@$D|11|E|12|1|13]]|A|$]]|$1|F|3|G|5|6|7|14|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|15|8|@]|9|@$D|16|E|17|1|18]]|A|$]]|$1|K|3|G|5|6|7|19|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]|T|$5|U|P|V|A|$W|X|Y|-4]]]]

Chrome developer tools has this feature built-in. Bring up the developer tools (pressing F12 is one way), in the Sources tab, the bottom left bar has a set of icons. The "{}" icon is "Pretty print" and does this conversion on demand.

UPDATE: IE9 "F12 developer tools" also has a "Format JavaScript" feature in the Script tab under the Tools icon there. (see Tip #4 in <a href="http://blogs.msdn.com/b/cdndevs/archive/2011/10/18/f12-the-best-kept-web-debugging-secret.aspx" rel="noreferrer">F12 The best kept web debugging secret</a>)

<a href="https://i.stack.imgur.com/wIMSh.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/wIMSh.jpg" alt="enter image description here"></a>

blocks|key|4765098|text|明白了！JSBeautifier就是这么做的，你甚至可以选择自动格式化。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4765099|entityMap|0|LINK|mutability|MUTABLE|url|http://jsbeautifier.org/^0|4|C|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Got it! <a href="http://jsbeautifier.org/" rel="noreferrer">JSBeautifier</a> does exactly this, and you even have options for the auto-formatting.

blocks|key|4765070|text|你不能直接使用javascript格式化程序(http://javascript.about.com/library/blformat.htm)吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4765071|entityMap|0|LINK|mutability|MUTABLE|url|http://javascript.about.com/library/blformat.htm^0|N|1C|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Can't you just use a javascript formatter (<a href="http://javascript.about.com/library/blformat.htm" rel="noreferrer">http://javascript.about.com/library/blformat.htm</a>) ?

blocks|key|3921535|text|在火狐、SpiderMonkey和Rhino中，您可以将任何代码包装到一个匿名函数中，并调用它的toSource方法，这将为您提供一个格式良好的函数源代码。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3921536|toSource还会剥离注释。|3921537|例如：|3921538|(function+()+{+/*+Say+hello.+*/+var+x+=+'Hello!';+print(x);+}).toSource()|code-block|syntax|javascript|3921539|将被转换为字符串：|3921540|function+()+{
++++var+x+=+"Hello!";
++++print(x);
}|3921541|附言:它不是一个“在线工具”，但所有关于一般美容技术的问题都是这个的副本。|3921542|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/toSource^0|1C|8|1C|8|0|0|0|8|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|1B|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1C|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1D|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|1E|8|@]|D|@]|E|$M|N]]|$1|S|3|T|5|6|7|1F|8|@]|D|@]|E|$]]|$1|U|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]]]

In Firefox, SpiderMonkey and Rhino you can wrap any code into an anonymous function and call its <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/toSource" rel="noreferrer"><code>toSource</code></a> method, which will give you a nicely formatted source of the function.

<code>toSource</code> also strips comments.

E. g.:

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

Will be converted to a string:

<pre><code>function () {
 var x = "Hello!";
 print(x);
}
</code></pre>

P. S.: It's not an "online tool", but all questions about general beautifying techniques are closed as duplicates of this one.

blocks|key|4765337|text|如果你有一个Mac和TextMate+-一个简单的方法来格式化Javascript是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4765338|使用Textmate.|4765339|Click+on+>+Bundles+>+JavaScript+>+Reformat+Document|unordered-list-item|4765340|
|4765341|Crack打开文件打开啤酒。|4765342|4765343|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|F|7|R|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|S|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|M|$]]

If you have a Mac and TextMate - An easy alternative for formatting Javascript is:

<ol>
<li>Open the file with Textmate.</li>
<li>Click on > Bundles > JavaScript > Reformat Document</li>
<li>Crack open a beer.</li>
</ol>

blocks|key|3921443|text|大多数IDE还提供自动格式化功能。例如NetBeans中的，只需按CTRL%2BK即可。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|3921444|entityMap^0|T|A|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

Most of the IDEs also offer auto-formatting features. For example in NetBeans, just press CTRL+K.

blocks|key|701907|text|作为另一种选择(因为我直到现在才知道jsbeautifier.org+)，我使用了一个书签小程序，它重新启用了Dean+Edward的包装器中的解码按钮。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|701908|我找到了说明和书签小程序here。|offset|length|701909|这是bookmarklet+(以防网站宕机)|701910|javascript:for%2520(i=0;i<document.forms.length;%2B%2Bi)%2520{for(j=0;j<document.forms[i].elements.length;%2B%2Bj){document.forms[i].elements[j].removeAttribute(%2522readonly%2522);document.forms[i].elements[j].removeAttribute(%2522disabled%2522);}}|code-block|syntax|javascript|701911|entityMap|0|LINK|mutability|MUTABLE|url|http://yaisb.blogspot.com/2006/10/defeating-dean-edwards-javascript.html^0|0|C|4|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

As an alternative (since I didn't know about jsbeautifier.org until now), I have used a bookmarklet that reenabled the decode button in Dean Edward's Packer.

I found the instructions and bookmarklet <a href="http://yaisb.blogspot.com/2006/10/defeating-dean-edwards-javascript.html" rel="noreferrer">here</a>.

here is the bookmarklet (in case the site is down)

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

blocks|key|3921412|text|我不确定你是否需要源代码。在http://www.blackbeltcoder.com/Resources/JSFormatter.aspx上有一个免费的在线JavaScript格式化程序。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3921413|entityMap|0|LINK|mutability|MUTABLE|url|http://www.blackbeltcoder.com/Resources/JSFormatter.aspx^0|E|1K|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I'm not sure if you need source code. There is a free online JavaScript formatter at <a href="http://www.blackbeltcoder.com/Resources/JSFormatter.aspx">http://www.blackbeltcoder.com/Resources/JSFormatter.aspx</a>.

blocks|key|1209595|text|试试这个，带代码颜色：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1209596|http://labs.swelen.com/tools/javascript/beauty.html|offset|length|1209597|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1F|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Try this one, with code coloration:

<a href="http://labs.swelen.com/tools/javascript/beauty.html">http://labs.swelen.com/tools/javascript/beauty.html</a>

blocks|key|4765398|text|单击这些链接可查看JS+deminification。它将作为扩展安装在FF上，帮助您在运行时调试js。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4765399|https://addons.mozilla.org/en-US/firefox/addon/javascript-deminifier/eula/141018?src=dp-btn-primary|offset|length|4765400|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|2R|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

click on these link for JS deminification. That will install on FF as extension that help you in debugging js at runtime.

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

blocks|key|702298|text|类似于Stone的答案，但对于Windows.NET开发人员来说：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|702299|如果你有Visual+Studio和ReSharper+--一个简单的Javascript格式化替代方案是：|702300|702301|使用Visual+Studio打开文件；|unordered-list-item|702302|单击ReSharper+>工具>清理代码(Ctrl%2BE，C)；|702303|选择“默认:重新格式化代码”，然后单击“确定”；|702304|打开啤酒。|702305|<+Code+>F210|702306|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/users/122183/stone^0|3|5|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|D|3|E|5|6|7|13|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|14|8|@]|9|@]|C|$]]|$1|G|3|H|5|I|7|15|8|@]|9|@]|C|$]]|$1|J|3|K|5|I|7|16|8|@]|9|@]|C|$]]|$1|L|3|M|5|I|7|17|8|@]|9|@]|C|$]]|$1|N|3|O|5|I|7|18|8|@]|9|@]|C|$]]|$1|P|3|Q|5|6|7|19|8|@]|9|@]|C|$]]|$1|R|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]]|S|$T|$5|U|V|W|C|$X|Y]]]]

Similar to <a href="https://stackoverflow.com/users/122183/stone">Stone</a>'s answer, but for Windows/.NET developers:

If you have Visual Studio and ReSharper - An easy alternative for formatting Javascript is:

<ul>
<li>Open the file with Visual Studio;</li>
<li>Click on ReSharper > Tools > Cleanup Code (Ctrl+E, C);</li>
<li>Select "Default: Reformat code", and click OK;</li>
<li>Crack open a beer.</li>
</ul>

blocks|key|1209669|text|尽管JSPretty的界面并不美观，但它仍然是一个很好的、免费的在线工具，可以让javascript源代码变得易于阅读。您可以强制使用您喜欢的缩进类型，它还可以检测混淆。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1209670|entityMap|0|LINK|mutability|MUTABLE|url|http://www.jspretty.com/^0|2|8|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Despite its miles-away-from-being-pretty interface, <a href="http://www.jspretty.com/" rel="nofollow">JSPretty</a> is a good, free and online tool for making javascript source codes human-readable. You can enforce your preferred type of indentation and it can also detect obfuscation.

blocks|key|1209500|text|如果是在JS中，使用Firefox的可能性更大。如果它的火狐插件是为了救援的话。下面的一个特别有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1209501|https://addons.mozilla.org/en-US/firefox/addon/phoenix/|offset|length|1209502|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1J|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

If one is in JS possibility of using Firefox is more. And if its Firefox add on is for rescue. Following one is particularly useful.

<a href="https://addons.mozilla.org/en-US/firefox/addon/phoenix/" rel="nofollow">https://addons.mozilla.org/en-US/firefox/addon/phoenix/</a>

blocks|key|1217974|text|将以一种符合JSLint和JSHint空白算法的方式美化(漂亮的打印)+JavaScript。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1217975|entityMap|0|LINK|mutability|MUTABLE|url|http://jslint.com/|1|http://jshint.com/^0|6|6|0|D|6|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

<a href="http://prettydiff.com/?m=beautify" rel="nofollow">Pretty Diff</a> will beautify (pretty print) JavaScript in a way that conforms to <a href="http://jslint.com/" rel="nofollow">JSLint</a> and <a href="http://jshint.com/" rel="nofollow">JSHint</a> white space algorithms.

blocks|key|3921841|text|我对我输入的内容的jsbeautifier.org输出不是很满意，所以我做了一些搜索，找到了这个网站：http://www.centralinternet.com.br/javascript-beautifier|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3921842|对我来说效果非常好。|3921843|entityMap|0|LINK|mutability|MUTABLE|url|http://www.centralinternet.com.br/javascript-beautifier^0|1F|1J|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Wasn't really happy with the output of jsbeautifier.org for what I was putting in, so I did some more searching and found this site: <a href="http://www.centralinternet.com.br/javascript-beautifier" rel="nofollow">http://www.centralinternet.com.br/javascript-beautifier</a>

Worked extremely well for me.

blocks|key|1209658|text|http://unminify.appspot.com/用于解除javascript和json的强大工具|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1209659|entityMap|0|LINK|mutability|MUTABLE|url|http://unminify.appspot.com/^0|0|S|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://unminify.appspot.com/" rel="nofollow">http://unminify.appspot.com/</a>
Great tools for unminify javascript and json

Are there any command line scripts and/or online tools that can reverse the effects of minification similar to how Tidy can clean up horrific HTML?

(I'm specifically looking to unminify a minified JavaScript file, so variable renaming might still be an issue.)

Tool to Unminify / Decompress JavaScript

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

有没有什么命令行脚本和/或在线工具可以逆转缩小的影响，就像Tidy清理可怕的HTML一样？(我特别希望解压一个缩小的JavaScript文件，所以变量重命名可能仍然是一个问题。)

问解压/解压缩JavaScript的工具
EN

回答 17

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问解压/解压缩JavaScript的工具EN

回答 17

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问解压/解压缩JavaScript的工具
EN