Chrome接口调试工具

Posted 2022-03-07 xiaoshen666

网页接口测试工具开发背景

在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客户端向服务器发送测试数据的谷歌浏览器插件。DHC是一款可以帮助用户使用chrome插件模拟HTTP客户端发送测试数据到服务器的谷歌浏览器插件，在chrome中安装了DHC插件以后，就可在服务器端代码初步完成的时候，使用DHC进行数据测试，以便更早地了解到程序的BUG和需求。DHC插件的使用方式也非常简单，只需要输入服务器端的地址，以及发送的方式和数据内容，就可以向服务器端发送指定的数据，并获取服务器端的返回值。

DHC的使用方法

1.在谷歌浏览器中安装DHC插件，并在Chrome的扩展器中启动HTTP客户端的功能。

2.打开DHC插件以后，在其中的文本框中输入服务器端的地址和数据内容，以及选择发送数据的方法，并点击发送按钮，如图所示：

3.在发送成功以后，页面的下方就会显示出发送的状态，以及服务器端的返回信息，如图所示：

4.用户可以保存一个服务器端的测试地址到DHC插件中，以便更加方便进行测试，如图所示：

5.用户还可以查看服务器返回状态的详细信息，包括的多个HEADER信息，如图所示：

6.在服务器端的返回内容中，用户还可以通过DHC插件直接查看这些数据的源代码，如图所示：

 

DHC的注意事项

1.DHC是一款可以模拟HTTP客户端向服务器发送指定数据的谷歌浏览器插件。
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，解压，然后点击‘加载正在开发的扩展程序’， 选择解压目录就可以加载成功

--------------------------------------------------------------------------------------------

安装插件：ApiDebug