Chrome开发者工具

  • Elements: HTML元素面板，用于定位查看元素源代码
  • Console: js控制台面板，js命令行，查看前端日志
  • Sources: 资源面板，用于断点调试js
  • Network: 请求信息面板，查看请求及响应信息
  • Timeline: 时间线面板，记录网站生命周期内所发生的各类事件
  • Profiles: 事件详情面板
  • Application: 本地存储，Session存储等资源信息
  • Secuity: 判断当前网页是否安全
  • Audits: 网络性能诊断

1. Console: 外观及功能控制

  • 录制：记录或停止记录请求
  • 清空： 清空所有请求
  • 抓取快照：按帧捕获屏幕事件
  • 过滤: 请用关闭过滤功能
  • 搜索：搜索请求
  • Group by frame：按框架分组
  • Preserve log：页面重载时保留请求
  • Disable cache：禁用缓存
  • Offline：断网及弱网模拟

2. Filters: 请求过滤器

3. Overview: 资源时间轴

4. Requests Table: 请求列表

  • Name: 资源名称
  • Status: HTTP状态码
  • Initiator: 请求源
  • Size: 从服务器下载的文件和请求的资源大小。如果是从缓存中取得的资源则该列会显示(from cache)
  • Timeline: 显示所有网络请求时间状态轴

5. Summary: 请求总数，数据传输量，加载时间信息

  • DOMContentLoaded：页面上DOM完全加载并解析完毕
  • load：页面上所有DOM、CSS、JS、图片完全加载完毕

导出请求：

  • 右击请求 -> Copy -> Copy as fetch / Copy as cUrl

【Python+postman接口自动化测试】（6）Chrome开发者工具的更多相关文章

  1. 【Python+postman接口自动化测试】（3）什么是接口测试？

    什么是接口测试? 接口测试是测试系统组件间接口的一种测试.接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点.测试的重点是要检查数据的交换.传递和控制管理过程,以及系统间的相互逻辑依 ...

  2. 【Python+postman接口自动化测试】（5）抓包工具Fiddler简介

    Fiddler简介 Fiddler 4.6 下载 http://www.downza.cn/soft/234727.html 为什么使用Fiddler? 可以抓到请求数据,查看Raw格式/表单格式/J ...

  3. 【Python+postman接口自动化测试】（2）什么是接口？

    接口的概念 接口又称API(Application Programming Interface,应用程序编程接口),是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的 ...

  4. 【Python+postman接口自动化测试】（8）以青云客机聊天器人和图灵聊天机器人接口示范python发送get和post

    以青云客机器人和图灵机器人接口示范python发送get和post 发送请求,我们这里主要使用Python的一个第三方包(需要先安装):requests. Python3自带的http.client和 ...

  5. 【Python+postman接口自动化测试】（7）Postman 的使用教程

    Postman v6的使用 Postman: 简单方便的接口调试工具,便于分享和协作.具有接口调试,接口集管理,环境配置,参数化,断言,批量执行,录制接口,Mock Server, 接口文档,接口监控 ...

  6. 【Python+postman接口自动化测试】（4）HTTP 协议

    前言 HTTP:超文本传输协议,是用于从WWW服务器传输超文本到本地浏览器的传输协议. HTTP协议是一种无状态协议,主要包含请求和相应两大部分. 请求(Request) get请求示范: GET h ...

  7. 【python+postman接口自动化测试】（1）网络基础知识

    一.IP地址 就像每个人都有一个身份证号码 IP地址是IP协议提供的一种统一的地址格式,它为互联网上的每一个网络和每一台主机分配一个逻辑地址. 查看IP命令: Windows: ipconfig Li ...

  8. python+requests接口自动化测试

    转自https://my.oschina.net/u/3041656/blog/820023 原来的web页面功能测试转变成接口测试,之前大多都是手工进行,利用postman和jmeter进行的接口测 ...

  9. python+requests接口自动化测试框架实例详解

    python+requests接口自动化测试框架实例详解   转自https://my.oschina.net/u/3041656/blog/820023 摘要: python + requests实 ...

随机推荐

  1. php 解决返回数据 数字 变成科学计数法后转换问题

    链接 https://blog.csdn.net/liuxin_0725/article/details/81514961 问题 id int型 数字过长,json_decode的时候已经转成科学计数 ...

  2. SVN与LDAP服务器整合验证

    说明:svn的访问是以svn://协议访问的,一般都是用http协议访问,所以要使用apache的httpd服务器apache已经添加了对ldap服务器的支持,所以svn的认证过程是使用apache代 ...

  3. nginx 配置文件(支持thnkphp3.2~5)

    server { listen 8080 ; server_name localhost; set $root /var/www/myweb; #listen 443 ssl; #ssl_certif ...

  4. 关于URL encode和parse

    from urllib import parses = 'https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=1&tn=baidu& ...

  5. english note [6.3to6.9]

    6.3 http://www.51voa.com/VOA_Special_English/pakistan-town-struggles-with-rise-in-hiv-infections-821 ...

  6. 关于go mod 的使用和goland 配置 go mod

    一.关于go modules 1.1 go modules 是go1.11 新加的特性 现在已有go 1.13.4 了本人用了就是最新版的 1.2关于modules 官方定义 模块是相关Go包的集合. ...

  7. 基于 Vuex 的时移操作（撤回/恢复）实现

    最近做了一个 BI 平台的可视化看板编辑器,项目刚做完一期,各方面的功能都还能粗糙,但该有的也都有了,比如编辑器场景下最基本的两类时移操作-撤回(undo) 和恢复 (redo). 用 vuex 实现 ...

  8. oeasy教您玩转vim - 53 - # 批量替换

    查找细节 回忆上节课内容 我们温习了关于搜索的相关内容 /正向,?反向 n保持方向,N改变方向 可以设置 是否忽略大写小写 是否从头开始查找 是否高亮显示 还有一些正则表达式的使用方法 行头行尾 ^$ ...

  9. java 从零开始手写 RPC (01) 基于 websocket 实现

    RPC 解决的问题 RPC 主要是为了解决的两个问题: 解决分布式系统中,服务之间的调用问题. 远程调用时,要能够像本地调用一样方便,让调用者感知不到远程调用的逻辑. 这一节我们来学习下如何基于 we ...

  10. 洛谷2151[SDOI2009]HH去散步（dp+矩阵乘法优化）

    一道良好的矩阵乘法优化\(dp\)的题. 首先,一个比较\(naive\)的想法. 我们定义\(dp[i][j]\)表示已经走了\(i\)步,当前在点\(j\)的方案数. 由于题目中限制了不能立即走之 ...