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

时间:2010-12-19 18:22:22

标签: javascript google-chrome-devtools

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

否则服务器端需要处理实现“开发模式”,提供未缩小的JavaScript文件...

3 个答案:

答案 0 :(得分:313)

某些浏览器的 Pretty print 按钮看起来像{},并且根据浏览器显示HTML,JS和/或CSS。

Chrome将其添加到来源标签中:

Chrome 40 pretty print button

Firefox在调试器标签

中有它

Firefox 35 prettify source button

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

答案 1 :(得分:3)

不存在Pretty Print图标(看起来像:{}),至少在Windows上有一个,在Scripts选项卡中?

答案 2 :(得分:2)

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

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