Chrome網頁介面測試載入器_chrome

網頁介面測試載入器開發背景

在web開發中，伺服器端和用戶端的開發與測試必不可少，但是測試的工作往往需要伺服器端完成之後，用戶端才能進行測試，這無疑延後了測試流程，導致伺服器端開發完成後，無法進行充分的資料測試，很容易造成伺服器端和用戶端開發完成後出現不協調的情況，而今天給大家推薦的這款HTTP工具，可以提前對伺服器端代碼進行測試。 Postman Postman簡介 Postman是一款功能強大的 網頁調試與 發送網頁HTTP請求的Chrome外掛程式。
Postman官方網站：http://www.getpostman.com/ 使用者在開發或者調試網路程式或者是網頁B/S模式的程式的時候是需要一些方法來跟蹤網頁請求的，使用者可以使用一些網路的監視工具比如著名的Firebug等網頁調試工具。今天給大家介紹的這款網頁調試工具不僅可以調試簡單的css、html、指令碼等簡單的網頁基本資料，它還可以發送幾乎所有類型的HTTP請求。Postman在發送網路HTTP請求方面可以說是Chrome外掛程式類產品中的代表產品之一。
當開發人員需要調試一個網頁是否運行正常，並不是簡簡單單地調試網頁的HTML、CSS、指令碼等資訊是否運行正常，更加重要的是網頁能夠正確是處理各種HTTP請求，畢竟網頁的HTTP請求是網站與使用者之間進行互動的非常重要的一種方式，在動態網站中，使用者的大部分資料都需要通過HTTP請求來與伺服器進行互動。
Postman外掛程式就充當著這種互動方式的“橋樑”，它可以利用Chrome外掛程式的形式把各種類比使用者HTTP請求的資料發送到伺服器，以便開發人員能夠及時地作出正確的響應，或者是對產品發布之前的錯誤資訊提前處理，進而保證產品上線之後的穩定性和安全性。
在Chrome中安裝了Postman外掛程式以後，使用者只需要在調試網站的時候啟動Postman外掛程式來進行幾項簡單的配置就可以實現對該網站的基本資料修改和發送各種類型的HTTP到該網站中，使用者在發送HTTP資料的時候可以在編寫相關測試資料的時候加入一定量的參數資訊讓測試資料更加準確，而這一切Postman都會完美地支援。
開發人員在使用Postman的時候也許需要經常調試同一個網站或者是同時調試多個網站，如果每次開啟Postman外掛程式都要重新設定一遍那樣會顯得非常麻煩，Postman也考慮到使用者的這一個人化需求，所以在Postman的配置頁面中，使用者可以添加或者管理多個網站使用者啟動Postman的時候就能自動開啟相應的設定。
DHC DHC的簡介 DHC是一款使用chrome類比REST用戶端向伺服器發送測試資料的Google瀏覽器外掛程式。DHC是一款可以協助使用者使用chrome外掛程式類比HTTP用戶端發送測試資料到伺服器的Google瀏覽器外掛程式，在chrome中安裝了DHC外掛程式以後，就可在伺服器端代碼初步完成的時候，使用DHC進行資料測試，以便更早地瞭解到程式的BUG和需求。DHC外掛程式的使用方式也非常簡單，只需要輸入伺服器端的地址，以及發送的方式和資料內容，就可以向伺服器端發送指定的資料，並擷取伺服器端的傳回值。 DHC的使用方法 1.在Google瀏覽器中安裝DHC外掛程式，並在Chrome的擴充器中啟動HTTP用戶端的功能。
2.開啟DHC外掛程式以後，在其中的文字框中輸入伺服器端的地址和資料內容，以及選擇發送資料的方法，並點擊發送按鈕，如圖所示：

3.在發送成功以後，頁面的下方就會顯示出發送的狀態，以及伺服器端的返回資訊，如圖所示：

4.使用者可以儲存一個伺服器端的測試地址到DHC外掛程式中，以便更加方便進行測試，如圖所示：

5.使用者還可以查看伺服器返回狀態的詳細資料，包括的多個HEADER資訊，如圖所示：

6.在伺服器端的返回內容中，使用者還可以通過DHC外掛程式直接查看這些資料的原始碼，如圖所示：


DHC的注意事項 1.DHC是一款可以類比HTTP用戶端向伺服器發送指定資料的Google瀏覽器外掛程式。
2.在使用DHC外掛程式的時候，使用者需要首先搭建一個HTTP伺服器。
Advanced rest client 簡介 Advanced REST Client是 Chrome 瀏覽器下的一個外掛程式，通過它可以發送 http、https、WebSocket 請求。 安裝 可以直接在 Chrome 商店下搜尋 Advanced REST Client，即可找到。 如果打不開chrome商店，可以下載安裝。步驟如下， 1.下載外掛程式：Advanced Rest Client
2.因為最新版的Chrome不支援本地安裝外掛程式，所以我們要使能開發人員模式
3.把外掛程式尾碼名crx改為zip，解壓，然後點擊‘載入正在開發的擴充程式’， 選擇解壓目錄就可以載入成功
使用