之前寫的JSONViewer，截至目前在谷歌商店裡已經有1000+的自然下載量了 為什麼開發JSONViewer？ 日常開發中，拿到介面輸出的JSON一般會去線上的JSON格式化網站查看，但是線上格式化JSON網站一般一個視窗只能查看一段JSON，如果同時有3段JSON需要查看，那麼就需要開3個視窗 ...
之前寫的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 給的入口
