再接再厲，JSONViewer現已支援Firefox、Microsoft Edge、360瀏覽器，可能是最好用的JSON格式化工具
- 2020 年 4 月 21 日
- 筆記
- 7.Demo Share
之前寫的JSONViewer，截至目前在Google商店裡已經有1000+的自然下載量了
為什麼開發JSONViewer？
日常開發中，拿到介面輸出的JSON一般會去在線的JSON格式化網站查看，但是在線格式化JSON網站一般一個窗口只能查看一段JSON，如果同時有3段JSON需要查看，那麼就需要開3個窗口，比如這樣
窗口開多了影響查看，更沒辦法對比，隨即有了一個想法：在一個頁面同時查看多個JSON，這才有了JSONViewer。並且做成了可以離線運行的瀏覽器插件，非常方便。看看效果
上架Google商店後很久才發現，其他瀏覽器，比如360瀏覽器這種中國市場份額很大的瀏覽器也需要適配，一不做二不休，直接適配所有主流的瀏覽器。
一、360安全瀏覽器
測試同事喜歡用這個瀏覽器，它可以模擬IE，還可以隨時切換「極速」和「兼容」模式。為了開發插件特意安裝了360安全瀏覽器，截至目前還沒有亂彈廣告，也沒有隨意往我的電腦里安裝其他軟體。
話不多說，直奔插件商店看看：//ext.se.360.cn/
360插件商店沒法自己在後台填寫插件的資訊，需要按要求打包好各種文件發上去。
1..crx格式的插件可以通過360極速瀏覽器打包；
2.功能說明文檔也就是上架後用戶看到的插件詳情，一段文字即可；
3.圖片切割成指定大小，png格式
註：和Chrome插件不同的是，360插件商店強制要求manifest.json里有update_url配置，並且需要指向：//upext.chrome.360.cn/intf.php?method=ExtUpdate.query
按要求打包好上傳，等待2個工作日即可，期間可以發郵件催。上架成功是這樣的
搜索「json」看看競品
二、360極速瀏覽器
其實就是360Google版，跟GoogleChrome瀏覽器差不多。圖片尺寸跟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地址貼上去，順利通過了
註：火狐瀏覽器插件跟Google系的一個區別是，插件圖標點擊不是chrome.browserAction.onClicked事件，而是browser.browserAction.onClicked事件
四、微軟Edge瀏覽器
這個Edge不是現在Win10系統默認的Edge瀏覽器，是微軟基於chromium開發的新Edge，已經出Beta版了，正式版推出後應該會通過Windows Update把大家電腦的老Edge瀏覽器替換掉。下載地址
直奔插件商店看看，果然是基於chromium開發的瀏覽器，插件基本都一樣，直接打包提交審核，大概1個工作日審核通過，看看效果
可以看出，Edge的插件商店還非常簡陋，連提交的截圖都沒顯示出來。估計等正式版放出後，插件商店應該會稍微豐富點。
感覺微軟的這個Edge瀏覽器市場份額會越來越大，因為這個隨windows一起發售，同時微軟的服務不會被Q，可以隨意同步書籤、密碼、設置以及插件等。
五、GoogleChrome瀏覽器
俗話說，道生一，一生二，二生三，三生萬物。微軟陸續放棄了IE、Edge，轉而投入chromium大家庭足以說明Google開源的實力。
Google插件商店的審核機制把大部分審核工作交個了機器，而不是人工審核，同時還保證了品質。如果你的插件沒有申請任何許可權，那麼會很快通過。
但是也有個壞消息，Google插件商店不再接收新插件提交了，只能更新現有的插件。
至此，所有瀏覽器都適配了，希望能提升大家的開發效率。
源碼
Github：//github.com/oppoic/JSONViewer
Gitee：//gitee.com/oppoic/JSONViewer
各大商店下載地址
360安全瀏覽器：//ext.se.360.cn/webstore/detail/bbfdgoegbemcajgdfpnmablnnbhhpdjb
360極速瀏覽器：//ext.chrome.360.cn/webstore/detail/clpioljolfemmmhgjgpkmfjhjbmeamld
火狐Firefox：//addons.mozilla.org/zh-CN/firefox/addon/jsonviewpro/
微軟Edge：//microsoftedge.microsoft.com/addons/detail/plbmlbokmdfffnjgepkiknofbbljempm
GoogleChrome：//chrome.google.com/webstore/detail/jsonviewer/khbdpaabobknhhlpglenglkkhdmkfnca
本文地址：//www.cnblogs.com/oppoic/p/12745904.html
關聯閱讀：//www.cnblogs.com/oppoic/p/10444012.html
最後，感謝 json.cn 給的入口
