前後端開發人員必備Chrome插件

寫在前面

Chrome算是世界上最廣爲流傳的瀏覽器了,得益於它的簡潔、快速。Chrome支持多標籤瀏覽，每個標籤頁面都在獨立的“沙箱”內運行，在提高安全性的同時，一個標籤頁面的崩潰也不會導致其他標籤頁面被關閉。此外，Google Chrome基於更強大的JavaScript V8引擎，這是當前Web瀏覽器所無法實現的。
加上搜索簡單和靈活的標籤，Chrome讓每個使用者愛不釋手。今天我要介紹的插件，可以說是前後端開發人員的利器，有了這些，相信你的開發會更加方便。

準備說明

爲了方便一些新人同學找不到的地方，去百度Chrome商店，還有進錯的可能，我這裏就多說一些，說明一下在Chrome瀏覽器進入Chrome商店的方法，如下圖。

JSON Formatter

這一款插件是用來調試我們後端數據接口是否符合要求的，雖然我們可以在前端代碼編寫中，使用控制檯打印數據也可以查看，不過，對於後端人員來講，這個插件非常方便用來查看返回的JSON數據

JSON和JSONP支持
語法突出顯示
可摺疊的樹木，帶有縮進指南
可點擊的網址
在原始和解析的JSON之間切換
可在任何有效的JSON頁面上使用-URL無關緊要
也適用於本地文件（如果您在chrome：// extensions中啓用了此功能）
可以通過在控制檯中鍵入“ json”來檢查JSON

Talend API Tester

當然，上面的JSON插件用來查看JSON數據比較方便，但是真的要說針對接口調試，還差點東西，那麼這一款插件就是接口調試的利器，我們可以使用這個發送get/post請求測試，也可以對接收到的請求進行查看，最主要的是，我們可以攔截請求，對請求進行修改等等操作。可以處理所有HTTP請求，無論多麼複雜。可以通過插入變量使請求動態化。完全支持安全性和身份驗證以及超媒體和HTML表單。您可以可視化，美化和檢查HTTP響應。無論是要檢查API的指定行爲，還是需要確認第三方API的響應程度，Talend API Tester都可以讓您執行多種API響應測試。使用斷言來驗證標頭，正文或響應時間等值。還可以創建環境變量以提高測試的可重用性。

Vue.js devtools

現在大火的vue應該都用過吧，沒用過也聽說過，那麼這款工具可以說是調試vue程序必備的一款插件，非常好用，用來查看vue項目各種結構，包括內部插件情況等等

ChromeReloadPlus

自動重新加載頁面。配置頁面刷新之間的間隔，並看到倒數直到下一次刷新。可用來進行一定程度上的服務器壓力測試，當然，也可以進行其他用途，不過還是一款很好用的小插件，可視化時間這一點做的很好，比其他瀏覽器上的定時插件好多了，心裏有數就舒服多了。

The QR Code Extension

它可以讓網頁或者文字生成二維碼,這樣當你想分享網頁或者訊息給別人的時候,掃一掃得到我的分享(是不是酷炫狂拽) 但是它最實用的功能還是拿來表白,將自己羞於開口的話語用二維碼錶達給ta,掃一掃,得到我的心~

Project Naptha

Naptha項目會在瀏覽網絡時在每幅圖像上自動應用最新的計算機視覺算法。結果是無縫和直觀的體驗，您可以突出顯示，複製和粘貼甚至編輯和翻譯以前捕獲在圖像中的文本。
網絡上的單詞有兩種形式：存在文章，電子郵件，推文，聊天和博客的文本，可以對其進行復制，搜索，翻譯，編輯和選擇，然後將其束縛在漫畫中的圖片上，文檔掃描，照片，海報，圖表，圖表，屏幕截圖和模因。