如何利用edge浏览器自动化测试脚本解决表单批量填充?

夏婷大大_3153

夏婷大大_3153

2026-11-04

102人浏览

原创

Playwright可自动化Edge浏览器批量填充表单,支持绕过反爬、保持登录态、触发JS事件;需安装Playwright并使用Chromium内核Edge(116+),通过page.fill()等方法操作元素,配合waitForSelector和storageState实现动态字段处理与登录态复用。

如何利用edge浏览器自动化测试脚本解决表单批量填充?

用Edge浏览器自动化测试脚本批量填充表单,能绕过网页反爬机制、保留登录态、真实触发JavaScript事件,比纯HTTP请求更可靠。

准备环境:安装Playwright和Edge驱动

打开命令行,执行:npm init -y && npm install @playwright/test。这会自动下载与当前系统匹配的Edge浏览器二进制文件,无需手动安装Edge或配置WebDriver。

Playwright内置浏览器管理,【不兼容旧版Edge Legacy,必须使用Chromium内核的Microsoft Edge(版本116+)】。若系统未安装,Playwright会在首次运行时自动拉取,路径为node_modules/.playwright/下对应目录。

编写基础填充脚本

新建fill-form.spec.ts,写入以下内容:

第一步:导入模块并定义测试用例;第二步:在test回调中启动Edge上下文,启用headless: false便于调试;第三步:用page.goto()访问目标表单页;第四步:用page.fill()按CSS选择器填充输入框,例如page.fill('input[name="username"]', 'test001');第五步:对下拉框用page.selectOption(),对复选框用page.check(),提交前务必加await page.waitForTimeout(300)防JS未就绪。

注意:若表单含动态加载字段(如城市二级联动),需在fill()后插入await page.waitForSelector('.city-dropdown')等待元素出现,否则操作会失败。

批量处理多组数据

方法一:用for...of循环遍历数组

Email Ledger
Email Ledger

报备邮件台账登记工具 — 解析 .eml(含 zip)提取关键信息,生成 Excel 台账供下载;支持模板追加、自动去重。触发词:整理邮件、报备邮件台账、邮件台账登记、邮件归档、报备登记、填写报备台账、邮件解析台账、email ledger。

下载

将数据存为二维数组:const data = [['张三', '13800138000', '北京'], ['李四', '13900139000', '上海']];循环体内调用page.fill()并每次提交后page.goto()刷新页面。

方法二:用test.describe.parallel并发执行(仅限Playwright v1.40+)

每个测试用例独立启动Page实例,避免状态污染。但并发数默认为4,超过可能触发网站频率限制,【建议配合page.route()拦截非必要资源(如图片、字体)以提速】。

处理验证码和登录态保持

若表单页需登录才能访问,不要在每次循环里重复登录。先在全局beforeAll中完成登录,保存storageState到文件;后续所有测试直接加载该状态:browser.newContext({ storageState: './auth.json' })。

遇到图形验证码:用page.screenshot()截取验证码区域→调用第三方OCR接口(如百度文字识别)→解析结果→填入输入框。此步骤必须加await等待API返回,否则会跳过校验直接提交。

这一步操作起来很简单,直接把文件拖进去就行。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
edge是什么浏览器
edge是什么浏览器

Edge是一款由Microsoft开发的网页浏览器,是Windows 10操作系统中默认的浏览器,其目标是提供更快、更安全、更现代化的浏览器体验。本专题为大家提供edge浏览器相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.21

3082

5

IE浏览器自动跳转EDGE如何恢复
IE浏览器自动跳转EDGE如何恢复

ie浏览器自动跳转edge的解决办法:1、更改默认浏览器设置;2、阻止edge浏览器的自动跳转;3、更改超链接的默认打开方式;4、禁用“快速网页查看器”;5、卸载edge浏览器;6、检查第三方插件或应用程序等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.03.05

2914

4

如何解决Edge打开但没有标题的问题
如何解决Edge打开但没有标题的问题

若 Microsoft Edge 浏览器打开后无标题(窗口空白或标题栏缺失),可尝试以下方法解决: 重启 Edge:关闭所有窗口,重新启动浏览器。 重置窗口布局:右击任务栏 Edge 图标 → 选择「最大化」或「还原」。 禁用扩展:进入 edge://extensions 临时关闭插件测试。 重置浏览器设置:前往 edge://settings/reset 恢复默认配置。 更新或重装 Edge:检查最新版本,或通过控制面板修复

2025.04.24

3272

6

PHP 命令行脚本与自动化任务开发
PHP 命令行脚本与自动化任务开发

本专题系统讲解 PHP 在命令行环境(CLI)下的开发与应用,内容涵盖 PHP CLI 基础、参数解析、文件与目录操作、日志输出、异常处理,以及与 Linux 定时任务(Cron)的结合使用。通过实战示例,帮助开发者掌握使用 PHP 构建 自动化脚本、批处理工具与后台任务程序 的能力。

2025.12.13

506

14

Figma AI自动化智能数据填充与交互生成实战
Figma AI自动化智能数据填充与交互生成实战

告别机械重复,详细演示如何用 AI 填充业务真实数据,并自动为页面添加交互连线,将静态设计稿快速转变为动态原型。

2026.05.13

345

17

Docker Desktop怎么设置端口映射
Docker Desktop怎么设置端口映射

本专题聚焦Docker Desktop容器端口映射与访问配置,整理从创建容器、设置端口绑定到验证本地服务访问的操作流程。针对端口被占用、映射配置错误、容器服务无法访问等情况,也提供相应的检查方向,方便用户完成端口配置。

2026.11.03

0

18

Docker Desktop镜像构建教程
Docker Desktop镜像构建教程

想使用Docker Desktop将本地项目构建成Docker镜像?本专题围绕镜像构建的实际操作展开,介绍Dockerfile编写、构建命令使用、镜像标签设置和构建日志查看等内容,同时整理镜像无法生成、依赖安装失败及构建缓存异常等问题的排查思路。

2026.11.03

0

11

Docker Desktop容器创建指南
Docker Desktop容器创建指南

本专题聚焦Docker Desktop容器创建与运行配置,介绍通过本地镜像或远程镜像创建容器的方法,以及容器启动、终端访问、日志查看和基础管理等操作。针对端口冲突、参数配置不当、容器无法启动等情况,也整理了相应的排查方向。

2026.11.03

0

11

Tailwind CSS 如何制作导航栏和卡片
Tailwind CSS 如何制作导航栏和卡片

用 Tailwind CSS 制作导航栏和卡片,可先搭建语义化结构,再组合 Flex、Grid、间距、圆角与阴影类。这里整理横向导航、移动端菜单、卡片网格及悬停效果的相关文章,帮助你把常见页面组件做得清晰且适配不同屏幕。

2026.11.03

0

17

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程