Web工程師的工具箱

jopen 11年前發布 | 16K 次閱讀 web

  本文出自 Ivan Zuzak 的《The Web engineer’s online toolbox》,作者給了一個各種可以用來進行開發、測試、調試以及文檔編排的在線工具集。

  Web 工程師在線工具箱

  • RequestBin允許你創建一個 URL,利用這款工具進行收集請求,然后通過個性化方式進行檢查。
  • </ul>

    • Hurl發出 HTTP 請求,輸入 URL,設置標題,查看響應,最后分享給其他人。類似的工具有:REST test testApigee console.。
    • </ul>

      • HttpbinHTTP 請求&響應服務,涵蓋所有的 HTTP 方案(例如不同的 HTTP verbs、狀態代碼和重定向)。類似工具:UrlEcho
      • </ul>

        • REDbot這是一個機器人工具,幫助用戶檢查 HTTP 資源,可查看它的操作情況,指出常見的問題并提出改進。類似工具:HTTP lint
        • </ul>

          • WebGun用于創建 webhooks 模板的 API。類似工具:UrlReq
          • </ul>

            • Webscript  自選一個 url,填一段 Lua 代碼,就能對訪問做各種 respond,還可以主動運行任務,cron job 等等…
            • </ul>

              • ClickHooks 這是一個短網址服務, 當用戶訪問了你的這個短網址跳轉鏈接,服務器會通過 HTTP POST 的方式回調你的一個 URL。這也是一種 WebHooks 方式。(陳皓注:所謂 WebHooks,你可以理解為一種 trigger,或是一種 handler,比如當你你提交了代碼,會調用某個 URL 鏈接以 POST 的方式告訴那個網站你提交了代碼(如:發一個 推ter 之類的,或是通知某個 bug tracker 系統))
              • </ul>

                • MailHooks 讓你可以通過 HTTP POST 方法收電子郵件(又叫 WebHooks),你可以為你的一個郵件地址創建N多的 hooks,當一個郵件收到了,可以把這個郵件以 POST 的方式發到你的某個 URL 上去。
                • </ul>

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

                    • Apify公開鎖定在 HTML 文檔沒有任何 API 數據集。APIfy 從結構標記中提取數據,并將其轉換為 JSON APIs。
                    • </ul>

                      • UnicornW3C 統一的驗證程序,可在各種流行的 HTML 和 CSS 驗證器中執行各種檢查。類似工具:HTML lint
                      • </ul>

                        • JSONLint JSON 格式驗證程序
                        • </ul>

                          • Feed validator支持 W3C 驗證,為 RSS 和 ATOM 提供閱讀源。
                          • </ul>

                            • Link checker從網站中提取鏈接(遞歸)并確保沒有鏈接被定義為兩次(重復定義),所有的鏈接被引用并警告 HTTP 重新定向。
                            • </ul>

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

                                • ViewDNS 一組 DNS 和網絡工具,如:反向 IP 解析,DNS 記錄查詢或 traceroute 之類的。
                                • </ul>

                                  • Necrohost  一個 URL 列表來模擬不同網絡鏈接的問題,如:響應慢,無法解析 DNS,或是 404 什么的。
                                  • </ul>

                                    • Mirrorrr  一個可以用來鏡像某網頁的應用(經常被國人用來搞 Web 代理來KX上網)。
                                    • </ul>

                                      • SSL Checker  測試 SSL 認證
                                      • </ul>

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

                                          • Loadzen  Web 壓力測試工具(注:以前酷殼介紹過《十個 Web 壓力測試工具》)
                                          • </ul>

                                            • Pingdom Full page test允許用戶測試網頁記載時間、分析、監控,發現瓶頸并導出 HAR 格式的結果。類似工具:Web page test
                                            • </ul>

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

                                                • HAR viewer通過 HTTP 追蹤工具創建可視化的 HTTP Archive (HAR)日志文件。
                                                • </ul>

                                                  • CORS proxy通常會由于相同的域而被阻止,而這款工具在網站上允許 JavaScript 代碼訪問其他域上的資源,
                                                  • </ul>

                                                    • Browserling支持使用所有主要瀏覽器以及各種版本進行交互式跨瀏覽器測試。
                                                    • </ul>

                                                      • WebSocket Echo Test: 從瀏覽器定向到 WebSocket echo 服務器進行 WebSocket 連接測試。
                                                      • </ul>

                                                        • YQL極富表現力類似于 SQL 的語言,允許您查詢、篩選和聯接數據跨 Web 服務。
                                                        • </ul>

                                                          • Webshell 使用命令行腳本的方式來調用一些 Web API。
                                                          • </ul>

                                                            • Yahoo Pipes一個圖形化的用戶界面,用于創建數據混搭,生成聚合 Web 源,Web 頁面和其他服務。
                                                            • </ul>

                                                              • Apiary語言和工具用于生成 REST API 文檔及進行交互式督查。類似工具:Swagger
                                                              • </ul>

                                                                • JSFiddle  一個在線的代碼編輯可以讓你編譯一些 HTML, CSS 和 JavaScript 的東西,并演示之。相似工具: JSBin
                                                                • </ul>

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

                                                                      未在列表的工具

                                                                    • Fiddler – 可能是最強大最好用的 Web 調試工具之一,它能記錄所有客戶端和服務器的 http 和 https 請求,允許你監視,設置斷點,甚至修改輸入輸出數據. 使用 Fiddler 無論對開發還是測試來說,都有很大的幫助。.
                                                                    • </ul>