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


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

    为什么开发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大家庭足以说明谷歌开源的实力。

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

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

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

    六、思考

    上线一段时间之后,用户反馈最多的还是为什么不做成直接在请求页面格式化JSON,比如这样:

    当初也考虑了这个,最终放弃的是这种方案有如下缺点:

    1)只支持Get方式;

    2)一直监控浏览器所有请求。

    源码

    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 给的入口

  • 相关阅读:
    CString::GetLength()获得字节数
    Altium Designer 总线式布线
    Altium 原理图出现元件 “Extra Pin…in Normal of part ”警告
    编辑结束后收回键盘
    storybody中页面跳转
    改变tabBarItem颜色
    改变Button文字和图片的位置
    添加视图模糊效果(高斯模糊)
    ios开发获取SIM卡信息
    IOS 清除UIWebview的缓存以及cookie
  • 原文地址:https://www.cnblogs.com/oppoic/p/12745904.html
Copyright © 2020-2023  润新知