点击下方图片有惊喜,精美礼品等你来拿哦 |
---|
文章目录
-
- ?? 抓包工具介绍
- ?? Chrome 开发者工具
在之前的章节我们介绍了接口测试到底是什么以及它的一些基础定义,从该章节开始将正式开始怎么样去做接口测试。实际上现实生活中做任何事情都需要做一些准备工作,做接口测试也是如此。
为此需要做一定量的准备,如果我们要测试的是公司内部项目的话,可以去和开发了解一下接口的详情,比如让开发人员提供对应的接口文档,文档中定义好接口请求是什么;
但如果需要测试的是第三方应用,在这种没有接口测试文档的情况下,应该要怎么做呢时候就需要做一件事情,就是把在 页上操作的、发出的一些跟后台交互的请求转变成我们人眼可视化的请求,这个过程就是接下来几章节将要讲的内容 —>
抓包是有工具的,不是人的肉眼可得的,所以在接下来的两个章节主要是两点:
- 第一点就是介绍一些常用的抓包工具。
- 第二点就是介绍介绍一个专业的最常见的抓包工具 – Fiddler (感兴趣的话可以参考我之前写的这篇 《一文学会 – Fiddler抓包快速实战》)
?? 抓包工具介绍
抓包工具有很多,比如程序员常用的 ,安全领域常用的 等。 这里我们主要介绍程序员工作中常用的两种类型的抓包工具。
- 第一种:就是浏览器中经常使用的,叫做开发者工具,它是浏览器内置的一个工具。主要表现为 等浏览器。
- 第二种:就是基于代理的抓包工具功能很强大;强大的地方在于它把自己编程一个中间态的服务器,能够直接处理包括手机抓包、浏览器抓包等等情况,除此之外还可以模拟弱 、拦截请求、定制响应等等…
?? Chrome 开发者工具
接下来我们就从 介绍一下抓包的情况,打开开发者工具的常用快捷键 或者 。
可以从图中看到,开发者工具有很多的功能,后面的我们可以不用看,只需要关注前四个功能即可,下面就简单的介绍一下这四个功能。
- Elements:HTML元素面板,用于定位查看元素源代码。(页面HTML解析之后的源代码,查看元素展示的地方)
- Console:js控制台面板,js命令行,查看前端日志;(主要目的是为了查看前端页面实时的js日志;还可以执行js语句)
- Sources:资源面板,用于断点调试js。(前端的源代码,可以帮助我们进行前端源代码的调试)
- Network:请求信息面板,查看请求与响应的信息;这个功能就是;它能够展示出真正的与后台交互的HTTP请求的内容。(见下图访问 CSDN – 个人博客首页的GET请求。)
拜了个拜
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!