python+playwright 学习-40.page.evaluate()执行JavaScript脚本

最新推荐文章于 2025-07-08 08:00:37 发布
最新推荐文章于 2025-07-08 08:00:37 发布
阅读量431 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： playwright 文章标签： python 学习 javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_27371025/article/details/133044987
本文介绍了在Python中使用Playwright库如何通过page.evaluate()和page.evaluate_handle()来执行JavaScript脚本。page.evaluate()返回执行结果，而page.evaluate_handle()则返回JSHandle。文中提供了简单的示例，包括获取页面title和模拟登录场景，强调了在无法直接操作元素时，利用JavaScript脚本辅助解决问题的重要性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前言

大家在学selenium的时候，对于页面上的有些元素不好操作的时候，可以使用driver.execute_script() 方法执行JavaScript脚本。
在playwright 中也有类似的方法，使用page.evaluate()执行JavaScript脚本。
page.evaluate()和page.evaluate_handle()之间的唯一区别是page.evaluate_handle()返回JSHandle。

  • page.evaluate() 返回调用执行的结果
  • page.evaluate_handle()返回JSHandle

page.evaluate()

此方法返回evaluate() 返回执行JavaScript脚本的结果，使用示例

简单示例

print(page.evaluate("1 + 2")) # prints "3"
x = 10
print(page.evaluate(f"1 + {x}")) # prints "11"

也可以是执行一个函数

res = page.evaluate("() => 'Hello World!'",)
print(res
了解本专栏 订阅专栏 解锁全文 超级会员免费看
python+playwright 学习-41.locator.evaluate()对定位的元素执行JavaScript脚本
qq_27371025的博客
03-29 203
前言 page.evaluate() 是直接在页面对象上执行JavaScript脚本 locator.evaluate() 是对定位的元素执行JavaScript locator.evaluate_all() 对定位到的所有元素执行JavaScript locator.evaluate() 对元素执行JavaScript 先用locator 方法定位到元素, 再对元素执行JavaScript #...
【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南
墩墩分墩
08-16 6579
**Playwright是微软在` 2020 年初 `开源自动化测试工具，功能和 selenium 类似，都可以驱动浏览器进行各种自动化操作。** - 支持主流浏览器，如Chrome、Firefox、Safari 等，同时支持以**无头模式、有头模式**运行，并提供了**同步、异步的 API**，可以结合 `主流测试框架`使用，并且支持浏览器端的自动化脚本录制等功能。 **特点：** - 跨浏览器：Playwright 支持所有现代渲染引擎，包括Chromium、WebKit 和 Firefox； - 跨
Playwright基础学习——脚本执行
u011843342的博客
04-11 1304
注意：为了兼容异步和同步，如果传回Promise，将会等待Promise执行完成有数据才会返回数值，所以可以在非async中正常用Promise脚本。page.evaluate()是基础的方法，传入一个 EvaluationArgument 实现传参。
Playwright库page.evaluate()方法执行JavaScript 表达式
book_dw5189的博客
03-31 3907
page.evaluate() 是 Playwright 中一个非常强大和灵活的方法，可以让您在浏览器环境中执行任意 JavaScript 代码，并与 Python 代码进行交互，从而实现各种复杂的任务。
page.evaluate(pageFunction, ...args)详解
weixin_30784945的博客
10-11 4310
page.evaluate(pageFunction, ...args) pageFunction<[function]|[string]> 要在页面实例上下文中执行的方法 ...args<...[Serializable]|[JSHandle]> 要传给pageFunction的参数 返回: <[Promise]<[Serializable]...
最强自动化测试框架Playwright（18）- 执行js脚本
seanyang_的博客
08-13 1994
page.evaluate()方法接收一个参数，这个参数可以can be a mix of Serializable values and JSHandle or ElementHandle instances。API 可以在网页上下文中运行 JavaScript 函数，并将结果带回 Playwright 环境。
Puppeteer：在page.evaluate()中传参
路漫漫其修远兮，吾将上下而求索。
10-15 9089
const links = await page.evaluate((evalVar) => { console.log(evalVar); // should be defined now … }, evalVar); 坑爹，这个传参问题，我找了好久，终于解决了。
python：playwright 自动等待和断言（csdn）————程序.pdf
12-03
例如，可以通过`page.mouse.wheel()`进行滚动，`page.drag_and_drop(source, target)`实现拖放操作，`page.evaluate()`执行JavaScript片段等。 总之，Playwright提供了一整套丰富的API来处理网页元素，配合自动等待...
python+playwright 学习-52 iframe 定位与操作元素，监听事件，执行JS脚本总结
qq_27371025的博客
04-17 340
前言 本篇全面总结关于iframe 的定位，iframe上元素的操作(输入框，点击等)，iframe 上的事件监听 与iframe上执行JS脚本的总结。 iframe 对象的定位 定位iframe 对象，总的来说有四种方法 page.frame_locator(selector) 通过page对象直接定位iframe 对象，传selector 选择器参数 page.locator(sele...
Hello Playwright：(9)执行 JavaScript 代码
dotNET跨平台
08-03 1550
Playwright 提供了大量的 API 用于与页面元素交互，但是在某些场景下还是不能完全满足要求。比如我们需要获得包括元素本身的 HTML，但是目前只有下列 API :InnerHTMLAsync 返回元素内的 HTML 内容InnerTextAsync 返回元素内的文本内容而使用 JavaScript 执行element.outerHTML是可以获取到包括元素本身的...
（16）Java+Playwright自动化测试-iframe操作-监听事件和执行js脚本
最新发布
专注于技术分享的博主
07-08 729
前边主要讲解和分享了一下iframe的基础知识，以及一些常见的定位方法，最后进行了一下总结。这篇主要来讲解和分享一下如何监听iframe上的事件和在iframe上如何执行JavaScript脚本代码。
Go语言使用Playwright自动化测试、录屏、执行js
小龙在线
03-08 3723
Go版本的Playwright支持Chromium、Firefox和WebKit的Web自动化测试，兼容Windows、Linux和MacOS，默认支持headless无头模式，安装方便、绿色高效、兼容性强、运行速度快。支持的主要功能有：跨多个页面、域名和iframe的场景；在执行操作（如单击、填充）之前自动等待元素就绪；拦截网络活动以拦截和模拟网络请求；模拟移动设备、地理位置和权限；通过阴影穿透选择器支持web组件；鼠标和键盘的原生事件；上传和下载文件；
playwright的一些使用(包括JavaScript的执行）
我们一起进步吧
06-21 430
如果想要在click之后，调整viewport size，可以在click后使用。我们也可以使用ViewportSize实现上述功能。退出debug，继续执行下面的脚本。使用JS滑动页面到最底部。
page.evaluate Vs. Puppeteer $ methods
funnyPython的博客
08-28 583
之前一直在用puppeteer, 一直没有研究evaluate和$eval的区别，我使用的感觉是$eval和$$eval更好用一点，代码比较清楚。因为有时候传递参数，函数的时候还是挺麻烦的，而且报错什么的也不太方便。直到今天看了这篇文章，才发现之前的想法有些问题，应该用evaluate, 除了性能会好之外，而且方便调试，直接粘贴到控制台就可以用。这样的话，其实绑定函数也就不是什么问题了。 参考： https://stackoverflow.com/questions/55664420/page-evalua
Python+Playwright自动化测试-JavaScript的调用执行
NHB234567的博客
05-16 1544
在做web自动化时，有些情况playwright的api无法完成以及无法应对，需要通过或者借助第三方手段比如js来完成实现，比如：去改变某些元素对象的属性或者进行一些特殊的操作，本文讲解playwright怎样来调用JavaScript完成特殊操作。
如何利用 Puppeteer 的 Evaluate 函数操作网页数据
ip16yun的博客
11-21 963
在现代的爬虫技术中，Puppeteer 因其强大的功能和灵活性而备受青睐。Puppeteer 是一个用于控制 Chromium 或 Chrome 浏览器的 Node.js 库，提供了丰富的 API 接口，能够帮助开发者高效地处理动态网页数据。本文将重点讲解 Puppeteer 的 evaluate 函数，结合代理 IP 技术，演示如何采集目标网站（如界面新闻）上的文章标题和摘要。
Playwright中的JSHandle句柄对象与浏览器JavaScript 对象
book_dw5189的博客
03-11 1174
通过执行 JavaScript 表达式，你可以在 Playwright 中获取 JavaScript 句柄，然后使用这些句柄来执行各种操作，如获取属性、调用方法等。
Web自动化测试之playwright：执行JavaScript脚本
测试开发小记
12-02 8930
playwright也支持执行JavaScript脚本，playwright本身就是一个Node.js库，本文介绍playwright-python执行js脚本的方法。
python Playwright优化页面等待和处理异步操作
aobulaien001的博客
09-07 5056
在使用 Playwright 进行页面自动化时，优化页面等待和处理异步操作是非常重要的，可以提高脚本的稳定性和执行效率。**1. 使用正确的等待条件：**Playwright 提供了多种等待条件，如等待元素出现、等待元素可见、等待元素消失等。根据具体的场景，选择合适的等待条件来等待页面加载完成或特定元素的出现。**2. 显式等待：**在某些情况下，页面可能需要更长的时间来加载或处理某些操作。
使用python playwright 过window.addEventListener和window.removeEventListener 监听事件 检测
03-25
### 使用 Python Playwright 实现 `window.addEventListener` 和 `window.removeEventListener` Playwright 是一种强大的自动化工具，可以用于浏览器操作和测试。要实现对 JavaScript 的 `window.addEventListener` 和 `window.removeEventListener` 方法的支持，可以通过注入自定义脚本到页面上下文中来完成。 以下是具体的方法： #### 注入自定义脚本来监听事件 通过 Playwright 提供的 `page.evaluate()` 或者 `page.add_script_tag()` 方法，可以在目标网页上运行任意 JavaScript 脚本。这使得我们可以轻松地调用 `addEventListener` 来捕获特定事件，并将其数据传递回 Python 环境。 下面是一个完整的例子，展示如何使用 Playwright 添加并移除窗口级别的事件监听器： ```python from playwright.sync_api import sync_playwright with sync_playwright() as p: browser = p.chromium.launch() page = browser.new_page() # 导航至指定 URL page.goto('https://example.com') # 定义一个函数，在前端环境中注册点击事件监听器 add_event_listener_code = """ (callback) => { const handleClickEvent = () => callback(JSON.stringify({ eventType: 'click', timestamp: Date.now(), })); window.addEventListener('click', handleClickEvent); return handleClickEvent; } """ # 将回调绑定到 Python 函数 handle_click_event = [] def on_event(data): data_dict = eval(data) print(f"Received Event Data: {data_dict}") handle_click_event.append(data_dict) # 执行 JS 并返回句柄以便稍后删除该监听器 remove_handle = page.evaluate(add_event_listener_code, on_event) # 模拟触发一次点击事件 page.mouse.click(100, 100) # 移除事件监听器 remove_event_listener_code = f""" ({remove_handle}) => {{ window.removeEventListener('click', {remove_handle}); }} """ page.evaluate(remove_event_listener_code, remove_handle) browser.close() ``` 上述代码展示了以下几个要点： - **动态添加事件监听器**：利用 `add_event_listener_code` 动态创建了一个匿名函数作为事件处理程序[^1]。 - **跨环境通信机制**：通过将 JSON 数据字符串化并通过参数传给外部 Python 回调函数的方式实现了前后端交互[^2]。 - **安全清理资源**：最后一步确保了不再需要时能够正确卸载已安装好的事件处理器[^3]。 #### 注意事项 当遇到超时错误如 `playwright._impl._errors.TimeoutError: Locator.click: Timeout...` 时，请确认定位表达式的准确性以及等待时间设置是否合理。如果确实存在长时间加载的情况，则应适当增加 timeout 参数值或者改用更精确的选择器路径。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值