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 代理來翻牆）。

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 – 正則表達式工具，這樣的工具太多了，如： ReFiddle, Regex pal and Txt2Re。

 文章來源：酷殼