代码之家  ›  专栏  ›  技术社区  ›  Henrik Heimbuerger Kenneth Reitz

是否有一个插件允许我自动取消站点上包含的Javascript的统一?[关闭]

  •  58
  • Henrik Heimbuerger Kenneth Reitz  · 技术社区  · 14 年前

    是否有插件、插件、Greasemonkey脚本或类似的东西(最坏情况下,是一个易于使用的代理?)自动地 未统一 站点中包含的Javascript文件?

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

    我的典型用例:

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

    我主要感兴趣的是一个能与Firebug一起工作的解决方案,但是如果Chrome或Opera的开发工具有什么东西的话,我也想听听。

    9 回复  |  直到 14 年前
        1
  •  40
  •   Matthew Kelly    13 年前

    在Chrome13+中,有“漂亮的打印”。

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

    Screenshot

        2
  •  77
  •   B T    10 年前

    有人把JSBeautifier变成了Firebug插件:

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

    今天我过得很愉快!

        3
  •  8
  •   Annie    14 年前

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

    还有一个 extension 为小提琴手代理。

    IE9开发人员工具也有一个“格式化javascript”选项(参见“F12开发人员工具和格式化小型脚本” here )

        4
  •  3
  •   kmote Funkpotamus    12 年前

    仅供参考-在IE9的F12开发工具中也有相同的功能:打开脚本选项卡,选择按钮栏上的锤子/扳手按钮(“配置”),然后选择“格式化JavaScript”。

        5
  •  1
  •   calvinf    14 年前

    如果脚本只缩小为空白,则提供的某些解决方案可能会起作用。正如您所提到的,JSBeautifier是一个有用的工具。

    YUI Compressor Google Closure Compiler ,变量将被缩短,更难理解。

    要看到这一点,请比较jQuery的缩小版和未缩小版(缩小版使用闭包编译器)。

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

    我希望这些工具能帮助你学习。这些资源对我帮助最大。

        6
  •  1
  •   Henrik Heimbuerger Kenneth Reitz    13 年前

    Webkit/Chromium现在也可以这样做,请参见 Webkit Bug 57942 , Changeset 83713 Peter Beverloo's change summary post mentioning this .

    不要问我从哪一个版本的铬/铬开始,但如果你知道的话,可以在这里提及。:)

        7
  •  1
  •   Community CDub    7 年前

    “自动美化缩小源”设置 Firefox的开发工具 Prettify Source 默认情况下功能打开。

    要启用它:

    • 打开Firefox开发工具(Ctrl+Shift+I)
    • 调试器选项卡
    • 调试器选项卡右上角的引擎图标, 全局设置引擎

    enter image description here

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

    在火狐42上测试。

        8
  •  0
  •   JessyNinja    14 年前

    不能使用当前工具。显示评估脚本是你能得到的最多的。 Jsbeautifier.org很不错 打开 东西,有人可以集成它的信息萤火虫。

        9
  •  0
  •   3rik82    9 年前

    PrettyPrint是一个不错的chrome扩展,它可以在使用常规(Ctrl-U)源代码时自动取消js的统一。

    你可以在这里得到它:

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