Google抓包Network使用(一)

Google浏览器Network使用

  • 目录
    • 概述
      • 需求:
    • 设计思路
    • 实现思路分析
      • 1. 如何使用到Network 选项
      • 2.工具使用分析:
      • 3.Data
    • 拓展Demo实现
      • 相关代码如下:
      • 实验效果:
    • 分析:
  • 小结:
  • 参考资料和推荐阅读

CP is not home, efficient work。Don’t underestimate the judgment of others, let alone overestimate your own strength。
talk is cheap, show me the code,make a better result.

目录

Google抓包Network使用(一)_第1张图片

概述

上节的遇到了一个问题,主要讲述了POSTMan 和Swagger的调试工具。
我们重点来解决google 浏览器的Network选项。

需求:

1.goole浏览器的network 选项。

设计思路

暂无

实现思路分析

1. 如何使用到Network 选项

一般在程序中前台会向后台发送请求,我们取network为例,

打开Network选项,如果程序没报错的话,是可以到这个页面的。如果报错的话,请看上篇讲述的如何处理异常的方法。

2.工具使用分析:

Google抓包Network使用(一)_第2张图片
这里主要是 Referrer 就是 referrer 属性可返回载入当前文档的文档的 URL等信息。

2.请求头信息:
Google抓包Network使用(一)_第3张图片
sec-ch-ua可以理解用来替代user-agent的,用sec-ch-ua可以防止泄露浏览器详细信息。

3.response:
Google抓包Network使用(一)_第4张图片
这里返回server信息

3.Data

这里很重要的就是Data选项了,从这里我们可以看出对应的fromdata属性。
1.Request data 数据:
Google抓包Network使用(一)_第5张图片

在这里我们可以看到对应的数据格式,这里对应的是数组对象,每个数组对应的是JSON对象。

2.当我们执行请求的时候,会返回对应的格式数值,在 Response里面我们可以看到结果:

Google抓包Network使用(一)_第6张图片

viewSoure就是对应的我们的传输字符串

拓展Demo实现

相关代码如下:

无代码

实验效果:

分析:

小结:

主要讲述了谷歌network选项和简单处理方式,里面有许多不足,请大家指正~

参考资料和推荐阅读

  1. Http协议之Request Headers(一)
  2. 如何用Chrome开发者工具查看 HTTP 请求和响应内容.

欢迎阅读,各位老铁,如果对你有帮助,点个赞加个关注呗!~

你可能感兴趣的:(#,协议接口调试tools,postman,json,测试工具)