Web工程師的工具箱

本文出自Ivan Zuzak 的《The Web engineer’s online toolbox》，作者給了一個各種可以用來進行開發、測試、除錯以及文件編排的線上工具集。（注：我發現CSDN上已經有了這篇文章《Web工程師必備的18款工具》，但可惜的是這篇文章並不全（原文後來被更新到了33個工具），而且其中並沒有包括原文評論中出現的所有工具，所以，我一併補全了更出來，一共40多個工具）

Web工程師線上工具箱

• RequestBin：允許你建立一個URL，利用這款工具進行收集請求，然後通過個性化方式進行檢查。

• Hurl：發出HTTP請求，輸入URL，設定標題，檢視響應，最後分享給其他人。類似的工具有：REST test test, Apigee console.。

• Httpbin：HTTP請求&響應服務，涵蓋所有的HTTP方案（例如不同的HTTP verbs、狀態程式碼和重定向）。類似工具：UrlEcho。

• REDbot：這是一個機器人工具，幫助使用者檢查HTTP資源，可檢視它的操作情況，指出常見的問題並提出改進。類似工具：HTTP lint。

• WebGun：用於建立webhooks模板的API。類似工具：UrlReq。

• Webscript  自選一個url，填一段Lua程式碼，就能對訪問做各種respond，還可以主動執行任務，cron job等等…

• ClickHooks 這是一個短網址服務， 當使用者訪問了你的這個短網址跳轉連結，伺服器會通過HTTP POST的方式回撥你的一個URL。這也是一種WebHooks方式。（陳皓注：所謂WebHooks，你可以理解為一種trigger，或是一種handler，比如當你你提交了程式碼，會呼叫某個URL連結以POST的方式告訴那個網站你提交了程式碼（如：發一個twitter 之類的，或是通知某個bug tracker系統））

• MailHooks 讓你可以通過HTTP POST方法收電子郵件（又叫WebHooks），你可以為你的一個郵件地址建立N多的hooks，當一個郵件收到了，可以把這個郵件以POST的方式發到你的某個URL上去。

• Quilla 提供一個人們可以找到你的短網站服務，在那裡，當人們提交到你的短網址上的請求會給你發郵件。好像是一種HTTP到SMTP的代理服務。

• Apify：公開鎖定在HTML文件沒有任何API資料集。APIfy從結構標記中提取資料，並將其轉換為JSON APIs。

• Unicorn：W3C統一的驗證程式，可在各種流行的HTML和CSS驗證器中執行各種檢查。類似工具：HTML lint。

• JSONLint JSON 格式驗證程式

• Feed validator：支援W3C驗證，為RSS和ATOM提供閱讀源。

• Link checker：從網站中提取連結（遞迴）並確保沒有連結被定義為兩次（重複定義），所有的連結被引用並警告HTTP重新定向。

• Host tracker：通過分散式ping/跟蹤檢查、定期監測、郵件/SMS /IM通知和統計進行網站檢測性服務。類似工具有：Down for everyone or just me, Pimgdom ping service

• ViewDNS 一組 DNS 和網路工具，如：反向IP解析，DNS記錄查詢或traceroute之類的。

• Necrohost  一個URL列表來模擬不同網路連結的問題，如：響應慢，無法解析DNS，或是404什麼的。

• Mirrorrr  一個可以用來映象某網頁的應用（經常被國人用來搞Web 代理來翻牆）。

• SSL Checker  測試SSL認證

• CSR/Cert decoder  對你的CSR和SSL認證decode檢查。

• Loadzen  Web壓力測試工具（注：以前酷殼介紹過《十個Web壓力測試工具》）

• Pingdom Full page test：允許使用者測試網頁記載時間、分析、監控，發現瓶頸並匯出HAR格式的結果。類似工具：Web page test。

• Google PageSpeed Insights Analyzes the content of a web page, then generates suggestions to make that page faster.

• HAR viewer：通過 HTTP 追蹤工具建立視覺化的HTTP Archive (HAR)日誌檔案。

• CORS proxy：通常會由於相同的域而被阻止，而這款工具在網站上允許JavaScript程式碼訪問其他域上的資源，

• Browserling：支援使用所有主要瀏覽器以及各種版本進行互動式跨瀏覽器測試。

• WebSocket Echo Test: 從瀏覽器定向到WebSocket echo伺服器進行WebSocket連線測試。

• YQL：極富表現力類似於SQL的語言，允許您查詢、篩選和聯接資料跨Web服務。

• Webshell 使用命令列指令碼的方式來呼叫一些Web API。

• Yahoo Pipes：一個圖形化的使用者介面，用於建立資料混搭，生成聚合Web源，Web頁面和其他服務。

• Apiary：語言和工具用於生成REST API文件及進行互動式督查。類似工具：Swagger。

• JSFiddle  一個線上的程式碼編輯可以讓你編譯一些HTML, CSS 和 JavaScript的東西，並演示之。相似工具: JSBin

• Google Feed API 你可以使用這個API來查詢有RSS Feed的網站 (example)，或是搜尋有RSS Feed(example) ，或是把JSON變成一個JSON返回 (example)

未在列表的工具

• Fiddler – 可能是最強大最好用的Web除錯工具之一，它能記錄所有客戶端和伺服器的http和https請求，允許你監視，設定斷點，甚至修改輸入輸出資料. 使用Fiddler無論對開發還是測試來說，都有很大的幫助。.

• 960 grid system generator 和 CSS reset – 兩個關注於Web站點設計的工具。

• NuvolaBase – 一個可以共享個人私有資料的解決方案。正如作者所說，這不是一個開發工具。

• Open exchange rates – 一個和匯率貨幣相關的JSON式的API。這樣的API你可以到 Programmable Web 上查詢。

• Workflowy, LastCalc, Codepad, Mailinator and 10MinuteMail, One time secret and CopyPasteCharacter – 這些App似乎和Web開發沒什麼關係。

• Browsershots – 一個用來測試網頁在不同平臺下的工具。（參看）

• Scriptular and Rubular – 正規表示式工具，這樣的工具太多了，如： ReFiddle, Regex pal and Txt2Re。

（全文完）