Web工程師的工具箱

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。

-----------------------------------------轉自 酷殼 – CoolShell.cn