前端工程師必備的在線工具箱
Web 工程師 Ivan Zuzak 近日在博客中列出了一份基于 Web 的開發工具清單，涉及應用程序的開發、測試、調試和文檔編寫。
這些工具都是 Ivan 本人所用過的，或者是正在使用的，并符合以下特征：
- 基于 Web，無需你去擴展或托管
- 免費使用，或提供某種免費計劃
- 通用，而非只適用于特定的平臺
- 對 Web 工程師非常實用，不止針對網站設計 </ul>
這些工具包括：
1. RequestBin
你可以創建一個 URL，然后通過 RequestBin 收集針對該 URL 的請求，然后通過一個非常友好的方式來查看這些請求。
2. Hurl
輸入一個 URL，設置 header，然后查看響應。類似工具：REST test test、Apigee console
3. httpbin
一個 HTTP 請求和響應服務，涵蓋所有類型的 HTTP 場景，如不同的 HTTP 動詞、狀態碼、重定向等。類似工具：UrlEcho
4. REDbot
一個用于檢測 HTTP 資源的自動化工作，可以幫助你找出常見問題，并提出改進建議。類似工具：HTTP lint
5. WebGun
用于創建模板化 webhooks 的 API，幫助你輕松管理、提交、跟蹤 webhooks。類似工具：UrlReq.
6. Apify
可以將現有 HTML 網站或 wiki 頁面中的數據轉換成 JSON API 形式。
7. Unicorn
W3C 統一驗證工具，可以執行針對 HTML 和 CSS 的各種檢測。類似工具：HTML lint
W3C 的 RSS/ATOM 訂閱語法檢測工具。
9. Link checker
從網站中提取鏈接，并檢查是否存在重復定義或重定向問題。
10. Host tracker
網站監測工具，功能包括分布式 ping/trace 檢測、定期監測、Email/SMS/IM 通知、統計等。類似工具：Down for everyone or just me、Pimgdom ping service.
測試網頁的加載時間，并通過分析、監控，找出瓶頸，支持以 HAR 格式導出結果。類似工具：Web page test
12. HAR viewer
可以使 HTTP 跟蹤工具生成的 HAR 日志文件更加直觀化。
13. CORS proxy
允許你網站中的 JavaScript 代碼訪問其他域中的資源。通常，由于同源策略，此行為會被阻止。
14. Browserling
允許在一個瀏覽器中測試你的應用程序在所有主流瀏覽器中的表現。
通過 WebSocket Echo 服務器，允許你在瀏覽器中測試 WebSocket 連接。
16. YQL
一個類 SQL 語言，允許你跨 Web 服務查詢、過濾、添加數據。
17. Yahoo Pipes
雅虎的 Feed 再聚合工具，可以通過可視化的操作，將多個 Feed 源聚合在一起。
18. Apiary
用于生成 REST API 文檔的工具。類似工具：Swagger