chrome json插件

JSON is a very popular file format. Sometimes we may have a JSON object inside a browser tab that we need to read and this can be difficult.

JSON是一种非常流行的文件格式。 有时我们可能需要在浏览器选项卡中包含一个JSON对象,这很困难。

We may need to go and search for an online tool that turns it into an easy-to-read format so we can understand it.

我们可能需要搜索一种在线工具,将其转换为易于阅读的格式,以便我们能够理解它。

Now, here is a Chrome and Firefox extension that does the formatting and makes your JSONs instantly pretty inside your browser, without having to perform many unnecessary steps.

现在,这是一个Chrome和Firefox扩展程序,它可以进行格式化,并使您的JSON立即在您的浏览器中显示,而无需执行许多不必要的步骤。

It comes with support for JSON and JSONP and highlights the syntax so that you can differentiate different attributes and values accordingly. It also comes with the option to collapse nodes, clickable URLs that you can open in new tabs, and you see the raw, unformatted JSON.

它带有对JSON和JSONP的支持,并突出显示了语法,以便您可以相应区分不同的属性和值。 它还提供了折叠节点的选项,可以在新选项卡中打开的可单击URL,以及原始的,未格式化的JSON。

It works with any JSON page, regardless of the URL you opened. It also works with local files, after you enable it in chrome://extensions. You can inspect the JSON by typing json into the console.

不管您打开的URL是什么,它都可以与任何JSON页面一起使用。 在chrome://extensions启用本地文件后,它也可以使用。 您可以通过在控制台中输入json来检查JSON。

You can install the extension by going here for Chrome and here for Firefox and then test it, for example, by visiting this API response.

您可以通过以下途径安装扩展程序: Chrome和Firefox ,然后通过访问此API响应进行测试 。

This is what it looks like, before formatting:

格式化之前是这样的:

Now, take a look at the beautiful JSON response you get with JSON Formatter:

现在,看看使用JSON Formatter获得的漂亮的JSON响应:

Here is a pro tip: Hold down CTRL (or CMD on Mac) while collapsing a tree, if you want to collapse all its siblings too.

这是一个专业提示:如果要折叠其所有同级树,请在折叠树时按住CTRL(在Mac上为CMD)。

It is an open-source project, so you can view its source code on GitHub.

这是一个开源项目,因此您可以在GitHub上查看其源代码 。

Thanks for reading.

谢谢阅读。

翻译自: https://www.freecodecamp.org/news/untitleeasy-to-read-json-with-this-chrome-firefox-extensiond/

chrome json插件

chrome json插件_如何使用此免费的Chrome扩展程序(或Firefox插件)获取易于阅读的JSON树相关推荐

  1. android studio json插件_欢迎来到 EQ 2.0 时代——UVI 创造性 EQ 均衡插件 SHADE 简测

    原标题:欢迎来到 EQ 2.0 时代--UVI 创造性 EQ 均衡插件 SHADE 简测 (图1:UVI Shade界面) EQ均衡插件对于接触音乐/声音制作的人而言可谓是太平常不过,各家DAW都将E ...

  2. ae去黑插件_视频素材如何去黑底?送你这款插件,自动一键去黑底。适用AE、PR...

    视频素材如何去黑底?送你这款插件,自动一键去黑底.适用AE.PR 今天资源君为伙伴们带来的是:[视频素材一键去黑底Alpha透明通道制作Unmult],免费分享给大家. (领取方式见文章末尾) [视频 ...

  3. python开发ios插件_[原创]Textobot-换个轻松高效的方式开发iOS越狱插件

    许愿:要是段老师的看雪平台能导入头条或者公众号的文章就好了. 导读 0x00.交个朋友 0x01.越狱开发 0x02.Cydia插件体系 0x03.Cydia插件开发 0x04.Textobot插件体 ...

  4. Chrome扩展程序添加CRX插件显示“程序包无效”

    1. 把下载后的.crx扩展名的离线Chrome插件的文件扩展名改成.zip或者.rar 2. 右键点击该文件,并使用压缩软件对该压缩文件进行解压,并保存到任意一个文件夹下 3.解压.解压成功以后,该 ...

  5. pr抖动插件_某宝价值135元的PS/AE/PR全套插件合集,一键安装,大神必备这一套就够了【第10期】...

    大家好我是万能的爱丽丝酱 AE.PR.PS一键安装插件合集是一款AE PR的全套插件一键安装包,一键安装AE插件.pr插件.ps插件,插件在学习中是必备的!能大大提高你的工作和学习效率!然而日常安装比 ...

  6. Chrome提示:"请停用以开发者模式运行的扩展程序"的解决办法

    chrome用户在安装了一些第三方的chrome插件后,每次打开浏览器的时候都会出现"请停用以开发者模式运行的扩展程序"的提示,只有每次点击取消之后才能正常使用扩展.如下图所示 每 ...

  7. 如何完全屏蔽Chrome的提示:请停用以开发者模式运行的扩展程序

    参考链接: chrome怎么安装非官方市场的插件? https://www.zhihu.com/question/24027794 屏蔽Google Chrome安装第三方插件之后反复提示" ...

  8. Selenium启动Chrome浏览器提示“请停用以开发者模式运行的扩展程序”的解决办法

    安装了selenium,python运行下面代码: from selenium import webdriverbrowser = webdriver.Chrome() browser.get('ht ...

  9. 【Windows 问题系列第 16 篇】如何去除 Chrome 中的请停用以开发者模式运行的扩展程序

    这是[Windows 问题系列第 16 篇],如果觉得有用的话,欢迎关注专栏. 你是否遇到过这样的问题,每次登陆 Chrome 浏览器的时候,右上角总会弹出来下面这个界面 让你停用以开发者模式运行的扩 ...

最新文章

  1. 服务器虚拟化改写存储演进图
  2. phpcms 前台模板替换成官网类型的网站
  3. 2招按摩轻松解除黑眼圈 - 生活至上,美容至尚!
  4. POJ - 2942 Knights of the Round Table (双连通分量)
  5. java home centos_Centos7配置JAVA_HOME
  6. spss数据分析_相关分析
  7. 美赛 5:评价类模型、插值与拟合模型(十大模型篇)
  8. Spring AOP原理之动态代理
  9. word论文排版和写作05:从word中导出pdf
  10. MATLAB中clc命令详解
  11. ET城市大脑发布“天擎”系统:处理16小时视频仅用1分钟
  12. 《女神异闻录5》那套酷炫界面的背后,是18年来的始终如一
  13. Redis之EXPIRE
  14. OSChina 周一乱弹 —— 大爷上钩了
  15. 怎样才能实现表格背景图片拉伸
  16. 全球与中国塑料面漆喷涂器市场深度研究分析报告
  17. python 爬取24小时天气数据
  18. Matlab中legend函数使用
  19. windows上Boost安装过程
  20. OpenGL模型加载之模型

热门文章

  1. 将visio的图片插入latex(png格式转换成eps格式图片)
  2. vue 双数据绑定原理
  3. Objective-C语言的动态性
  4. .NET Framework 工具
  5. 文档容器iOS网络编程-iCloud文档存储编程实例
  6. 分享一个帮助你在线测试响应式设计的web工具 - Screenqueri.es
  7. fiddler,他和其他抓包软件有什么区别,如何使用fiddler进行抓包
  8. VC++的windows服务
  9. 金融信息交换协议(FIX)v5.0
  10. 2018年应用交付控制器市场将发生重大变化