要說有哪些好用的前端開發軟體和工具，我可有發言權哈~因為在學習的過程中積累了不少實用型前端開發工具。今天我就從瀏覽器相容性測試工具、web開發工具、前端效能優化工具、大資料視覺化工具這四個方向來和大家共享下我的存貨，希望對大家的學習和工作有幫助~

瀏覽器相容性測試工具

· Spoon Browser Sandbox：點選你需要測試的瀏覽器環境，安裝外掛就可以進行測試了。幫助你測試網頁在Safari、Chrome、Firefox和Opera瀏覽器中是否正常，IE以前也有的，網站上說應微軟的要求去掉了。

· Superpreview：這是微軟自己釋出的跨瀏覽器測試工具，可以同時檢視網頁在多個瀏覽器的呈現情況，對頁面排版進行直觀的比較。

· Viewlike：Viewlike是一款可以幫助你檢查瀏覽器在不同解析度下呈現情況的實用工具。

· Browsera：Browsera是一個可測試網站跨瀏覽器佈局的工具，可以發現網站上存在的相容性錯誤。

· Litmus：這個工具可以幫助你檢查你的網站在多個瀏覽器中的呈現情況，跟蹤Bug並建立報告。

web開發工具

· Parcel：快速，零配置的Web應用程式捆綁器。

· Feather：簡單漂亮的開源圖示。

· Hyperapp v1.0：用於構建現代UI應用程式的1kb庫。

· Sizzy：快速測試響應式網站的工具。

· Heml：用於構建響應式電子郵件的開源標記語言。

· Cypress：對瀏覽器中執行的內容進行快速、簡便和可靠的測試。

· FlowUp：可跟蹤應用的整體效能，並深入瞭解各種關鍵效能指標，如FPS，記憶體使用情況，CPU使用率，磁碟使用情況等。

· Stetho：一款功能強大的Android開源除錯平臺，由Facebook開發。

· Android Asset Studio：一組簡單易用的工具，用於生成設計和開發。Android應用程式時需要的各種型別的圖示。

· Android除錯資料庫：用於除錯Android資料庫。

· Vysor：允許將真實裝置映象到計算機上。

· LeakCanary：用於Android和Java的記憶體洩漏檢測庫。

· Android Arsenal：可以找到Android的庫，工具和專案的分類目錄。 

前端效能優化工具

· Speed Racer：SpeedRacer 是一款效能測試工具，它在 Chrome 中執行指令碼，並生成詳細的效能報告。SpeedRacer 是直接藉助瀏覽器來實際測試效能的工具，在實際工作中，可以與其它模擬使用者訪問流量來評估效能的工具配合使用。

· Yellow Lab Tools：Yellow Lab Tools 是一款Web效能及前端質量測試工具。與其他工具不同的是，它有一些在其他工具上無法看到的獨特功能，例如頁面載入時 JavaScript 與 DOM 互動和其他程式程式碼驗證問題。 

· grunt-perfbudget：一款用於評估效能的 Grunt task，它使用 WebPagetest 的公有或私有例項在特定的 URL 進行測試，並將測試結果和你預期的效能期望做比較。

· DOM Monster：使用DOM monster你只需要新增到你的瀏覽器書籤中,在任何需要除錯的頁面點選這個書籤,它就能夠幫助你列出目前頁面出現的效能問題。

· zBugs：zbugs看上去像是一個bug相關工具，其實它是一個快速幫助你壓縮CSS/Javascript的線上工具。只需要提供一個網站的連結，下載相關的檔案，再上傳到你的網站即可。 

大資料視覺化工具：

· plotly：plotly是一個用於做分析和視覺化的線上平臺，其功能強大到不僅與多個主流繪圖軟體的對接，而且還可以像Excel那樣實現互動式製圖，而且圖表種類齊全，並可以實現線上分享以及開源等等。

· Tableau：可以幫助任何人快速分析、視覺化並分享資訊，而且介面上的資料非常容易操控。

· RawGraphs：手裡有資料但不會做圖表？讓RawGraphs幫你解決這個問題吧！匯入資料、選擇想要的模板，只需點選幾下就可以生成好看的圖表。而且還可以根據你的需要免費下載為svg、png等格式，或者嵌入到網頁當中。

· Ichartjs：Ichartjs是一款基於HTML5的圖形庫，使用純javascript語言，利用HTML5的canvas標籤繪製各式圖形，致力於為WEB應用提供簡單、直觀、可互動的體驗級圖表元件。