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

本文介绍了在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 实现 `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、付费专栏及课程。

余额充值