怎么直接让火狐输入json数据,而不是弹出文件保存对话框?
一、问题再现:
我需要浏览器输出的是json数据,但是浏览器弹出的是一个文件保存的对话框,这样的体验有点差。所以想怎么让浏览器直接输出到浏览器的页面上面,并且格式的输出,还可以编辑。
测试数据:
http://www.tuling123.com/openapi/api?key=3c37f0f528423a077a212e824d75d1e1&info=%E6%98%8E%E5%A4%A9%E5%8C%97%E4%BA%AC%E9%A3%9E%E6%8B%89%E8%90%A8%E7%9A%84%E9%A3%9E%E6%9C%BA
http://www.tuling123.com/openapi/api?key=3c37f0f528423a077a212e824d75d1e1&info=%E6%98%8E%E5%A4%A9%E5%8C%97%E4%BA%AC%E9%A3%9E%E6%8B%89%E8%90%A8%E7%9A%84%E9%A3%9E%E6%9C%BA

二、应用场景
随着AJAX应用的发展,使用JSON格式进行通信和对JavaScript对象进行封装变得越来越流行。还有现在越来越多的网站放出开发的API,通常会使用JSON的格式来进行数据传输,相比XML来说,JSON的格式更加简单、可读性更强。
而当网站指定数据返回格式为application/json格式的时候,火狐会提示用户下载查看,这对于开发这类网站应用来说非常不方便。
一种选择当然是使用Firebug来进行调试。但是对于开发Mashup应用的开发者来说,通常要打开第三方服务提供的API连接直接查看数据格式,这种情况下,JSONView这个扩展就更能满足需求了。
(1)JSONView
http://mozilla.com.cn/thread-30295-1-1.html 下载插件。
使用JSONView这个扩展,JSON格式的数据会有更加漂亮的展现方式,而且提供了同XML文档类似的折叠展开模式,方便您检查局部数据。整个JSON数据变得非常整齐格式化,容错性也非常的不错。
想体验一下,安装了JSONView扩展之后,您可以试着访问一下扩展作者提供的一段JSON数据,
但是重启一下浏览器,但是还是不得,还是原来的效果。
(2)JSON-handle
继续找一下:json插件
安装JSON-handle: https://addons.mozilla.org/zh-CN/firefox/addon/JSON-handle/
重启一下浏览器,还是不得。
(3)JSONovich
这样重启之后,几个插件相互起作用,可以进行编辑,格式化等等。
效果如下:

大公告成。
怎么直接让火狐输入json数据,而不是弹出文件保存对话框?的更多相关文章
- 在使用Ajax请求返回json数据的时候IE浏览器弹出下载保存对话框的解决方法
在使用Ajax请求返回json数据的时候IE浏览器弹出下载保存对话框的解决方法 最近在做一个小东西,使用kindeditor上传图片的时候,自己写了一个上传的方法,按照协议规则通过ajax返回json ...
- boke例子: freermarker:在使用ajax传递json数据的时候多出冒号
boke例子: freermarker:在使用ajax传递json数据的时候多出冒号 json数据是用JSON.stringify()格式化的数据,然后用ajax传递,发现数据多出一个冒号:, 后来度 ...
- easyui tree datagrid动态添加表头和表格数据,动态弹出框,修改和删除按钮
1.要有获取表头的URL和表格的URL 背景:点击树的一个节点,就加载一个表格,这个表格是动态的,表头和表格数据都是动态的 解决方案:需要两个URL,一个是获取表头的URL,一个是获取表格数据的URL ...
- 火狐浏览器高度&制作简单万年历&弹出层
浏览器高度: FireFox中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高 ...
- delphi TDbGrid 右键 PopupMenu 菜单只在有数据的地方弹出
最近用delphi做开发,用到了DbGrid控件,想在控件上点击鼠标右键弹出菜单 关联DbGrid的 Popupmenu 倒是可以实现,但是这样的效果是不管你在哪里单击鼠标右键 只要在DBGrid里面 ...
- 设置Safari浏览器在标签栏上打开新窗口,而不是弹出一个新窗口
打开Safari浏览器的偏好设置,如图: 打开“标签”一项,如上图.在“在标签(而不是窗口)中打开页面:”中设置.
- QTableView修改数据后弹出是否保存的提示框。
自定义CustomDelegate继承自QStyledItemDelegate,重写setModelData(self, editor, model, index)方法 def setModelDat ...
- IE 浏览器设置 打开新的选项卡而不是弹出窗口
首先打开IE的页面 找到工具 —点击Internet选项
- Android开发——获得Json数据,并显示图片
流程介绍 使用okhttp网络框架进行get请求,获得json数据 //一个封装好的工具类的静态方法 public static void sendOkHttpRequest(final String ...
随机推荐
- Tempdb的并发阻塞
9.3 Tempdb的并发阻塞 在介绍Tempdb的并发问题前,先介绍几个比较特殊的数据页. PFS(Page Free Space),用于标识数据页空间的使用情况,以字节标识,可以表示数据页使用百分 ...
- 重构第11天 使用策略代替Switch(Switch to Strategy)
理解:策略就是平常设计模式中所说的策略模式.因为当你有一个庞大的switch方法的时候,每一次新加一个条件,都要去修改这个方法,这样耦合性太高,不易维护也不易扩展.这样我们就可以使用策略的设计模式,使 ...
- HBase Scan Timeout-OutOfOrderScannerNextException
最近迁移数据时需要执行大Scan,HBase集群经常碰到以下日志: Exception in thread "main" org.apache.hadoop.hbase.DoNot ...
- Python入门笔记(23):模块
一.模块基础 1.模块 自我包含,且有组织的代码片段就是模块 模块是Pyhon最高级别的程序组织单元,它将程序代码和数据封装起来以便重用.实际的角度,模块往往对应Python程序文件. 每个文件都是一 ...
- ActiveReports 报表应用教程 (5)---解密电子商务领域首张电子发票的诞生(套打报表)
6月27日京东商城发布了中国电子商务领域首张电子发票,同时宣布相关系统正式上线,这标志着中国电子商务的步伐又向前迈出了重要的一步.目前“电子发票”覆盖的服务范围是在北京地区购买图书.音像商品的个人消费 ...
- Angularjs,WebAPI 搭建一个简易权限管理系统 —— 系统业务与实现(三)
目录 前言 Angularjs名词与概念 Angularjs 基本功能演示 系统业务与实现 WebAPI项目主体结构 Angularjs 前端主体结构 系统业务与实现(二) 上一章我们讲解的 Angu ...
- 六个创建模式之抽象工厂模式(Abstract Factory Pattern)
问题: 使用工厂方法模式的主要问题是工厂类过多,每个产品对应一个工厂,不利于维护.因此可以考虑使用一个工厂创建一个产品族. 定义: 提供创建一些列相关或相互依赖的对象实例的接口,这些类可以称为一个产品 ...
- Android应用开发基础之九:内容提供者(ContentProvider)
内容提供者 应用的数据库是不允许其他应用访问的 内容提供者的作用:就是让别的应用访问到你的数据库 自定义内容提供者,继承ContentProvider类,重写增删改查方法,在方法中写增删改查数据库的代 ...
- Ansible用于网络设备管理 part 3 使用NAPALM成品库
闲话 经过了这俩月的闲暇时间的瞎逛和瞎琢磨,我发现NAPALM是一条路,NAPALM是由帅哥David Barroso和美女Elisa Jasinska创建的一个项目,都是颜值高的技术牛人啊,真是不给 ...
- javascript获取url信息的常见方法
先以"http://www.cnblogs.com/wuxibolgs329/p/6188619.html#flag?test=12345"为例,然后获得它的各个组成部分. 1.获 ...