chrome怎么看json

Chrome浏览器轻松查看JSON格式数据的几种方法**

在Web开发和日常浏览中，我们经常会遇到JSON（JavaScript Object Notation）格式的数据，它轻量、易读、易于机器解析和生成，是前后端数据交互的主流格式之一，直接在Chrome浏览器中查看原始JSON数据时，往往会遇到一堆没有缩进、难以阅读的文本，体验非常糟糕，别担心，Chrome浏览器本身以及一些扩展工具能帮助我们轻松解决这个问题,让JSON数据变得清晰易读。

本文将介绍几种在Chrome浏览器中优雅查看JSON数据的方法,从简单内置到功能强大的扩展。

利用Chrome开发者工具的“漂亮打印”（Pretty Print）功能

这是最直接、最常用的方法，无需安装任何额外扩展,Chrome自带。

打开包含JSON数据的页面：确保你要查看的JSON数据在浏览器中可见，这可能是一个API响应的原始数据页面，或者是某个<script>标签内嵌入的JSON。
打开开发者工具：按下 F12 键，或者右键点击页面元素选择“检查”（Inspect）,打开Chrome开发者工具。
定位到JSON数据：
- 如果是API响应，切换到 Network（网络） 标签页，找到对应的请求（比如XHR或Fetch请求），点击它，然后在右侧的 Response（响应） 或 Preview（预览） 标签页中查看JSON数据。
- 如果是页面内嵌的JSON，切换到 Elements（元素） 标签页，找到包含JSON数据的<script>标签或其他元素，在右侧的 Console（控制台） 或直接在元素属性中查看。
使用“漂亮打印”：
- 在包含原始JSON数据的区域（通常是Response或Console），找到右上角的图标，这就是“漂亮打印”按钮。
- 点击该按钮，浏览器会自动将压缩的JSON数据格式化，添加适当的缩进和换行,使其结构一目了然。
- 如果想恢复原始格式，再次点击按钮即可。

优点：

无需安装,原生支持。
操作简单快捷。
适合快速查看和调试。

使用Chrome应用商店的JSON查看器扩展

如果你需要更强大、更专业的JSON查看功能，Chrome应用商店有许多优秀的JSON查看器扩展可供选择，它们通常提供更好的可视化、搜索、折叠/展开、编辑等功能。

以下是一些广受好评的JSON查看器扩展（你可以直接在Chrome应用商店搜索“JSON Viewer”找到它们）：

JSON Viewer Pro：
- 功能全面：支持格式化、语法高亮、搜索、折叠/展开节点、复制路径、JSON验证等。
- 界面友好：通常会在新标签页或侧边栏中以树形结构展示JSON数据,非常直观。
- 自定义选项：允许你调整主题、字体大小等。
JSON Viewer (by wimpytony等)：
- 轻量级：安装后，当你访问包含JSON数据的URL时,会自动提示你是否以格式化方式查看。
- 树形视图：清晰地展示JSON的层级结构。
- 基本功能：格式化、高亮、搜索。

安装和使用步骤（以一般扩展为例）：

打开Chrome应用商店。
搜索“JSON Viewer”或类似关键词。
选择一个评价较高、安装量较多的扩展，点击“添加到Chrome”。
安装完成后，扩展通常会自动工作，当你遇到JSON数据时，可能会在地址栏右侧出现扩展图标，或者右键菜单中出现相关选项,点击即可在新窗口或侧边栏中查看格式化后的JSON。

优点：

功能更丰富,提供更好的用户体验。
通常支持更复杂JSON结构的展示和操作。
可根据需求选择不同功能的扩展。

直接在浏览器地址栏访问JSON文件（适用于本地或可访问的JSON文件）

如果你有一个独立的JSON文件（例如data.json），并且它托管在Web服务器上（或者你的Chrome允许访问本地文件，需要注意安全设置），你可以直接在Chrome地址栏输入其URL，然后结合方法一的“漂亮打印”功能来查看。

在地址栏输入JSON文件的URL。
按下 F12 打开开发者工具。
在 Network 标签页中找到该JSON文件的请求，点击查看 Response。
点击按钮进行格式化。

注意：直接打开本地JSON文件（通过file:///协议）可能会因为安全限制而无法使用某些功能或开发者工具的Network面板。

临时粘贴到在线JSON格式化工具

JSON数据可能是一段文本，你不想安装扩展，也不想打开开发者工具，这时,可以借助在线JSON格式化工具。

复制你需要查看的JSON文本。
打开一个在线JSON格式化网站（如 jsonformatter.curiousconcept.com、beautifytools.com/json-formatter 等）。
将复制的JSON文本粘贴到输入框中,网站会自动格式化并显示结果。
你还可以复制格式化后的结果。

优点：