互聯網真是個神奇的地方，它不僅教你如何寫代碼，還提供了很多有用的工具，在開發的各個階段幫你節約寶貴時間。本文將列出 9 個有用的在線工具，對任何開發人員而言，它們都會是得力助手（排名不分先后）。
1. Can I Use
如果你曾經想了解瀏覽器對 Web API（例如 local storage）的兼容性，那么 Can I Use 是個不錯的選擇。它為桌面版和移動版瀏覽器提供了一個表格，這個表格包含了這些瀏覽器對 Web API 的最新支持情況。
各種瀏覽器對 local storage 的支持情況
2. Unminify
Unminify.com 是一個免費的在線工具，用于復原（解包、反混淆）JAVAScript、css 和 html 代碼，讓這些代碼變得更容易閱讀，且干凈漂亮。
對于沒有縮進的代碼，或者只包含一行代碼的文件（所有代碼都擠在這一行難以閱讀），你會不會覺得這樣的代碼很難看？把它們拷貝并粘貼到 Unminify，瞬間讓它們變得容易理解。
unminify.com
3. Compressor
對于網站來說，圖像大小是影響網頁加載速度的一個主要因素。
Compressor.io 是一個在線工具，用于壓縮圖像大小，而不會降低圖像質量。這個工具相當棒，以至于圖像質量在壓縮前和壓縮后幾乎看不出區別。
compressor.io
4. Cloudcraft
Cloudcraft 可以幫助你設計云，并制定云資源預算。它提供了非常酷的拖放功能，通過連接不同的云基礎設施服務（目前只適用于 AWS），可以創建出 3D 圖表。
在預算標簽頁可以看到當前架構的具體預算信息。
使用 AWS 服務規劃云架構
5. Repl.it
Repl.it 可能正是你多年來一直尋覓的那個在線 IDE，這真是一個完美的 IDE，你可以在幾秒鐘之內為你喜歡的編程語言或技術棧啟動一個編程環境。
它支持所有現代編程語言，比如 Python、 Kotlin 、 Ruby 和 JavaScript。你可以安裝語言庫和包，然后直接使用它們，免去下載和管理工作。
你也可以直接通過 repl.it 鏈接分享代碼，還能通過嵌入repl.it鏈接讓用戶與代碼交互。
在 Node 服務器環境里使用 Express JavaScript
6. RequestBin
RequestBin 為用戶提供了一個實時的 HTTP 端點，用于收集所有發出的請求，這樣你就可以很容易地解析它們來檢查和驗證數據，非常方便地檢查和驗證數據。
如果你想調試來自不同網站的 Webhook 請求，并且不確定會收到怎樣的數據結構或數據類型，那么這個網站就非常有用。
向端點發出 POST 請求后收到的數據
7. Web Code
Web Code 是最好的代碼生成器之一。只要輸入你的需求，它就可以生成代碼，滿足各種基本的和高級的需求。
對于不是很熟悉 HTML 和 CSS 的 Web 開發人員來說，這個工具非常有用。
分別為 4 條不同的邊框生成各自的 CSS 代碼
8. BundlePhobia
自從現代化前端框架技術出現后，人們就一直想要減小包的大小，以便縮短用戶加載頁面的時間。
BundlePhobia 幫你分析，向你的項目添加一個 npm 包，會使你的項目變大多少。你可以直接將package.json文件上傳到這個網站，獲得項目中所有包的分析結果，也可以搜索具體某個包的詳細信息。
計算 pdfmake 庫的大小
9. Fingerprint.js
瀏覽網站，完成網站記錄。但是，通過網站來獲取瀏覽器的一系列唯一標識并非易事。
幸運的是，我們可以使用這個庫生成瀏覽器唯一標識，這既不需要用到 cookie，也不需要用到任何可能隨時被惡意用戶隨時重置的數據。它快速提取網頁瀏覽器的大量屬性，既可以單獨使用它們，也可以用它們生成散列值，用于標識用戶的唯一性。
當你在做一個 Web 項目時，這個工具提取的屬性是最有可能替代移動設備的 UUID 的。
你可以從 CDN 引用這個庫，或者通過npm包來安裝它。
從瀏覽器提取用戶信息
