首页 技术 正文
技术 2022年11月23日
0 收藏 337 点赞 4,232 浏览 814 个字

一、工具简单介绍

  • F12可用于网站界面、性能测试,bug定位等

以 www.baidu.com 为例:

Chrome F12 谷歌开发者工具解析

Elements:查看页面元素属性(多用于自动化元素定位)

Console:记录日志信息(用于定位前后端问题)

Sources:页面所有资源(测试不常用)

Network:类比抓包获取的信息,可以查看请求报文和响应报文以及加载时间等(常用)

Performance:页面性能工具

Memory:后续补充(测试暂未用过)

Application:后续补充

Security:后续补充

Audits:后续补充

二、Network 详解(常用)

  • 查看Network基本信息,请求了哪些地址及每个URL的网络相关请求信息都可以看的到URL,响应状态码,响应数据类型,响应数据大小,响应时间等

Chrome F12 谷歌开发者工具解析

  • 网络请求时部分相关可用于测试的功能

Chrome F12 谷歌开发者工具解析

Preserve log:当选择保留日志,重新加载url当前界面时,之前请求显示的资源信息,会保留下来,不会清空

Disable cache:当打开开发者工具时生效,打开这个开关,则页面资源不会存入缓存,可以从Status栏的状态码看文件请求状态

Online:设置模拟限速,如上图所示。设置限速可以模拟处于各种网络环境下的不同用户访问本页面的情况

  • Waterfall能分割重要的请求耗时,查看具体请求耗时在哪个地方

Chrome F12 谷歌开发者工具解析

我们具体分析下里面每个各代表什么意思,分别耗时多少,通过这个来分析服务器到底是哪个环节出了问题:

Queueing 是排队的意思

Stalled 是阻塞  请求访问该URL的主机是有并发和连接数限制的,必须要等之前的执行才能执行之后的,这段时间的耗时

DNS Lookup 是指域名解析所耗时间

Initial connection 初始化连接时间,这里一般是TCP 3次连接握手时间

SSL https特有,是一种协议

Request sent 发送请求所消耗的时间

Waiting 等待响应时间,这里一般是最耗时的

Content Download 下载内容所需要消耗的时间

微信扫一扫

支付宝扫一扫

本文网址:https://www.zhankr.net/141175.html

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:875 阅读:5,090
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:806 阅读:3,509
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:565 阅读:4,320
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:730 阅读:4,315
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:4,920
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:3,105
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站