之前寫的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 給的入口
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/115167.html
標籤：JavaScript