Puppeteer记录操作过程及优秀的开源插件(五)

2023-10-17 03:01

本文主要是介绍Puppeteer记录操作过程及优秀的开源插件(五),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Puppeteer记录操作过程及优秀的开源插件(五)

在这里插入图片描述

在这里插入图片描述

    • Puppeteer记录操作过程及优秀的开源插件(五)
        • 一、简介
        • 二、自动生成测试代码
        • 三、优秀的开源插件
        • 四、参考案例

一、简介

本节我们将介绍通过浏览器工具记录用户的实际操作,并且进行生成相应的 nodeJS 代码,然后能够进行对过程的重放。避免所有的脚本都需要用户进行编写,从而减轻代码编写的过程,而且增加代码的稳定性。
接下来还会介绍一些常用的已经实现的比较优秀的插件库的列表集,可以根据自己的需求快速的使用到自己的项目中。

二、自动生成测试代码

自动生成代码的过程是使用谷歌浏览器自带的功能 Recorder功能 进行记录,我们只需要进行操作UI界面即可以自动记录操作过程,不再需要我们编写代码了,并且能够按照我们的需要切换对应的语言。

首先我们通过检查页面打开开发者工具,然后选择工具栏上面的 Recorder 选项。
在这里插入图片描述

如果之前没有做过记录,则会显示空白页面,如果之前有做过记录,则会显示之前的操作记录列表,则会如上图显示,我们能够进行针对具体的项目重放或者删除编辑。

在这里插入图片描述

开始点击 Create a new recording 按钮进行开始

在这里插入图片描述
如上,会要求我们填写一些必要的信息,比如记录的名称和选择器属性,还有选择器的类型。这里可以根据自己的偏好进行设置。

最后点击最底部的 Start recording 的按钮开始记录。此时我们开始操作浏览器页面,我们就能够看有对应的记录。

在这里插入图片描述

最后结束记录,会生成最终的记录结果。

在这里插入图片描述

同时界面中能够看到 性能分析面板Replay 重放面板。也能够看到 Show code 按钮,用于展示生成的代码

在这里插入图片描述
在代码显示的下拉框中,我们能够看到总共有四种语言可以生成,我们选择我们熟悉的Puppeteer。
这样,我们复制生成的代码在node环境中运行就能达到和我们刚才操作一样的效果了。

三、优秀的开源插件

如此优秀的框架,必然会有很多社区支持的功能,我们在这里能够看到有人在github做了总结,在这里总结了一下,有兴趣的同学可以去看看

在这里插入图片描述

https://github.com/transitive-bullshit/awesome-puppeteer/blob/master/readme.zh.md

四、参考案例
  • 该案例基本实现了上传下载的自动化,能学到的东西较多。
    https://zhuanlan.zhihu.com/p/627805163

  • Puppeteer 不重启如何更换代理 IP
    Puppeteer 不重启如何更换代理 IP

  • 优秀插件
    https://github.com/transitive-bullshit/awesome-puppeteer/blob/master/readme.zh.md

  • 详细介绍
    https://blog.csdn.net/ZangKang1/article/details/132092578

在这里插入图片描述


这篇关于Puppeteer记录操作过程及优秀的开源插件(五)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/222508

相关文章

maven中的maven-antrun-plugin插件示例详解

《maven中的maven-antrun-plugin插件示例详解》maven-antrun-plugin是Maven生态中一个强大的工具,尤其适合需要复用Ant脚本或实现复杂构建逻辑的场景... 目录1. 核心功能2. 典型使用场景3. 配置示例4. 关键配置项5. 优缺点分析6. 最佳实践7. 常见问题

apache的commons-pool2原理与使用实践记录

《apache的commons-pool2原理与使用实践记录》ApacheCommonsPool2是一个高效的对象池化框架,通过复用昂贵资源(如数据库连接、线程、网络连接)优化系统性能,这篇文章主... 目录一、核心原理与组件二、使用步骤详解(以数据库连接池为例)三、高级配置与优化四、典型应用场景五、注意事

SpringBoot实现文件记录日志及日志文件自动归档和压缩

《SpringBoot实现文件记录日志及日志文件自动归档和压缩》Logback是Java日志框架,通过Logger收集日志并经Appender输出至控制台、文件等,SpringBoot配置logbac... 目录1、什么是Logback2、SpringBoot实现文件记录日志,日志文件自动归档和压缩2.1、

qtcreater配置opencv遇到的坑及实践记录

《qtcreater配置opencv遇到的坑及实践记录》我配置opencv不管是按照网上的教程还是deepseek发现都有些问题,下面是我的配置方法以及实践成功的心得,感兴趣的朋友跟随小编一起看看吧... 目录电脑环境下载环境变量配置qmake加入外部库测试配置我配置opencv不管是按照网上的教程还是de

使用nohup和--remove-source-files在后台运行rsync并记录日志方式

《使用nohup和--remove-source-files在后台运行rsync并记录日志方式》:本文主要介绍使用nohup和--remove-source-files在后台运行rsync并记录日... 目录一、什么是 --remove-source-files?二、示例命令三、命令详解1. nohup2.

MyBatis分页插件PageHelper深度解析与实践指南

《MyBatis分页插件PageHelper深度解析与实践指南》在数据库操作中,分页查询是最常见的需求之一,传统的分页方式通常有两种内存分页和SQL分页,MyBatis作为优秀的ORM框架,本身并未提... 目录1. 为什么需要分页插件?2. PageHelper简介3. PageHelper集成与配置3.

Maven 插件配置分层架构深度解析

《Maven插件配置分层架构深度解析》:本文主要介绍Maven插件配置分层架构深度解析,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录Maven 插件配置分层架构深度解析引言:当构建逻辑遇上复杂配置第一章 Maven插件配置的三重境界1.1 插件配置的拓扑

Idea插件MybatisX失效的问题解决

《Idea插件MybatisX失效的问题解决》:本文主要介绍Idea插件MybatisX失效的问题解决,详细的介绍了4种问题的解决方法,具有一定的参考价值,感兴趣的可以了解一下... 目录一、重启idea或者卸载重装MyBATis插件(无需多言)二、检查.XML文件与.Java(该文件后缀Idea可能会隐藏

Java使用SLF4J记录不同级别日志的示例详解

《Java使用SLF4J记录不同级别日志的示例详解》SLF4J是一个简单的日志门面,它允许在运行时选择不同的日志实现,这篇文章主要为大家详细介绍了如何使用SLF4J记录不同级别日志,感兴趣的可以了解下... 目录一、SLF4J简介二、添加依赖三、配置Logback四、记录不同级别的日志五、总结一、SLF4J

在Spring Boot中浅尝内存泄漏的实战记录

《在SpringBoot中浅尝内存泄漏的实战记录》本文给大家分享在SpringBoot中浅尝内存泄漏的实战记录,结合实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录使用静态集合持有对象引用,阻止GC回收关键点:可执行代码:验证:1,运行程序(启动时添加JVM参数限制堆大小):2,访问 htt