【问题标题】:trying to make code in Chrome developer tools more presentable试图让 Chrome 开发者工具中的代码更美观
【发布时间】:2014-06-23 14:46:27
【问题描述】:

我需要调查一些网站的 css 和 js 文件。当我在 Chrome 开发人员工具中打开它们时,它们有时看起来很好并且格式正确,但有时文件可以像这样沿着一行运行:

当我将它粘贴到我的文本编辑器 Sublime 中时,它看起来像这样:

开发者工具或 Sublime 中是否有一种方法可以正确格式化文件,使其清晰易读?我很好奇为什么一个大文件可以像这样跨行运行。是否以某种方式保护它,通过他们的 CMS 完成,让人们难以查看它,因为在其他时候 css 和 js 文件的格式非常完美。

【问题讨论】:

标签: sublimetext2 google-chrome-devtools


【解决方案1】:

这称为缩小,有两个目的:

  1. 使代码更小,以便下载更快
  2. 混淆代码,使其更难阅读

在开发工具中,您可以使用漂亮的打印:

【讨论】:

  • 谢谢你,但它似乎对我不起作用。我发现了这篇我认为可以做到的帖子:stackoverflow.com/questions/21444641/…,但没有运气。有任何想法吗?是否与我正在查看的代码全部为一行有关,而上面帖子中的代码有一大块凌乱的文本?
  • 是的,很奇怪。在一个缩小的文件上测试它,一大块文本 - 一个 .js,点击漂亮的打印,它的格式完美。但是在我的 css 文件上——只有一个巨大的单行,漂亮的打印没有效果。某处有自动换行按钮吗?也许它只是缩小了 js 代码?无论如何,为小费 +1。
  • 它可以在windows下工作,但在我通常使用的Linux下不行。
猜你喜欢
  • 2011-12-31
  • 2020-12-04
  • 1970-01-01
  • 2015-12-06
  • 2016-02-27
  • 1970-01-01
  • 1970-01-01
  • 2015-11-18
  • 2018-11-01
相关资源
最近更新 更多