如何在 Chrome 中手动启用漂亮打印?

A. *_*son 21 google-chrome json google-chrome-extensions

有一些很棒的 Chrome 扩展程序可以打印漂亮的 JSON(这里有很好的 SU 问题:用于 JSON 读取的 Google Chrome 插件),但它们似乎都依赖于自动检测传入的文档是否为 JSON 格式。所以,问题是,我如何设置它以便我可以手动漂亮地打印显示的 JSON,而不是依赖于某些扩展的神奇检测(当我需要它时可能会或可能不会触发)?

我从那个 SU 帖子开始,发现了一个引导加载的扩展:

https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en https://chrome. google.com/webstore/detail/pretty-json/ddngkjbldiejbheifcmnfmmfiniimbbg https://chrome.google.com/webstore/detail/json-sh/gjkjdnonlibmbegailhclgbnfdafpgdh

(即,JSON 格式化程序的结果)。那些,以及更多,都将检测 JSON 格式,并以漂亮的打印方式显示它,但它们都不支持在未检测到 JSON 的页面上手动打开它的简单、防错的方法(除了,也许,通过在查询字符串中粘贴 format=json 来欺骗引擎,但他们都没有明确告诉我我可以这样做)。有没有更好的选择?

A. *_*son 15

JSON Formatter提供了用于在 JSON 文档的原始视图和格式化视图之间切换的按钮。

它是开源的。截至 2016 年 11 月,最后一次提交是在 2015 年 3 月。有超过 100 个fork,其中许多都有最近的提交。目前尚不清楚这些叉子中的一个是否得到更好的维护。

这个答案的 OP 最初写道:“我觉得自己像个大傻瓜。一些更彻底的搜索出现了https://chrome.google.com/webstore/detail/the-missing-json-inspecto/hhffklcokfpbcajebmnpijpkaeadlgfn/related,这是正是我需要的。” 但是,此答案的编辑版本表明该扩展不是开源的并且不再维护。

  • 该扩展不是开源的,自 2013 年以来一直没有维护。 [JSON Formatter](https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa/related) 得到积极维护,评价更高,和开源。 (4认同)

Jes*_*ess 15

这是使用 Chrome 97 且无插件的方法。

  1. 访问 URL 中的 API 或 JSON 资源
  2. 打开开发者工具。(F12)
  3. 单击“源”选项卡。
  4. 打开源代码或按 CTRL-P
  5. 选择 JSON
  6. 在顶部,选择“漂亮打印”
  7. 您将获得良好的 JSON 人类可读格式!

这是一个例子:

在此输入图像描述

在此输入图像描述

  • 如果您转至“网络”,您将在“预览”选项卡中获得更清晰的视图 (7认同)
  • @Protectorone 当您打开文件时,单击底部的“{}”即可漂亮地打印文件。您还可以像 @david-mulder 提到的那样从“网络”选项卡预览文件,但如果您在加载页面后进入开发人员工具,则需要刷新页面。 (2认同)