Playwright库page.evaluate()方法执行JavaScript 表达式

2024-03-31 09:20
文章标签 java 方法 script 表达式 执行 page evaluate playwright

本文主要是介绍Playwright库page.evaluate()方法执行JavaScript 表达式，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

page.evaluate() 方法是 Playwright 中常用的方法之一，用于在页面上下文中执行 JavaScript 代码。它允许在浏览器环境中执行各种操作，如操作 DOM 元素、获取页面数据、执行复杂的计算等，并将结果返回到 Node.js 或 Python 代码中。

在 Playwright 中，page.evaluate() 方法的基本语法如下：

result = await page.evaluate(script, *args)

其中：

  • script 是一个 JavaScript 字符串，表示要在页面上下文中执行的代码。
  • args 是可选参数，可以传递给 JavaScript 代码的参数列表。

page.evaluate() 方法会在页面的 JavaScript 环境中执行指定的代码，并返回执行结果。如果代码中有异步操作，您可以使用 await 关键字来等待执行完成。

# 获取页面标题
title = await page.evaluate('document.title')# 在页面中查找所有链接的数量
links_count = await page.evaluate('document.querySelectorAll("a").length')# 计算两个数字的和
result = await page.evaluate('(a, b) => a + b', 3, 4)# 获取页面中某个元素的文本内容
element_text = await page.evaluate('(selector) => document.querySelector(selector).innerText', '.my-element')

page.evaluate() 方法在 Playwright 和 Puppeteer 中的使用方式非常相似，都是用于在页面上下文中执行 JavaScript 代码，并返回执行结果。这使得它成为执行各种操作的强大工具，如数据提取、页面操作、自动化测试等。 

-------
evaluate 方法是 Playwright 库在版本 1.8 中新增的功能，用于在浏览器环境中执行 JavaScript 表达式并获取其结果。它能够处理同步和异步函数，并支持向这些函数传递参数。

主要特点包括：

  1. 执行 JavaScript 表达式：您可以将函数或包含 JavaScript 表达式的字符串传递给 page.evaluate() 方法。

  2. 处理 Promise：如果传递给 page.evaluate() 的函数返回一个 Promise，则该方法会等待 Promise 解析，并返回其值。

  3. 处理非可序列化值：如果函数返回一个非可序列化值，比如函数本身或特殊的数值，如 -0、NaN、Infinity 或 -Infinity，方法会解析为 undefined。不过，Playwright 还支持传输这些额外的值。

  4. 传递参数：您可以向 JavaScript 表达式/函数传递参数。这些参数可以作为数组提供，并且可以在表达式内部访问到。

  5. 与 ElementHandle 的结合使用：您还可以将 ElementHandle 实例作为参数传递给 page.evaluate()，从而可以直接在浏览器环境中操作 DOM 元素。

  6. 自动函数调用：如果表达式评估为一个函数，则 page.evaluate() 会自动调用它。

以下是page.evaluate() 使用方法的示例：

# 传递函数和参数
result = await page.evaluate("([x, y]) => Promise.resolve(x * y)", [7, 8])
print(result)  # 输出: 56# 传递包含表达式的字符串
print(await page.evaluate("1 + 2"))  # 输出: 3
x = 10
print(await page.evaluate(f"1 + {x}"))  # 输出: 11# 传递 ElementHandle 实例
body_handle = await page.evaluate("document.body")
html = await page.evaluate("([body, suffix]) => body.innerHTML + suffix", [body_handle, "hello"])
await body_handle.dispose()

 在这个例子中：

  • 我们传递了一个函数 (x, y) => Promise.resolve(x * y)，以及参数 [7, 8]，以异步方式计算两个数字的乘积。
  • 我们将简单的算术表达式和变量传递给 page.evaluate()，以在浏览器环境中执行计算。
  • 我们获取 <body> 元素的 innerHTML 并在浏览器环境中与后缀连接起来。

----------

使用 page.evaluate() 方法时，您可以利用它来执行各种任务，包括但不限于：

  1. 操作 DOM 元素：您可以使用 JavaScript 来查找、修改或操作页面上的 DOM 元素。例如，您可以通过 document.querySelector() 或 document.querySelectorAll() 方法来选择元素，并使用其他 DOM API 来进行操作。

    # 查找单个元素
element = await page.evaluate('document.querySelector("h1")')# 查找多个元素
elements = await page.evaluate('document.querySelectorAll("p")')

  2. 获取页面内容：您可以检索页面的文本内容、属性值、样式信息等。这对于提取页面信息以进行后续分析或操作非常有用。

    # 修改元素的文本内容
await page.evaluate('document.querySelector("h1").textContent = "New Heading"')# 修改元素的样式
await page.evaluate('document.querySelector("p").style.color = "red"')# 添加类名
await page.evaluate('document.querySelector("div").classList.add("highlight")')

  3. 模拟用户操作：您可以执行一系列操作，如点击、填写表单、提交表单等，以模拟用户与页面的交互。这对于自动化测试或爬取动态网页内容非常有用。

    # 点击按钮
await page.evaluate('document.querySelector("button").click()')# 填写表单字段
await page.evaluate('document.querySelector("input[type=\\"text\\"]").value = "John Doe"')# 提交表单
await page.evaluate('document.querySelector("form").submit()')# 模拟键盘输入
await page.evaluate('document.querySelector("input[type=\\"text\\"]").value = "Hello, World!"')

  4. 执行复杂的计算：如果您需要在页面上执行一些复杂的计算或操作，page.evaluate() 可以帮助您在浏览器环境中执行这些操作，并将结果返回到 Python 代码中。

    result = await page.evaluate('''() => {// 在页面上执行复杂的计算function complexCalculation(a, b) {return Math.sqrt(a*a + b*b);}// 调用复杂计算函数return complexCalculation(3, 4);
}''')print("结果:", result)  # 输出: 5

  5. 处理页面事件：您可以在页面上触发事件，如点击、拖放、键盘输入等，以测试页面的交互性或模拟用户的操作行为。

    # 模拟点击事件
await page.evaluate('document.querySelector("button").click()')# 模拟键盘输入事件
await page.evaluate('document.querySelector("input").value = "Hello, World!"')
await page.evaluate('document.querySelector("input").dispatchEvent(new Event("input"))')

  6. 与页面中的 JavaScript 函数交互：如果页面中定义了 JavaScript 函数，您可以使用 page.evaluate() 来调用这些函数，并传递参数给它们。

    #假设页面中有以下 JavaScript 函数：
// 页面中定义的 JavaScript 函数
function greet(name) {return "Hello, " + name + "!";
}#可以使用 page.evaluate() 来调用这个函数，并传递参数给它：
# 在 Python 中调用页面中定义的 JavaScript 函数
result = await page.evaluate('greet("John")')
print(result)  # 输出：Hello, John!

  7. 执行页面注入脚本：您可以将自定义的 JavaScript 脚本注入到页面中，以实现特定的功能或修改页面行为。

    # 创建新元素并添加到页面中
await page.evaluate('''const newElement = document.createElement("div");newElement.textContent = "New Element";document.body.appendChild(newElement);
''')# 移除现有元素
await page.evaluate('document.querySelector(".old-element").remove()')

总的来说，page.evaluate() 是 Playwright 中一个非常强大和灵活的方法，可以让您在浏览器环境中执行任意 JavaScript 代码，并与 Python 代码进行交互，从而实现各种复杂的任务。

 

这篇关于Playwright库page.evaluate()方法执行JavaScript 表达式的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/863990。

相关文章

Python19 lambda表达式

Python19 lambda表达式

在 Python 中，lambda 表达式是一个小型匿名函数，通常用于实现简单、单行的函数。lambda 函数可以接受任意数量的参数，但只能有一个表达式。 基本语法： lambda arguments: expression 这里，arguments 是传递给 lambda 的参数，expression 是关于这些参数的表达式，它的计算结果就是 lambda 函数的返回值。 使用
阅读更多...
问题：第一次世界大战的起止时间是 #其他#学习方法#微信

问题：第一次世界大战的起止时间是 #其他#学习方法#微信

问题：第一次世界大战的起止时间是 A.1913 ~1918 年 B.1913 ~1918 年 C.1914 ~1918 年 D.1914 ~1919 年 参考答案如图所示
阅读更多...
Java五子棋之坐标校正

Java五子棋之坐标校正

上篇针对了Java项目中的解构思维，在这篇内容中我们不妨从整体项目中拆解拿出一个非常重要的五子棋逻辑实现：坐标校正，我们如何使漫无目的鼠标点击变得有序化和可控化呢？ 目录 一、从鼠标监听到获取坐标 1.MouseListener和MouseAdapter 2.mousePressed方法 二、坐标校正的具体实现方法 1.关于fillOval方法 2.坐标获取 3.坐标转换 4.坐
阅读更多...
Spring Cloud：构建分布式系统的利器

Spring Cloud：构建分布式系统的利器

引言 在当今的云计算和微服务架构时代，构建高效、可靠的分布式系统成为软件开发的重要任务。Spring Cloud 提供了一套完整的解决方案，帮助开发者快速构建分布式系统中的一些常见模式（例如配置管理、服务发现、断路器等）。本文将探讨 Spring Cloud 的定义、核心组件、应用场景以及未来的发展趋势。 什么是 Spring Cloud Spring Cloud 是一个基于 Spring
阅读更多...
[word] word设置上标快捷键 #学习方法#其他#媒体

[word] word设置上标快捷键 #学习方法#其他#媒体

word设置上标快捷键 办公中，少不了使用word，这个是大家必备的软件，今天给大家分享word设置上标快捷键，希望在办公中能帮到您！ 1、添加上标 在录入一些公式，或者是化学产品时，需要添加上标内容，按下快捷键Ctrl+shift++就能将需要的内容设置为上标符号。 word设置上标快捷键的方法就是以上内容了，需要的小伙伴都可以试一试呢！
阅读更多...
Javascript高级程序设计(第四版)--学习记录之变量、内存

Javascript高级程序设计(第四版)--学习记录之变量、内存

原始值与引用值 原始值：简单的数据即基础数据类型，按值访问。 引用值：由多个值构成的对象即复杂数据类型，按引用访问。 动态属性 对于引用值而言，可以随时添加、修改和删除其属性和方法。 let person = new Object();person.name = 'Jason';person.age = 42;console.log(person.name,person.age);//'J
阅读更多...
java8的新特性之一（Java Lambda表达式）

java8的新特性之一（Java Lambda表达式）

1：Java8的新特性 Lambda 表达式： 允许以更简洁的方式表示匿名函数（或称为闭包）。可以将Lambda表达式作为参数传递给方法或赋值给函数式接口类型的变量。 Stream API： 提供了一种处理集合数据的流式处理方式，支持函数式编程风格。 允许以声明性方式处理数据集合（如List、Set等）。提供了一系列操作，如map、filter、reduce等，以支持复杂的查询和转
阅读更多...
大学湖北中医药大学法医学试题及答案，分享几个实用搜题和学习工具 #微信#学习方法#职场发展

大学湖北中医药大学法医学试题及答案，分享几个实用搜题和学习工具 #微信#学习方法#职场发展

今天分享拥有拍照搜题、文字搜题、语音搜题、多重搜题等搜题模式，可以快速查找问题解析，加深对题目答案的理解。 1.快练题 这是一个网站 找题的网站海量题库,在线搜题,快速刷题~为您提供百万优质题库,直接搜索题库名称,支持多种刷题模式:顺序练习、语音听题、本地搜题、顺序阅读、模拟考试、组卷考试、赶快下载吧! 2.彩虹搜题 这是个老公众号了 支持手写输入，截图搜题，详细步骤，解题必备
阅读更多...
Java面试八股之怎么通过Java程序判断JVM是32位还是64位

Java面试八股之怎么通过Java程序判断JVM是32位还是64位

怎么通过Java程序判断JVM是32位还是64位 可以通过Java程序内部检查系统属性来判断当前运行的JVM是32位还是64位。以下是一个简单的方法： public class JvmBitCheck {public static void main(String[] args) {String arch = System.getProperty("os.arch");String dataM
阅读更多...
电脑不小心删除的文件怎么恢复？4个必备恢复方法！

电脑不小心删除的文件怎么恢复？4个必备恢复方法！

“刚刚在对电脑里的某些垃圾文件进行清理时，我一不小心误删了比较重要的数据。这些误删的数据还有机会恢复吗？希望大家帮帮我，非常感谢！” 在这个数字化飞速发展的时代，电脑早已成为我们日常生活和工作中不可或缺的一部分。然而，就像生活中的小插曲一样，有时我们可能会在不经意间犯下一些小错误，比如不小心删除了重要的文件。 当那份文件消失在眼前，仿佛被时间吞噬，我们不禁会心生焦虑。但别担心，就像每个问题
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2