之前寫的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 給的入口

相關推薦