当前位置: Chrome插件首页 > 开发者插件 > JSONView:web开发格式化和高亮插件 Chrome插件

JSONView:web开发格式化和高亮插件 Chrome插件

开发者插件
 

JSONView:web开发格式化和高亮插件 Chrome插件图文教程

Jsonview插件概述

jsonview插件是什么?
Jsonview是目前最热门的一款开发者开户送38体验金不限id插件,确切的来说
jQuery JSONView是一款非常实用的格式化和语法高亮JSON格式数据查看器jQuery插件。它是查看json数据的神器。
jsonview

Jsonview插件有什么用?
通常来讲,json数据一般没有经过格式化或经过了unicode编码,没有缩进,没有换行等,给开发者阅读造成了一定困难。而jsonview插件可以自动对json数据转码,缩进,格式化,直接显示出格式化后的数据,同时它还支持各种数据类型的语法高亮,以及节点的收缩和展开等。使得开发人员可以更好的阅读信息。
jsonview效果图


Jsonview插件下载安装

JSONView插件哪里可以下载?你可以从chrome应用商店里找到Jsonview插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到Jsonview插件下载地址。

JSONView插件怎么安装?
1. 如果你能够打开chrome应用商店,并且可以找到
Jsonview插件,那么直接点击“添加至chrome”,如下图所示:

jsonview插件
2.如果你的chrome应用商店无法打开,你从本站或者其他途径获得了
Jsonview插件,那么就选择离线安装该插件。由于Jsonview插件同其他chrome插件一样都是CRX格式的,所以具体的安装方法请参照:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 如果CRX格式插件不能离线安装怎么办

Jsonview插件使用方法

jsonview安装成功后,我们在chrome扩展程序里面可以看到jsonview插件,如下图所示:
jsonview安装成功

Jsonview插件怎么用?Jsonview如何使用?

1.下载压缩包,在页面中引入jquery和jquery.jsonview.js,以及jquery.jsonview.css文件。

1
2
3
<link rel="stylesheet" href="dist/jquery.jsonview.css">
<script src="js/jquery.min.js"></script>
<script src="dist/jquery.jsonview.js"></script>   

2.关于如何设置JSONView语法高亮?

jQuery JSONView插件中的语法高亮是通过CSS来渲染不同数据类型的字符串,例如,可以在CSS中设置布尔型的数值为蓝色,字符串类型为绿色等等。jquery.jsonview.css文件中已经预设了各种高亮颜色,你可以根据实际情况自行修改。

1
2
3
4
5
6
7
8
9
10
11
12
13
.jsonview .null {
    colorred;
}
.jsonview .bool {
  color#fde3a7;
}
.jsonview .num {
  color#bf55ec;
}
.jsonview .string {
  color#00b16a;
  white-space: pre-wrap;
}  

3.如何初始化jsonview插件?

在页面DOM元素加载完毕之后,可以通过JSONView()方法来初始化该插件。也可以在初始化时传入配置参数。

1
2
3
4
5
6
7
var json = {"hey""guy","anumber": 243,"anobject": {...},...};
 
$(function() {
  $("#json").JSONView(json);
  // with options
  $("#json-collasped").JSONView(json, { collapsed: true });
});   

4.如何配置jsonview参数?

jQuery JSONView插件可以使用以下一些配置参数。

  • collapsed:是否在第一次渲染时收缩所有的节点,默认值为:false。
  • nl2br:是否将一个新行转换为<br>字符串,默认值为false。
  • recursive_collapser:是否递归收缩节点,默认值为false。
  • escape:Escape HTML in key, default is true。

5.如何控制jsonview节点?

jQuery JSONView提供了以下的方法来控制JSON节点,所有的方法都接收一个level参数来在相应的节点上执行操作。

  • jQuery#JSONView('collapse', [level]):收缩节点。
  • jQuery#JSONView('expand', [level]):展开节点。
  • jQuery#JSONView('toggle', [level]):切换节点.
  • 6.复制请求地址-json的url,粘贴到浏览器的地址栏-》确认。结果如下图所示:
  • jsonview结果
  •  
  • 更多web前端开发插件推荐 

Jsonview插件英文介绍

Validate and view JSON documents
JSONView port for Chrome.

Original firefox extension is here: http://benhollis.net/software/jsonview/

Notes:
- JSON is validated using a client-side javascript implementation of JSONLint (http://github.com/zaach/jsonlint)
- this extension displays JSON text compliant with rfc 4627 (http://www.ietf.org/rfc/rfc4627.txt).
- JSONP (http://en.wikipedia.org/wiki/JSON#JSONP) is supported



You can configure JSON parsing method in options page:
- the default method (JSON content is extracted from displayed page) is faster but can (in some rare cases) alter or fail to parse the JSON content.
- the safe method costs an extra XMLHttpRequest request (JSON content is extracted from the HTTP response) but is 100% safe. 查看更多

JSONView:web开发格式化和高亮插件 Chrome插件图片

  • JSONView:web开发格式化和高亮插件插件图片
  • JSONView:web开发格式化和高亮插件插件图片
  • JSONView:web开发格式化和高亮插件插件图片

JSONView:web开发格式化和高亮插件 Chrome插件基本信息

插件名称:JSONView:web开发格式化和高亮插件 插件作者:gildas 插件语言:English 官方站点:https://github.com/gildas-lormeau/JSONView-for-Chrome 插件唯一标识:chklaanhfefbnpoihckbnefhakgolnmc

JSONView:web开发格式化和高亮插件 Chrome插件用户数和评分

下载次数:609663 用户评分:4.6346 (共5分) 参与评分人数:1289

JSONView:web开发格式化和高亮插件 Chrome插件文件信息

当前版本:0.0.32.2 最后更新日期:2013-10-31 文件大小:94.03KB

JSONView:web开发格式化和高亮插件 Chrome插件下载地址

本站下载 已有 609663 人成功下载

JSONView:web开发格式化和高亮插件 Chrome插件近一年下载统计

月份 当月下载量
2013年10月JSONView:web开发格式化和高亮插件 Chrome插件共 85039 次下载
2013年11月JSONView:web开发格式化和高亮插件 Chrome插件共 30951 次下载
2013年12月JSONView:web开发格式化和高亮插件 Chrome插件共 40531 次下载
2014年01月JSONView:web开发格式化和高亮插件 Chrome插件共 89279 次下载
2014年02月JSONView:web开发格式化和高亮插件 Chrome插件共 52077 次下载
2014年03月共 54222 次下载
2014年04月共 81336 次下载
2014年05月共 75101 次下载
2014年06月共 65198 次下载
2014年07月共 40224 次下载
2014年08月共 83442 次下载
2014年09月共 49374 次下载
2014年10月共 38666 次下载
2014年11月共 32774 次下载
2014年12月共 67806 次下载
2015年01月共 40674 次下载
2015年02月共 39165 次下载
2015年03月共 45210 次下载
2015年04月共 85868 次下载
2015年05月共 47096 次下载
2015年06月共 41926 次下载
2015年07月共 60384 次下载
2015年08月共 36653 次下载
2015年09月共 36253 次下载
2015年10月共 52665 次下载
2015年11月共 30668 次下载
2015年12月共 32567 次下载
2016年01月共 67205 次下载
2016年02月共 46615 次下载
2016年03月共 60846 次下载
2016年04月共 33602 次下载
2016年05月共 46598 次下载
2016年06月共 90456 次下载
2016年07月共 42322 次下载
2016年08月共 91197 次下载
2016年09月共 33492 次下载
2016年10月共 37490 次下载
2016年11月共 79883 次下载
2016年12月共 43411 次下载
2017年01月共 56466 次下载
2017年02月共 76331 次下载
2017年03月共 64932 次下载
2017年04月共 63616 次下载
2017年05月共 52648 次下载
2017年06月共 60278 次下载
2017年07月共 41288 次下载
2017年08月共 50838 次下载
2017年09月共 50617 次下载
2017年10月共 56014 次下载
2017年11月共 83254 次下载
2017年12月共 56516 次下载
2018年01月共 48466 次下载
2018年02月共 38770 次下载
2018年03月共 51752 次下载
2018年04月共 40642 次下载
2018年05月共 74774 次下载
2018年06月共 75230 次下载
2018年07月共 82049 次下载
2018年08月共 54656 次下载
2018年09月共 66669 次下载

JSONView:web开发格式化和高亮插件 Wordpress插件同类插件推荐

Flextera Metadata Reloader Wordpress插件

开发者插件 2015-03-23 16:29:36

Flextera元Reloader (诉平台, 01年7月3日, HF9-130520 )
复位按钮添加元数据vebklienta флекстеры.

Поддреживает:
platform-7.03.01-HF7-13041901
platform-7.03.01-HF8.1-13042601
platform-7.03.01-HF9-130520
webclient-7.03.01-EPAM-SP1-HF2-13071101-sign

Send to xNode Wordpress插件

开发者插件 2016-05-19 16:49:05

Lets you pass Domains, IPs and E-Mail addresses straight to xNode for analysis.
Provides a context menu so you can easily send URLs, text and code straight to xNode without having to open new tabs

Lightning Viz Wordpress插件

开发者插件 2015-04-04 08:42:00

预览闪电可视化
这是一个简单的扩展,发现回购网址当前页面,并打开一个新的标签,预览它的闪电。使用选项来指定一个自定义的主机。

SeeJS Wordpress插件

开发者插件 2018-03-09 03:07:15

SeeJS allows you to visualize the javascript code behind any web page.

To use this extension, navigate to the web page of your choosing and click on the blue circle icon at the top of your br

Salesforce Helper Wordpress插件

开发者插件 2015-01-24 20:50:59

这个扩展可以帮助你成为真棒
这个开户送38体验金不限id是Salesforce的管理员和开发人员,目前正在执行以下操作:

1 )重命名标签带班/触发/ VF页面名称。否则,分页标题会显示一个销售人员URL

2 )在个人/对象的字段级的访问页面,当你点击编辑,它会自动检查所有与QUOT ;能见度和QUOT ;复选框,这样你就不必做手工。这样做的目的是为了加快当你试图打开了对多个配置文件多个对象的访问的过程。对于只读的配置文件,它会自动检查所有的只读复选框。
<

Web Performance | Speed Wordpress插件

开发者插件 2014-11-22 21:32:51

速度 - 网站性能,速度和调优分析| WebStatZone
有什么新的V 1.0.3
======================== ========================================
*为HTTPS新增支持: //
*增加了密切的联系,以关闭对话框
*从盒子
删除滚动条*修正了YSlow的评分故障问题
=========== ====================================

Coloronyme Wordpress插件

开发者插件 2015-03-24 18:49:58

另一种颜色选择器!
赶紧挑一个颜色!

简单的点击来获得十六进制值( # 87ffef )
按Ctrl 点击来获得RGB值( 151255239 )

博聚网