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






