Puppeteer + TypeScript 模拟 Ctrl + A 操作

最新推荐文章于 2024-08-02 12:59:12 发布

原创

最新推荐文章于 2024-08-02 12:59:12 发布 · 868 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#软件测试 #typescript #测试工程师

本文介绍如何使用Puppeteer和TypeScript来模拟键盘的Ctrl + A组合键，实现页面内容全选的功能。在前端UI自动化测试中，这种模拟操作对于测试某些交互场景非常有用。

使用Puppeteer + TypeScript 模拟 Ctrl + A 操作

在使用 puppeteer 第三方库进行前端UI自动化测试时，经常需要模拟部分的按键的操作，以下是模拟按键 Ctrl + A 操作，其他相关操作类似，具体代码如下：

import puppeteer from 'puppeteer';

// 模拟 Ctrl + A
async function controlA(page: puppeteer.Page) {
   
   
    await page.waitFor

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Warolitbos

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南

墩墩分墩

08-16

8905

**Playwright是微软在` 2020 年初 `开源自动化测试工具，功能和 selenium 类似，都可以驱动浏览器进行各种自动化操作。** - 支持主流浏览器，如Chrome、Firefox、Safari 等，同时支持以**无头模式、有头模式**运行，并提供了**同步、异步的 API**，可以结合 `主流测试框架`使用，并且支持浏览器端的自动化脚本录制等功能。 **特点：** - 跨浏览器：Playwright 支持所有现代渲染引擎，包括Chromium、WebKit 和 Firefox； - 跨

Python cdp ( Chrome DevTools Protocol ) 爬虫

墨鱼菜鸡

07-11

4122

devtools-protocol：https://github.com/ChromeDevTools/devtools-protocol Chrome DevTools Protocol：https://chromedevtools.github.io/devtools-protocol/ Awesome Chrome DevTools ：https:...

参与评论您还未登录，请先登录后发表或查看评论

Puppeteer: 虚拟键盘

weixin_33935777的博客

06-04

563

文档 main.js const pptr = require('puppeteer'); const gotoUrl = 'http://127.0.0.1:5500/index.html'; (async () => { const browser = await pptr.launch({ headless: false, slowMo: 250, }); ...

puppeteer-typescript-ts-jest-jest-assert：Puppeteer端到端测试自动化样板，使用TypeScript，ts-jest，Jest和Assert

02-15

木偶样板 Puppeteer端到端测试自动化样板，使用，，和。克隆或派生此存储库。入门 1. git clone git@github.com:e2e-boilerplate/puppeteer-typescript-ts-jest-jest-assert.git 2. cd puppeteer-typescript-ts-jest-jest-assert 3. npm install 4. npm run test 有关更多样板，请单击

Botmation：一个简单的TypeScript框架，用于使用Puppeteer声明性地构成Web搜寻器

02-14

介绍是一个简单的声明性框架，用于使用在TypeScript中构建机器人。它遵循一种简单，可组合的模式，专注于称为BotAction的单一类型的函数。 BotActions可以完成所有工作，从爬网和抓取Web的简单任务到登录和自动化社交媒体，一应俱全。它们是可组合的，因此易于组装。可能性是无止境！ “一切都应该尽可能简单，但不要简单。” - 艾尔伯特爱因斯坦为什么选择Botmation？它以简单的模式赋予Puppeteer代码以最大程度地提高代码可读性，可重用性和可测试性。它的结构设计预先构建了带有安全默认值的代码，用于使用更少的代码构建机器人。它鼓励您按照自己的进度进行学习，以探索函数式编程的可能性。它具有100％的源代码测试覆盖率。入门 Botmation是一个用TypeScript编写的NodeJS库。你需要安装LTS和打字稿编译器（ tsc ）全球

使用TypeScript和Puppeteer实现验证码识别登录

asfdsgdf的博客

08-02

601

Tesseract.js 是 Tesseract OCR 引擎的 JavaScript 封装，可以在 Node.js 环境中使用。console.log('识别出的验证码:', captchaText);使用 Tesseract.js 识别图片验证码。使用npm安装Puppeteer和其他依赖。// 等待几秒以确保登录完成。安装Node.js和npm。二、打开网站并设置浏览器窗口。三、截取带有验证码的网页内容。五、输入账号、密码和验证码。

puppeteer键盘按键

04-23

3837

await page.keyboard.sendCharacter('嗨'); ---ctrl+A--- await page.keyboard.down('Control'); await page.keyboard.press('KeyA'); await page.keyboard.up('Control'); await page.keyboard.type("手机") -...

自动化学习技术揭秘：从模拟点击到浏览器控制的全过程解析

本文系统梳理了自动化学习的基本原理、核心技术与应用场景，深入分析了用户行为模拟、模拟点击、浏览器控制等关键技术机制，并探讨了当前自动化过程中面临的稳定性、安全性及维护性挑战。同时，本文结合实际案例，...

cocos 屏幕适配刘海屏

最新发布

03-28

- 使用`Ctrl+Shift+F`强制刷新布局 --- ### 五、测试验证方法 | 测试类型 | 验证工具 | 关键指标 | |----------|----------|----------| | iOS真机 | Xcode View Hierarchy | 查看层级是否超出安全区 | | Android...

如何用Jest和TypeScript调用Puppeteer库

前端技术小哥

08-13

1136

客户端测试通常使用Selenium，它可自动执测试行任务。但是，您可能不需要Selenium那种重量级的或者那么多功能的框架。如果您正在寻找一种更轻巧，易于使用的工具...

extracao-de-dados:将Typescript和NodeJS与Puppeteer结合使用以从页面提取数据并将其发送到数据库

05-02

挑战目标这项挑战的重点是从网站提取数据，从而使用Puppeteer进行抓取，使用Typescript和NodeJS从该网站的页面中提取各种信息。提取的信息被发送到MongoDB，我用单词“ transport”提取了它。对于每个搜索结果，有必要从每个页面中提取以下信息：主要标题（例如：普通法案（L）103/2019）会议情况主题事项作者菜单项目流程（项目，输入，截止日期，返回）跑步在完成所有必要的安装之后，您可以通过键入以下命令在终端上运行该文件：npm run build node build /src/main.js 执行命令后，它将打开一个快速显示信息的选项卡，并执行提取并将其发送到MongoDB（已使用的数据库）节点类型脚本样板为开发人员准备：全面的模型。立即可用于大多数[Node.js] 项目。 :person_running_medium_skin_tone:即时价值：包括和配置的所有基本工具：

Puppeteer使用示例详解

01-01

PhantomJS曾经是无头浏览器里的王者，测试、爬虫等都在使用，随着GoogleChrome Headless的出现，PhantomJS的作者已经明确表示不在更新，而GoogleChrome Headless将会是未来爬虫的趋势，而测试将依然会使用Webdriver那套方案，GoogleChrome Headless可以利用WebDriver调用，也可以使用其集成的API——Puppeteer（操纵木偶的人），他的功能和他的名字一样强大，可以随意操控Chrome或Chromeium，缺点就是只有node的API,来看看他的图标： Puppeteer是基于DevTools协议来控制head

分享一个nodejs+TypeScript+puppeteer编写的web爬虫 ppspider

chucan1381的博客

07-12

792

码云 Github 示例 import { AddToQueue, appInfo, DbHelperUi, FromQueue, Job, Launcher, logger, OnStart, RequestUtil } fro...

TypeScript实现点击展开div的效果

Sophie1797的博客

03-14

3913

在前端中，我们经常可以看到一个列表中，点击某一行的某个按钮这一行就展开来，呈现一个div，本文来介绍一下这种效果的实现。首先，我们在Student类中写一个boolean类型的expand属性，设默认值为false，也就是默认状态下是不展开的。然后我们写一个expand函数,该函数的功能是将当前对象的expand属性取反。 expand(student: Student){ st...

【杂谈】利用Puppeteer-core下载Chromium来减少TypeScript项目体积

东方怂天的博客

10-31

780

首先利用 puppeteer-core 里的函数 executablePath() 获得下载路径，然后通过下载路径获得 Chromium 当前平台和版本号，然后利用 BrowserFetcher 进行下载。功能此处用VS-Code插件作为展示，其他爬虫或者Electron平台等都类似，源码在此查看。 VS-Code里直接执行 Hello World 命令去激活插件，等待下载完成信息提示后，执行 Puppeteer Show 命令去调用无头浏览器即可。环境需求 Puppeteer-core 而不是

js模拟快捷键操作

JiangJunDriver的博客

06-14

2467

/** 这是一个简单的实例，重点在于理解js模拟快捷键操作的思想。 */ $(window).keydown(function(e){ if(e.keyCode==74&&e.ctrlKey){ // e.preventDefault(); alert("按下了ctrl+S`````"); } })

pyppeteer操作实例

RayMand168的博客

10-16

657

pypeteer操作实例

使用clipboard.js实现ctrl+A全选复制功能

weixin_44540711的博客

07-14

1304

项目中使用百度富文本编辑器（ueditor），需要用到一键复制功能，目的是将ueditor中编辑好的文章复制到微信公众号中去进行发布，但是使用ueditor接口获取到的是包含html代码的内容，微信公众号文章编辑器没办法直接添加这个代码样式，所以需要实现类似于全选复制的功能，在网上找了一圈发现没有合适的教程，所以自己使用clipboard.js来实现自己想要的功能，实现思路如下实现原理：获取ueditor编辑器内容，放入到div中，调用clipboard.js方法复制div内容 1、下载clipboa.

puppeteer经验之谈从入门到进阶

weixin_42551915的博客

05-08

1408

puppeteer使用经验，常见问题的解决，节点获取的技巧，在这里，你可以学到你想要的。

React + Redux + TypeScript项目模板快速启动指南

React项目中通常会使用如Jest或Mocha等测试框架进行单元测试，使用Cypress或Puppeteer进行端到端测试。开发环境的搭建也是项目成功的关键，通常需要有代码热替换、错误监控、性能监控等功能。 ### 知识点六：持续...