playwright中的page.on('console', log_console)

### 如何在 Playwright 中使用 `page.on('console')` 监听 Console 事件并记录日志 #### 背景介绍 在 Playwright 的 Python API 中，`page.on(event, callback)` 是一种强大的工具，可以用来监听页面中的各种事件。通过绑定 `'console'` 类型的事件，开发者能够捕获网页控制台的日志消息，并将其保存到文件或其他存储介质中。 以下是关于如何实现这一功能的具体方法以及完整的代码示例： --- #### 实现方式 1. **引入必要的模块** 需要导入 `sync_playwright` 模块以启动同步模式下的 Playwright 浏览器实例[^1]。 2. **定义回调函数** 定义一个名为 `console_msg` 的回调函数，用于接收来自页面控制台的消息参数 (`msg`) 并提取其内容。此函数会遍历 `msg.args` 来获取传递给控制台的实际值，并将这些值转换为 JSON 字符串形式后写入指定的日志文件[^1]。 3. **初始化浏览器与上下文** 利用 `p.chromium.launch()` 启动 Chromium 浏览器实例，并设置无头模式和其他选项（如减速因子）。接着创建一个新的浏览上下文和空白标签页[^1]。 4. **绑定事件处理器** 使用 `page.on("console", console_msg)` 将前面定义好的 `console_msg` 函数作为响应 `'console'` 事件的处理逻辑附加至当前页面对象上[^2]。 5. **访问目标网站** 导航至所需测试的目标 URL 地址并通过调用 `page.wait_for_load_state("networkidle")` 确保所有网络请求都已加载完毕后再继续后续流程。 6. **结束操作** 当整个过程完成后关闭资源释放内存空间即可完成全部工作流[^1]。 --- #### 示例代码 以下提供了一个具体的例子展示怎样利用上述步骤来捕捉百度首页加载过程中产生的任何一条 JavaScript 控制台输出信息并将它们追加进本地磁盘上的文本档里去: ```python from playwright.sync_api import sync_playwright def console_msg(msg): """ 抓取 console 日志 :param msg: 页面控制台消息对象 """ values = [] for arg in msg.args: print(msg.text) # 输出原始消息字符串 try: value = f"{arg.json_value()}" # 获取JSON序列化的参数值 except Exception as e: value = str(arg) # 如果无法解析则转成字符串表示形式 finally: values.append(value) # 写入 log 文件 with open('console.log', 'a', encoding='utf-8') as fp: fp.write(' '.join(values) + '\n') with sync_playwright() as p: browser = p.chromium.launch(headless=False, slow_mo=100) context = browser.new_context() page = context.new_page() # 绑定 console 事件监听器 page.on("console", lambda m: console_msg(m)) # 访问站点 page.goto("https://www.baidu.com/") page.wait_for_load_state("networkidle") print("执行完成") ``` --- #### 注意事项 - 上述脚本运行期间将会打开图形界面版 Chrome 或 Edge 浏览器窗口显示实际交互画面；如果希望完全静默后台运作的话只需把 `headless=True` 即可。 - 对于某些特殊类型的控制台输入可能不会被简单地当作常规变量对待而是呈现复杂结构体的情况我们加入了异常保护机制确保即使遇到难以预料的数据类型也能妥善处置而不至于中断整体进程[^1]. ---