实用工具 | 谷歌JSONP Viewer 插件 方便查看JSON数据

最新推荐文章于 2024-07-31 09:50:09 发布
最新推荐文章于 2024-07-31 09:50:09 发布
阅读量9.4k 收藏 7
点赞数 4
分类专栏： 其他
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37930716/article/details/81560901
版权

你有没有遇到这样一种情况，后台提供的接口数据是这样的，自己浏览器打开后，分分钟抓狂有没有~为了观看起来结构清晰，我用过编辑器打开，类似将内容拷贝到新建一个.json文件之类的~不过，这样真心巨麻烦~查到一种方式，安装谷歌浏览器插件：JSONP Viewer

步骤：

  1. 下载网址，GitHub上下载，网址：https://github.com/search?utf8=%E2%9C%93&q=jsonview；
  2. 选择需要使用的插件，建议可以选择（gildas-lormeau/JSONView-for-Chrome）；
  3. 选择【Download Zip】，插件下载完成，解压缩到相应目录；
  4. 安装，可以直接在chrome浏览器地址栏中输入：chrome://extensions/，或者打开chorme浏览器的扩展程序
  5. 选择右上角开发者模式；
  6. 选择加载已解压的扩展程序，选择插件存在的目录：解压路径\JSONView-for-Chrome-master\WebContent。我是把插件放在浏览器的安装目录C:\Users\SLAPP\AppData\Local\Google\Chrome\Application\plugins\
  7. 安装完成，此时访问返回json串结果的可以格式化显示

格式清晰了有木有~有需要的话，赶紧安装啦~

前端杂记
关注
专栏目录
前端常用插件、工具类库汇总，不要重复造轮子
wjianwei666的专栏
06-21 552
在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往往一个解决方案会有多个插件，需要读者根据自己的实际业务需求进行甄别选用，欢迎留言交流和补充。^_^另外，不要重复造轮子，把精力放在业务逻辑上！
前端常用插件、工具类库汇总，新手必收藏！！！
BOM485480的博客
04-30 746
前言 在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往往一个解决方案会有多个插件，需要读者根据自己的实际业务需求进行甄别选用，欢迎留言交流和补充。_ 可以先加个收藏（Ct...
JSONP查看器「JSONP Viewer」-crx插件
03-09
在Chrome中分析类似json的文档。 ## About JSONP Viewer is a developer tool to help you analyse a JSON-like data, and also generate and highlight the data tree. 这个工具用来分析JSON/JSONP文档，同时生成相关的文档信息与数据树状结构。 [Install it from Chrome Web Store](https://chrome.google.com/webstore/detail/mijkjfpdiidomhagijpedgaeekkadlgp/details) ## Change Log ### v1.1.11 * 修复插件工具页中无法打开 // 协议的 bug ### v1.1.10 * 为不带 http/https 前缀，以 // 开头的 URL 添加点击链接 ### v1.1.9 * 支持新标签页状态下点击 icon 直接开启 ### v1.1.8 * 开启 CSP script-src 'unsafe-eval' 用于解析 jsonp 格式 ### v1.1.7 * 更新为 manifest_version 2 * 移除 view source 链接 支持语言:中文 (简体)
Chrome插件：JSONP Viewer
weixin_30735745的博客
07-03 147
前端开发过程中会经常和后台沟通一些接口的联调，做拍拍首页项目尤其频繁。因为涉及到跨域问题，所以数据基本都是JSONP格式。 市面上JSON数据格式化工具挺多，却一直没有找到一款JSONP的，于是自己动手做了这个JSONP Viewer的chrome插件。十分感谢姚小M同学设计的icon～ 目前提交的为1.1.0版本，包含特性： 当前页面为JSON或JSONP数据文件时，进行代码格式化...
JSON-Viewer插件：json格式查看器
最新发布
yang295242361的博客
07-31 980
JSON-Viewer插件：json格式查看器。可以在页面中直接展示json格式的数据。
Chrome浏览器JSON查看工具
09-04
压缩文件中包含使用说明，直观快速安装完成，直接可在谷歌浏览器页面查看json串，方便使用，定位问题。
JSONP Viewer-crx插件
04-01
语言:中文 (简体) Analyse a JSON-like document in Chrome ## AboutJSONP Viewer is a developer tool to help you analyse a JSON-like data, and also generate and highlight the data tree.这个工具用来分析JSON/JSONP文档，同时生成相关的文档信息与数据树状结构。[Install it from Chrome Web Store](https://chrome.google.com/webstore/detail/mijkjfpdiidomhagijpedgaeekkadlgp/details)## Change Log### v1.1.11* 修复插件工具页中无法打开 // 协议的 bug### v1.1.10* 为不带 http/https 前缀，以 // 开头的 URL 添加点击链接### v1.1.9* 支持新标签页状态下点击 icon 直接开启### v1.1.8* 开启 CSP script-src 'unsa
JsonViewer(Json查看工具)
天涯居
07-28 2116
JSONView+CSSView+CSSPeeper.zip
04-30
CSSPeeper是一款专为设计师量身打造的可视觉化网站CSS样式表检查插件。 CSSViewer是一款可以自由查看当前网页中元素CSS的详细属性...JSON Viewer是最漂亮的、可定制的JSON/JSONP荧光笔高亮插件，用于打印JSON和JSONP。
json-handle谷歌浏览器json数据解析工具
10-24
json-handle谷歌浏览器json数据解析工具,装了此插件,在访问json数据时,自动解析成清晰的json格式.不用再为json而看得头晕眼花.此插件的使用:打开谷歌浏览器,到设置里面的拓展程序,然后勾选最上面的开发者模式,最后直接将此插件放入浏览器即可.
Chrome谷歌浏览器Json插件
热门推荐
飞鸿先森的博客
10-08 3万+
前言：开发中，我们会经常用到json格式的数据，但是一般在浏览器输出后会很难看，毫无格式可言，特别是有的数据还是被编码过的，根本看不了，下面就给大家推荐两款好用的json格式化插件。 1.JSON-handle（推荐） 这是我非常喜欢的一款插件，我们使用这个插件的目的就是把json数据美化，提高可阅读性，这款插件的配色等非常精美，复制数据也是很方便的，看看效果图：  我们还可以进入选项中...
json viewer json 查看工具
04-12
1.查看数据是否是正确的json数据 2.将json格式的数据规范化 json viewer json 查看工具
JSON解析小工具 JSONViewer
04-11
JSON解析小工具，绿色小巧，.net写的一个小工具，
chrome json viewer
08-31
chrome json viewer插件；支持json/jsonp；格式化查看api接口返回的数据；测试、开发必备插件，你值得拥有~
json-viewer：这是一个Chrome扩展程序，用于打印JSON和JSONP
01-28
JSON查看器 您所见过的最美丽，最可定制的JSON / JSONP荧光笔。 这是一个Chrome扩展程序，用于打印JSON和JSONP。 笔记： 此扩展名可能与其他JSON荧光笔/格式化程序一起崩溃，您可能需要禁用它们 要突出显示本地文件和隐身标签，您必须在扩展页面上手动启用这些选项 有时，当插件更新chrome时，旧的后台进程将继续运行并撤消某些选项，例如对本地文件的访问。 发生这种情况时，只需重新检查所有内容将再次运行的选项 适用于本地文件（如果您在chrome：// extensions中启用了此功能） 特征： 语法高亮 27个内置主题 可折叠节点 可点击的网址（可选） URL无关紧要（分析内容以确定其是否为JSON） 在控制台中检查您的json输入“ json” 热门单词json-viewer进入多功能框（输入json-viewer + TAB并将您的JSON粘贴到多功能框，按Enter，它将突出显示） 切换按钮以查看原始/突出显示的版本 适用于大于Number.MAX_VALUE的数字 显示行号的选项 自定义主题的选项 自定义标签大小的选项 配置最大JSO
JsonView json 查看器
02-28
JsonView查看器，可以格式化Json数据 JsonView查看器，可以格式化Json数据
谷歌json格式化插件
06-10
一款简单方便的json格式化插件,安装后即可对json数据进行格式化,界面美观,数据结构清晰,对开发人员很有帮助
json-viewer, 它是用于打印JSON和JSONP的Chrome 扩展.zip
09-17
json-viewer, 它是用于打印JSON和JSONP的Chrome 扩展 JSON查看器 你的眼睛所见过的最漂亮和可以定制的json/。 它是用于打印JSON和JSONP的Chrome 扩展。注释：这里扩展可能会与其他JSON萤火虫/格式化程序发生碰撞，你可能需要禁用它们要突出显示本地文件
知道接口地址 如何传数据_数据不知道如何可视化？一款工具推荐给大家
weixin_39901203的博客
11-29 98
之前我们介绍过 Python 里面的一些数据分析和可视化工具，比如 Pandas、Modin、Dash 等。今天要介绍一款标星 12.1K 的数据可视化工具 bokeh，优雅、简洁、高性能的交互式可视化库，同时支持大数据量和流式数据。其中 PyPI 和 Conda 每月安装超过 10 万 +，可见 bokeh 非常受欢迎。安装方式很简单：pip install bokeh，接下来我们介绍几个示例看...
AJAX数据交换与跨域解决方案：JSON vs JSONP
2. **原生支持**：JavaScript内置对JSON的支持，使得前端开发者可以方便地处理和解析JSON数据。同时，后端许多语言（如Python、Java等）也提供了丰富的库来处理JSON。 3. **高效传输**：JSON结构紧凑，占用的字符较...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值