之前写的JSONViewer,截至目前在谷歌商店里已经有1000+的自然下载量了

为什么开发JSONViewer?

日常开发中,拿到接口输出的JSON一般会去在线的JSON格式化网站查看,但是在线格式化JSON网站一般一个窗口只能查看一段JSON,如果同时有3段JSON需要查看,那么就需要开3个窗口,比如这样

窗口开多了影响查看,更没办法对比,随即有了一个想法:在一个页面同时查看多个JSON,这才有了JSONViewer。并且做成了可以离线运行的浏览器插件,非常方便。看看效果

上架谷歌商店后很久才发现,其他浏览器,比如360浏览器这种国内市场份额很大的浏览器也需要适配,一不做二不休,直接适配所有主流的浏览器。

一、360安全浏览器

测试同事喜欢用这个浏览器,它可以模拟IE,还可以随时切换“极速”和“兼容”模式。为了开发插件特意安装了360安全浏览器,截至目前还没有乱弹广告,也没有随意往我的电脑里安装其他软件。

话不多说,直奔插件商店看看:https://ext.se.360.cn/

360插件商店没法自己在后台填写插件的信息,需要按要求打包好各种文件发上去。

1..crx格式的插件可以通过360极速浏览器打包;

2.功能说明文档也就是上架后用户看到的插件详情,一段文字即可;

3.图片切割成指定大小,png格式

注:和Chrome插件不同的是,360插件商店强制要求manifest.json里有update_url配置,并且需要指向:http://upext.chrome.360.cn/intf.php?method=ExtUpdate.query

按要求打包好上传,等待2个工作日即可,期间可以发邮件催。上架成功是这样的

搜索“json”看看竞品

二、360极速浏览器

其实就是360谷歌版,跟谷歌Chrome浏览器差不多。图片尺寸跟360安全浏览器插件略有不同,按要求切下素材图之后上传即可。看看上架后的效果

同样,在360极速浏览器插件商店搜索“json”看看竞品

三、火狐Firefox浏览器

刚毕业的时候用的浏览器,当时看《锋利的jQuery》里用的就是这个浏览器,配合FireBug使用非常不错,现在很久不用了。本以为也是砍瓜切菜般的打包提交上去即可,谁曾想过程非常曲折。第一版提交上去就被拒了

大概意思是:

1)3.0版本之前的jQuery不能用,因为官方不支持了;

2)用第三方js库不能修改内容,必须原样提交。仔细想了想,也没修改任何js啊。不过还是被这种人肉审核,还打了这么多字的退回原因给折服了。

根据提示把jQuery改成最新的3.5.0打包提交上去,还是被拒

跟第一次审核不是同一个人,说的问题也不是同一个点。最后一行对方说最新的jQuery是3.4.1,3.5.0还未发布,但是jQuery3.5.0的确已经发布了,我感觉不能再跟对方废话了。再提交一版,同时把用到的三方js库的github release地址贴上去,顺利通过了

注:火狐浏览器插件跟谷歌系的一个区别是,插件图标点击不是chrome.browserAction.onClicked事件,而是browser.browserAction.onClicked事件

四、微软Edge浏览器

这个Edge不是现在Win10系统默认的Edge浏览器,是微软基于chromium开发的新Edge,已经出Beta版了,正式版推出后应该会通过Windows Update把大家电脑的老Edge浏览器替换掉。下载地址

直奔插件商店看看,果然是基于chromium开发的浏览器,插件基本都一样,直接打包提交审核,大概1个工作日审核通过,看看效果

可以看出,Edge的插件商店还非常简陋,连提交的截图都没显示出来。估计等正式版放出后,插件商店应该会稍微丰富点。

感觉微软的这个Edge浏览器市场份额会越来越大,因为这个随windows一起发售,同时微软的服务不会被Q,可以随意同步书签、密码、设置以及插件等。

五、谷歌Chrome浏览器

俗话说,道生一,一生二,二生三,三生万物。微软陆续放弃了IE、Edge,转而投入chromium大家庭足以说明谷歌开源的实力。

谷歌插件商店的审核机制把大部分审核工作交个了机器,而不是人工审核,同时还保证了质量。如果你的插件没有申请任何权限,那么会很快通过。

但是也有个坏消息,谷歌插件商店不再接收新插件提交了,只能更新现有的插件。

至此,所有浏览器都适配了,希望能提升大家的开发效率。

源码

Github:https://github.com/oppoic/JSONViewer

Gitee:https://gitee.com/oppoic/JSONViewer

各大商店下载地址

360安全浏览器:https://ext.se.360.cn/webstore/detail/bbfdgoegbemcajgdfpnmablnnbhhpdjb

360极速浏览器:https://ext.chrome.360.cn/webstore/detail/clpioljolfemmmhgjgpkmfjhjbmeamld

火狐Firefox:https://addons.mozilla.org/zh-CN/firefox/addon/jsonviewpro/

微软Edge:https://microsoftedge.microsoft.com/addons/detail/plbmlbokmdfffnjgepkiknofbbljempm

谷歌Chrome:https://chrome.google.com/webstore/detail/jsonviewer/khbdpaabobknhhlpglenglkkhdmkfnca

本文地址:https://www.cnblogs.com/oppoic/p/12745904.html

关联阅读:https://www.cnblogs.com/oppoic/p/10444012.html

最后,感谢 json.cn 给的入口

再接再厉,JSONViewer现已支持Firefox、Microsoft Edge、360浏览器,可能是最好用的JSON格式化工具的更多相关文章

  1. Chromium被用于Microsoft Edge与ChakraCore的未来【译】

    注:英语不好,力求大概能懂.持笔人是:Limin Zhu,好像是中国人,但是没有提供中文版本. 大家好,ChakraCore的朋友们: 昨天,微软公布,Microsoft Edge桌面浏览器采用Chr ...

  2. 以管理员身份运行 Microsoft Edge 时不支持登录

    之前一直用 edge chromium bate版本 一直不能登录 今天试了正式版 还是这样 然后百度一大堆没找到解决方案 设置兼容性为windown7 是可以的 但是 UI显示会有问题 再次打开 又 ...

  3. 如何在Microsoft Edge浏览器中添加一个Hello World插件

    注:本文提到的代码示例下载地址> How to add a Hello World extension to Microsoft Edge Microsoft Edge 随着Win 10一起推出 ...

  4. 一分钟让你了解Microsoft Edge

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/ ...

  5. Win10《芒果TV》内测版现已支持在国行版 Xbox One 下载体验

    Win10<芒果TV>内测版现已支持在国行版 Xbox One 下载体验 关于国行为什么无法从商店下载安装芒果TV内测版(来自微软) 1.截至到目前<芒果TV - Preview&g ...

  6. IE10、IE11和Microsoft Edge的Hack

    IE10.IE11和Microsoft Edge的Hack 随着Win10的推广,Microsoft Edge浏览器已经越来越普遍,但是IE11也是伴随其中,尾大不掉. 首先,了解一下概念,如下图:微 ...

  7. Microsoft Edge浏览器下载文件乱码修复方法

    随着Windows10的普及,Microsoft Edge自带浏览器使用频率逐渐提升,在日常使用过程中我们会发现一个常规的问题是使用Edge进行日常文件下载的时候,N多情况下可能都是乱码,同样的下载链 ...

  8. Microsoft Edge Certified with EBS 12.1 and 12.2

    I am very pleased to announce that Microsoft Edge is certified as a new browser for Oracle E-Busines ...

  9. Microsoft Edge 针对 Web 开发人员更新日志

    Windows 10 build16215 之 Edge 新功能 新功能: 增加了对高级事件监听器的支持(“once”和“passive”)via 增加了对CSS object-fit/object- ...

随机推荐

  1. CF1324A Yet Another Tetris Problem 题解

    原题链接 简要题意: 再简要一波: 每次可以把一个数增加 \(2\),问最后能不能让所有数相等.(也就是抵消掉) 什么?题意变成这样子还做个啥? 你会发现,必须所有数的奇偶性都相同,才可以:反之就不可 ...

  2. 特征选择与稀疏学习(Feature Selection and Sparse Learning)

    本博客是针对周志华教授所著<机器学习>的"第11章 特征选择与稀疏学习"部分内容的学习笔记. 在实际使用机器学习算法的过程中,往往在特征选择这一块是一个比较让人模棱两可 ...

  3. K折-交叉验证

    k-折交叉验证(k-fold crossValidation):在机器学习中,将数据集A分为训练集(training set)B和测试集(test set)C,在样本量不充足的情况下,为了充分利用数据 ...

  4. OpenCV-Python 交互式前景提取使用GrabCut算法 | 三十五

    目标 在本章中, 我们将看到GrabCut算法来提取图像中的前景 我们将为此创建一个交互式应用程序. 理论 GrabCut算法由英国微软研究院的Carsten Rother,Vladimir Kolm ...

  5. OpenCV-Python 读取显示视频 | 六

    目标 学习读取视频,显示视频和保存视频. 学习从相机捕捉并显示它. 你将学习以下功能:cv.VideoCapture(),cv.VideoWriter() 从相机中读取视频 通常情况下,我们必须用摄像 ...

  6. 使用TensorFlow v2张量的一个简单的“hello world”示例

    使用TensorFlow v2张量的一个简单的"hello world"示例 import tensorflow as tf # 创建一个张量 hello = tf.constan ...

  7. 使用 Visual Studio 开发、测试和部署 Azure Functions(二)测试,部署

    1,引言 上一篇介绍了使用使用 Visual Studio 开发 "Azure Functions" 函数,此篇介绍 “Azure Functions” 的测试以及直接从 Vist ...

  8. 微服务架构盛行的时代,你需要了解点 Spring Boot

    随着互联网的高速发展,庞大的用户群体和快速的需求变化已经成为了传统架构的痛点. 在这种情况下,如何从系统架构的角度出发,构建出灵活.易扩展的系统来快速响应需求的变化,同时,随着用户量的增加,如何保证系 ...

  9. IntelliJ IDEA 激活码 [已购买,分享给码友]

    一.前言 笔者在网上找了一圈,各种方法都试过了,之前那种在网上随便找个注册码,过了一段时间就被封了,想了想还是经常用的和朋友一起购买了,方便日后使用 二.下载最新的 IDEA 其实也可以从老版本直接升 ...

  10. SpringAOP入门

    Spring的AOP aop概述 Aspect Oriented Programing 面向切面(方面)编程, aop:扩展功能不修改源代码实现 aop采取横向抽取机制,取代了传统纵向继承体系重复性代 ...