要說有哪些好用的前端開發軟件和工具，我可有發言權哈~因爲在學習的過程中積累了不少實用型前端開發工具。今天我就從瀏覽器兼容性測試工具、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應用提供簡單、直觀、可交互的體驗級圖表組件。