首页 > 其他分享 >谷歌浏览器json格式化插件安装

谷歌浏览器json格式化插件安装

时间:2023-09-13 16:02:03浏览次数:37  
标签:插件 浏览器 json JSON Formatter 安装

在前端开发中,经常需要处理json格式数据,方便查看和调试。而chrome浏览器提供了很多插件来帮助我们更方便地处理json数据,今天我们就来介绍一款非常方便的json格式化插件——JSON Formatter。

插件安装

该插件可以在Chrome Web Store中直接下载和安装,也可以通过浏览器插件商店进行安装。

这里主要讲一下第二种,在chrome浏览器中,打开插件商店,搜索”JSON Formatter”,即可找到该插件,点击添加即可完成安装。具体的安装步骤,如下图所示:

谷歌浏览器json格式化插件安装_json插件

谷歌浏览器json格式化插件安装_谷歌浏览器_02

谷歌浏览器json格式化插件安装_谷歌浏览器_03

谷歌浏览器json格式化插件安装_谷歌浏览器_04

当你完成第六步之后,你会发现,第五步 添加至Chrome 的地方,已经变成了下图 从Chrome中删除,其实这个时候也就是证明你已经安装成功了,刷新一下页面,就发现能正常显示json格式的数据了!!

谷歌浏览器json格式化插件安装_json插件_05

使用方法

安装完成后,在浏览器地址栏右侧就会出现JSON Formatter的按钮。当你访问一个包含json格式数据的网页时,点击按钮,即可对数据进行格式化和美化,使得数据更加易于查看和理解。

此外,该插件还支持在浏览器调试控制台(console)中输出格式化后的json数据,方便我们在控制台中查看数据。

高级用法

除了基本的格式化功能,JSON Formatter还提供了一些高级功能。比如,你可以通过设置选项来改变输出的格式,如选择不同的主题、缩进大小、展开深度等。

该插件还提供了两种不同的预览方式:一种是在当前页面上显示,在该页面上修改后,会实时地反映在预览中;另一种方式是弹出一个新的浏览器窗口,以更方便地查看。

总结

JSON Formatter是一款非常实用的chrome浏览器插件,能够帮助我们更方便地处理json格式数据。对于前端开发工程师来说,可以大大提高工作效率。

注意:这里需要连外网,才能顺利打开Chrome的应用商店。

标签:插件,浏览器,json,JSON,Formatter,安装
From: https://blog.51cto.com/u_15408171/7455918

相关文章

  • Jmeter BeanShell, 读取HTTP请求返回的JSON,并将其存到文件中
    1、创建BeanShellSampler将fastjson-1.2.30.jar放到Jmeter安装目录\lib下 importjava.io.*;importcom.alibaba.fastjson.JSONObject;importjava.io.IOException;importjava.io.File;importjava.io.FileOutputStream;importjava.io.FileWriter;privatestat......
  • Logstash中Filter的四大插件(grok、date、mutate、mutiline)
    一、grok1.grok使用文本片段切分的方式来切分日志事件filter{grok{match=>{"message"=>"%{IP:client_id_address}%{WORD:method}%{URIPATHPARAM:request}%{NUMBER:bytes}%{NUMBER:http_response_time}"}}}2.内置正则表达式调用%{SYNTAX:SEMANT......
  • Firefox火狐浏览器显示你的连接不安全,是什么意思?
    当Firefox连接到一个安全的网站时(网址最开始为“https://”),它必须确认该网站出具的证书有效且使用足够高的加密强度,以充分保护您的隐私。如果证书无法通过验证,或加密强度过低,Firefox会中止连接到这个网站,并向您显示SSL证书错误信息页面:“你的连接不安全”。什么情况下出现“你的......
  • C# JSON字符串转带头(声明)XML字符串
     privatestringConverXml(stringmemberId,intcode,stringmsg)    {      varresp=new{authenticate=new{member_id=memberId,status_code=code,message=msg}};      varjsonstr=JsonConvert.SerializeObject(re......
  • Java树形菜单_轻量级js树形插件_jsTree树形插件
    //插件效果//代码<!DOCTYPEhtml><html><head><title>JS轻量级树形插件</title><metacharset="utf-8"><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/def......
  • 大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自
    原文链接:https://blog.csdn.net/weixin_41192489/article/details/120004315大屏自适应的核心目标有:字体大小随屏幕尺寸自适应变化详见下文自动撑满全屏设置如下.bg{background:url("~@/assets/images/主背景.png");position:fixed;top:0;left:0;wi......
  • MGR新节点RECOVERING状态的分析与解决:caching_sha2_password验证插件的影响
    MGR新节点RECOVERING状态的分析与解决:caching_sha2_password验证插件的影响起因在GreatSQL社区上有一位用户提出了“手工构建MGR碰到的次节点一直处于recovering状态”,经过排查后,发现了是因为新密码验证插件caching_sha2_password导致的从节点一直无法连接主节点,帖子地址:(https:/......
  • uQRCode 全端二维码生成插件
    uQRCode全端二维码生成插件地址:https://ext.dcloud.net.cn/plugin?id=1287  #npm安装npminstalluqrcodejs//npm安装importUQRCodefrom'uqrcodejs';//npminstalluqrcodejs<canvasid="qrcode"canvas-id="qrcode"style="width:......
  • 如何像 Sealos 一样在浏览器中打造一款 K8s 终端?
    在Kubernetes的世界中,命令行工具(如kubectl和helm)是我们与集群交互的主要方式。然而,有时候,我们可能希望能够在Web页面中直接打开一个终端,执行这些命令,而不需要在本地环境中安装和配置这些工具。本文将深入探讨如何通过Kubernetes自定义资源定义(CRD)实现这个功能,并通过一个真......
  • 插件支持——操作校验明细不允许为空
    背景: 业务要求单据审核根据单据状态校验明细是否为空,有些场景为空可以审核,有些场景明细为空不允许操作审核。  需求描述:售后单审核时,单据类型【更换、待返回】都需要明细必录才可以审核和下推。  方案设计:售后单审核时,获取单据类型的值,如果是“更换”或者“待修返......