再接再厲,JSONViewer現已支持Firefox、Microsoft Edge、360瀏覽器,可能是最好用的JSON格式化工具


之前寫的JSONViewer,截至目前在谷歌商店里已經有6000+的自然下載量了

喜聞樂見的是,竟然有老外孜孜不倦的給我發郵件,要買我的這個插件

隨便打開一封看看:

這類郵件都進“垃圾箱”了,估計是群發的,被Gmail判為垃圾郵件了。

我猜測他們的玩法是利用插件現有權限,收集用戶的上網數據,插件權限大的話能拿到不用用戶的上網數據呢。我一直沒有回復他們,就圖自己用的爽,不賣!當然開價超過1萬我會慎重考慮,達到10萬我立馬賣,哈哈(單位:刀)

一、痛點

為什么開發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 給的入口


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM