前幾篇文章說過,比較喜歡折騰瀏覽器,本篇文章介紹自己在開發時候使用的擴充套件。平時開發程式時候,主要的測試瀏覽器都是使用chrome
強大的Developer Tools,響應快速,支援各種外掛
。當然也有些劣勢,比如稍微佔點記憶體。熟練使用這些外掛,會對你的開發效率大大提高,逼格瞬間上升一個檔次。
這裡提供兩種下載方式
- Chrome Store
需打隧道 - crx4chrome
開發類外掛
在很多使用api介面的時候,幾乎都是返回
json
格式。在除錯的時候,需要檢視返回的結果時候發現簡直太亂了,而且對中文編碼不友好。導致必須尋找這擴充套件解決這個問題。簡直開發者必備!
編寫後端程式碼時候,需要API & HTTP 請求除錯。在
Linux
下一般使用curl
這種命令列工具,如果你不喜歡使用命令列,那麼這款擴充套件就是你的不二人選,功能非常完善。
這是必須安裝的擴充套件了。俗稱“油猴”,是非常強大的擴充套件。可以方便的指令碼管理、指令碼概覽、設定多樣性、指令碼自動更新、安全、相容性、Chrome 同步、CodeMirror 編輯器、JSHint 語法檢查、快速開發、解除安裝等功能。 其官方描述只一句 The world’s most popular userscript manager。
前端必備, 包括字串編解碼、圖片base64編碼、程式碼壓縮、美化、JSON格式化、正規表示式、時間轉換工具、二維碼生成器、編碼規範檢測、頁面效能檢測、柵格檢測、JS執行效率分析等
瀏覽託管在Github上的專案,可看到左側的樹形結構,更方便檢視程式碼
當我們查詢一些資源時
GitHub
,通常我們需要在本地查詢它們。這時我們必須使用git clone
,Download ZIP
或Open in Desktop
。但有時我們不需要下載整個儲存庫,只需檢視一些資料夾或某些檔案。所以這個chrome擴充套件可以幫助您實現您的需求。
ZenHub是唯一一個在GitHub的使用者介面中本地整合的專案管理工具。沒有冗長的入職。沒有配置問題。沒有單獨的登入。開發人員可以在他們喜歡的環境中工作,專案經理可以全面瞭解開發過程。
GitHub上的commit 3D一樣的展示,很有趣。
Chrome devtools擴充套件用於除錯Vue.js應用程式
React Developer Tools是一個用於開源React JavaScript庫的Chrome DevTools擴充套件。它允許您檢查Chrome開發人員工具中的React元件層次結構
支援restful的請求客戶端
在安裝所有這些擴充套件程式之前,請記住每個擴充套件程式都會佔用一個新程式並佔用一大塊RAM。你主動使用哪些擴充套件?