Chrome 开发者工具/调试器:“漂亮的打印”不起作用

Posted

技术标签:

【中文标题】Chrome 开发者工具/调试器:“漂亮的打印”不起作用【英文标题】:Chrome Developer Tools / debugger: "pretty print" does not work 【发布时间】:2014-02-22 01:21:17 【问题描述】:

“漂亮的打印”按钮,位于 Chrome 开发者工具窗口的左下角,应该使缩小的代码可读。但是,当我单击它时,什么也没有发生。我尝试了单击和双击。这发生在 Windows 上的 Chrome 32 上。

如何使漂亮的打印按钮起作用?

【问题讨论】:

这是你的答案***.com/a/15984048/632951 【参考方案1】:

我只是偶然发现了这个问题,虽然Pretty-print 对我没有任何帮助,但我通过单击状态栏左下角的花括号图标 使其工作。此建议来自Pretty-print 旁边的Learn more 按钮。

Image for clarification.

【讨论】:

【参考方案2】:

正如我通过反复试验发现的那样,“漂亮打印”按钮仅在控制台可见时才起作用。这意味着它在这里不起作用:

但它确实在这里工作(控制台可见):

【讨论】:

你怎么知道?如果你在看控制台窗口,如何查看源代码是否被格式化? 显然我在截屏之前调整了窗口大小。为了使那一目了然,我用新的截图替换了第二张截图。 对我来说没有任何区别——在任何一种情况下都不起作用。 当我试图美化 this javascript 时,我仍然没有骰子。 Here's a screenshot 也不适合我。该按钮会打开一个新选项卡,其中包含相同的非美化代码。

以上是关于Chrome 开发者工具/调试器:“漂亮的打印”不起作用的主要内容,如果未能解决你的问题,请参考以下文章

使用 Chrome 开发者工具调试资源脚本

开发人员调试工具Chrome Workspace

如何在不使用 chrome 开发人员工具的 Visual Studio Code 中调试 Angular 应用程序?

Chrome 开发者工具断点调试

在 Chrome 开发者工具中调试时跳过线

前端调试效率低?试试这10个“Chrome开发者工具”使用技巧