当前位置: 首页 > news >正文

chrome 录制器及性能分析工具的使用

需求背景:

对比不同VPN方案网络延迟的差异。

验证工具:

chrome浏览器自带的录制器、性能插件可以完美的解决这个问题。
注意:录制的操作都在当前页面,不存在新开标签页的场景

解决方案:

  1. 使用chrome录制器,对特定网站进行脚本录制
  2. 验证及优化录制脚本:特定网页空间的等待延迟、键盘输入的控制、校验步骤(根据具体场景,可加可不加)
  3. 使用不同VPN工具,使用chrom录制的"性能面板",等待脚本回放,并生成页面性能分析结果

录制脚本实例:

  1. 在特定网站页面打开开发者工具,打开录制器
    在这里插入图片描述

  2. 创建新的录制任务,可以根据需要设置选择器
    在这里插入图片描述

  3. 在页面中进行业务操作。本实例为:在百度页面进行chrome浏览器下载搜索
    在这里插入图片描述

  4. 重放验证脚本可重复使用。重放可以选择重放的速度,有正常、慢、非常慢、极慢四种选择。
    在这里插入图片描述
    在这里插入图片描述

  5. 录制脚本优化:

    • 如果需要把脚本在不同设备上执行,会涉及到显示器分辨率的问题。可以修改设置视图节点,指定页面大小。
      在这里插入图片描述

    • 如果浏览器地址栏地址中还有参数变量,录制的脚本重新执行会报错。可以删除导航节点,因为导航节点有事件断言。
      在这里插入图片描述

    • 如果执行的速度比较快,可能会出现某些元素没有出现的时候,就完成了点击、输入、滚动等操作,会导致回放异常终止。需要增加一些等待操作。默认添加的步骤为等待操作
      在这里插入图片描述
      在这里插入图片描述

  6. 性能面板完成页面性能分析
    在这里插入图片描述

  7. 导出性能分析结果
    在这里插入图片描述

  8. 导出录制脚本。如果还需要导入chrome执行,选择JSON。
    在这里插入图片描述

http://www.lryc.cn/news/380076.html

相关文章:

  • 如何打造稳定、好用的 Android LayoutInspector?
  • C++ Thead互斥量死锁,mutex如何防止死锁---C++11多线程快速学习
  • Ubuntu 之Glade图形化设计器
  • 152. 乘积最大子数组
  • proactor模式
  • Charles抓包工具
  • RabbitMQ如何保证消息可靠
  • 学习笔记——路由网络基础——路由的高级特性
  • 网络编程之XDP、TC和IO_URING以及DPDK
  • 晶谷高温烧结导电浆料用低熔点玻璃粉 晶谷耐高温导电漆导电油墨高温玻璃粉
  • 【Mysql】DQL操作单表、创建数据库、排序、聚合函数、分组、limit关键字
  • Excel 常用技巧(四)
  • 【Linux 基础】文件与目录管理
  • C++系列-String(一)
  • 服务器硬件的基础知识
  • java基于ssm+jsp 汽车在线销售系统
  • 【干货】Android中高级开发进阶必备资料(附:PDF+视频+源码笔记)
  • AI通用写作模版,可以在此基础上进行修改
  • openEuler2203SP3自定义ios
  • 一年又一年志愿
  • NL2SQL进阶系列(1):DB-GPT-Hub、SQLcoder、Text2SQL开源应用实践详解
  • OpenGL3.3_C++_Windows(15)
  • 出海计划 | 赴马来西亚开展水环境项目考察暨2024中马水务合作论坛
  • NeRF从入门到放弃5: Neurad代码实现细节
  • 【雷丰阳-谷粒商城 】【分布式高级篇-微服务架构篇】【11】ElasticSearch
  • Pip换源详解
  • 【Docker】——安装镜像和创建容器,详解镜像和Dockerfile
  • 利用LinkedHashMap实现一个LRU缓存
  • git-pull详解
  • 【SQL】count(1)、count(*) 与 count(列名) 的区别