有没有一个插件,让我自动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+,有“漂亮的印刷品”。
- 右键单击“检查元素”
- 转到脚本选项卡
- 点击右下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/