是否有插件允许我自动取消网站上包含的Javascript？

Question

是否有插件，插件，Greasemonkey脚本或类似的东西（最糟糕的是，一个易于使用的代理？）自动取消网站上包含的Javascript文件？

我知道例如jsbeautifier.org但在外部执行此操作不允许我在未分析的代码中设置断点，例如。

我的典型用例：

• 分析和学习复杂的网络前端。
• 调试与现有代码交互的Greasemonkey脚本。

我主要对与Firebug一起使用的解决方案感兴趣，但如果Chrome或Opera的开发工具有什么东西，我也想听听它。

Answer 1

有人将JSBeautifier变成了Firebug插件：

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

今天是我的一天！

Answer 2

在chrome 13+中，有'漂亮的印花'。

1. 右键点击'inspect element'
2. 转到“脚本”标签
3. 点击右下角的花括号。

Answer 3

Venkman JavaScript调试器有一台漂亮的打印机。

Fiddler代理也有extension。

IE9开发人员工具还有一个“格式化javascript”选项（参见“F12开发人员工具和格式化缩小脚本”here）

Answer 4

仅供参考 - IE9的F12开发者工具中提供相同的功能：打开脚本选项卡，选择按钮栏上的锤子/扳手按钮（“配置”），然后选择“格式化JavaScript”。

Answer 5

如果脚本仅针对空格缩小，则提供的某些解决方案可能有效。如你所述，JSBeautifier是一个有用的工具。

但是，如果您正在查看的JavaScript已使用YUI Compressor或Google Closure Compiler等工具进行压缩，则变量将缩短并且难以理解。

要了解这一点，请比较jQuery的缩小版和未缩小版（缩小版使用Closure Compiler）。

• 原文：https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js
• minified：https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js

为了学习JavaScript的目标，我建议学习一些最好的JavaScript开发人员编写的库和插件。查看jQuery，YUI，Moo Tools的源代码。查看GitHub上的代码，例如John Resig或Thomas Fuchs。阅读DailyJs并查看他的例子。

我希望其中一些工具可以帮助您学习。这些资源对我帮助最大。

Answer 6

Webkit / Chromium现在也可以执行此操作，请参阅Webkit Bug 57942，Changeset 83713和Peter Beverloo's change summary post mentioning this。

请不要问我从哪个版本的Chromium / Chrome开始，但如果您知道，请随时提及。 ：）

Answer 7

＆＃34;自动整理缩小的来源＆＃34;设置 Firefox Firefox开发人员工具默认启用Prettify Source功能。

启用它：

• 打开Firefox开发者工具（Ctrl + Shift + I）
• 调试程序选项卡
调试器选项卡右上角的
• 引擎图标，不全局设置引擎

记录于：https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file

在Firefox 42上测试。

Answer 8

目前的工具无法实现。显示eval脚本是您可以获得的最多。 Jsbeautifier.org是一个很好的开放的东西，有人可以整合它信息firebug。

Answer 9

PrettyPrint是一个很好的镀铬扩展，它使用常规（Ctrl-U）源自动解除心跳中的js。

你可以在这里得到它：

https://chrome.google.com/webstore/detail/prettyprint/nipdlgebaanapcphbcidpmmmkcecpkhg/