JSONViewer在各浏览器Firefox、Microsoft Edge、360浏览器上如何进行json在线格式化

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

为什么开发jsonviewer？

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

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

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

一、360安全浏览器

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

话不多说，直奔插件商店看看：

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

 

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

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

最后，感谢 json.cn 给的