chrome 开发人员工具中的人类可读 javascripts

IT技术 javascript google-chrome-devtools
2021-03-03 13:24:01

有谁知道 Chrome 开发者工具是否可以将 javascripts 格式化为人类可读的形式?某种美化剂会很方便。假设我正在使用一些 JS 库并且我需要实例化它的对象,这样我就应该知道将什么放入构造函数中。但是在 Chrome 开发者工具用户界面中搜索这个有 4 行的庞大库是很烦人的......

否则,服务器端需要注意实现“开发模式”,该模式提供未缩小的 javascript 文件......

3个回答

一些浏览器有一个漂亮的打印按钮,看起来像这样{},它根据浏览器显示为 HTML、JS 和/或 CSS。

Chrome 在Sources选项卡中有它

Chrome 40 漂亮的打印按钮

Firefox 在Debugger选项卡中有它

Firefox 35 美化源按钮

这些按钮的位置可能会改变,但应该始终在那里

@superjos 他们现在在 Mac OS 和 Windows 上将其更改为相同。
2021-04-22 13:24:01
嗯,但我什至无法在上下文菜单中看到它。只有“检查项目”命令在那里。截图
2021-05-03 13:24:01
@with 感谢您提到这一点。我想知道为什么他们在 Windows/Mac OS 上以不同的方式实现它。
2021-05-12 13:24:01
在 Windows 上,它是一个类似于 -> { } 的小图标。标题说漂亮的印刷品。
2021-05-13 13:24:01
有谁知道这个 Chrome 功能发生了什么?我想我过去曾在 Chrome 中看到过,但现在似乎不见了。
2021-05-17 13:24:01

是不是有漂亮的打印图标(看起来像:{}),至少在 Windows 上有一个,在脚本选项卡中?

http://jsbeautifier.org/供在线使用(您需要复制/粘贴)。

在那个站点上,他们有一个指向fiddler一个网络调试代理的链接和一个JavaScript Formatter第三个扩展)。