Web工程師的工具箱：進行開發調試的工具集

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

Web工程師線上工具箱

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

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

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

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

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

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

 

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

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

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

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

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

12.JSONLint JSON 格式驗證程式

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

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

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

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

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

18.Mirrorrr  一個可以用來鏡像某網頁的應用（經常被國人用來搞Web Proxy來翻牆）。

19.SSL Checker  測試SSL認證

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

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

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

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

24.HAR viewer：通過 HTTP 追蹤工具建立可視化的HTTP Archive (HAR)記錄檔。

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

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

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

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

29.Webshell 使用命令列指令碼的方式來調用一些Web API。

30.Yahoo Pipes：一個圖形化的使用者介面，用於建立資料混搭，產生彙總Web源，Web頁面和其他服務。

31.Apiary：語言和工具用於產生REST API文檔及進行互動式督查。類似工具：Swagger。

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

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

未在列表的工具

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

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

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

4.Open exchange rates – 一個和匯率貨幣相關的JSON式的API。這樣的API你可以到 Programmable Web 上尋找。

5.Workflowy, LastCalc, Codepad, Mailinator and 10MinuteMail, one timesecret and CopyPasteCharacter – 這些App似乎和Web開發沒什麼關係。

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

7.Scriptular and Rubular – Regex工具，這樣的工具太多了，如： ReFiddle, Regex pal and Txt2Re。

 文章來源：酷殼