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