有没有一个插件,让我自动unminify包含在网站上的Javascript?

有一个插件,附加组件,Greasemonkey脚本或类似的东西(最坏的情况下,一个易于使用的代理?),自动unminifies包含在网站上的Javascript文件?

我知道例如jsbeautifier.org,但是在外部做这个不允许我在非未定义的代码中设置断点。

对我来说典型的用例:

  • 分析和学习复杂的Web前端。
  • debugging与现有代码交互的Greasemonkey脚本。

我主要对与Firebug兼容的解决scheme感兴趣,但是如果Chrome或Opera的开发工具有某些function,我也想知道。

有人把JSBeautifier变成了一个Firebug插件:

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

今天已经过了我的一天!

在铬13+,有“漂亮的印刷品”。

  1. 右键单击“检查元素”
  2. 转到脚本选项卡
  3. 点击右下angular的大括号。

截图

Venkman JavaScriptdebugging器有一个漂亮的打印机。

还有一个Fiddler代理的扩展 。

IE9开发人员工具也有一个“format javascript”选项(请参阅这里的“F12开发工具和格式化精简脚本”)

仅供参考 – IE9的F12开发工具提供相同的function:在脚本选项卡打开的情况下,selectbutton栏上的锤击/扳手button(“configuration”),然后select“格式化JavaScript”。

如果脚本仅缩小为空白,则可能会提供一些解决scheme。 正如你所说,JSBeautifier是一个有用的工具。

但是,如果您正在查看的JavaScript已经使用YUI Compiler或Google Closure Compiler等工具进行了压缩 ,variables将会缩短并且难以理解。

为了看到这一点,比较jQuery的缩小版本和非缩减版本(缩小版本使用Closure编译器)。

  • 原文: https : //ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js
  • 缩小: https ://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js

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

我希望这些工具中的一些能帮助你学习。 这些是最能帮助我的资源。

Webkit / Chromium现在也可以执行此操作,请参阅Webkit Bug 57942 , Changeset 83713和Peter Beverloo的更改摘要文章 。

不要问我从什么版本的铬/铬这是可用的开始,但如果你知道这里可以随意提到。 🙂

Firefox Firefox Developer Tools的“自动优化缩小的来源”设置会默认打开“美化源”function。

要启用它:

  • 打开Firefox开发者工具(Ctrl + Shift + I)
  • debugging器选项卡
  • “debugging器”选项卡右上angular的引擎图标, 而不是全局设置引擎

在这里输入图像说明

这logging在: https : //developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file

在Firefox 42上testing

目前的工具是不可能的。 显示评估脚本是你可以得到的最多。 Jsbeautifier.org是很好的开放的东西,有人可以整合它的信息萤火虫。

PrettyPrint是一个不错的Chrome扩展,它使用常规(Ctrl-U)源自动在心跳中取消注册js。

你可以在这里得到它:

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