首页
/ PuppeteerSharp 中 CDPSession 处理 StackTrace 的 JSON 解析问题分析

PuppeteerSharp 中 CDPSession 处理 StackTrace 的 JSON 解析问题分析

2025-06-20 11:28:59作者:郦嵘贵Just

问题背景

在使用 PuppeteerSharp 14.1.0 版本与 .NET 8 配合时,开发者发现当页面执行 console.info('text') 这类控制台日志操作后,会导致 Page 客户端意外关闭。错误信息表明在解析 Runtime.consoleAPICalled 事件时,JSON 反序列化过程中遇到了 StackTrace 的 parentId 字段解析问题。

错误现象

当页面导航完成后,检查 page.Client.IsClosed 属性会返回 true,关闭原因为 JSON 解析错误:"Error reading string. Unexpected token: StartObject. Path 'stackTrace.parentId'"。

根本原因分析

通过调试发现,问题的根源在于 Chrome DevTools Protocol 返回的 consoleAPICalled 事件中,StackTrace 的 parentId 字段实际上是一个包含 id 属性的对象,而非直接字符串值。具体 JSON 结构如下:

"stackTrace": {
  "callFrames": [...],
  "parentId": {
    "id": "19"
  }
}

然而 PuppeteerSharp 中的 StackTrace 类定义将 ParentId 定义为简单的字符串类型:

public string ParentId { get; set; }

这种类型不匹配导致了 Newtonsoft.Json 在反序列化时抛出异常。

技术细节

根据 Chrome DevTools Protocol 官方文档,StackTrace 结构确实应该包含一个 parentId 对象而非简单字符串。这个对象包含一个 id 属性,用于标识父级堆栈跟踪。

在 PuppeteerSharp 的消息处理流程中,CDPSession.OnMessage 方法接收到这种结构时,由于类型定义不匹配,无法正确反序列化,最终导致客户端连接关闭。

解决方案

修复方案需要调整 StackTrace 类的定义,使其与 Chrome DevTools Protocol 规范保持一致。具体有两种实现方式:

  1. 将 ParentId 改为包含 id 属性的对象结构
  2. 使用 JToken 类型来灵活处理不同类型的输入

在实际修复中,采用了更符合协议规范的方案,即定义专门的 ParentId 对象结构。

影响范围

此问题主要影响以下场景:

  • 使用较新版本 Chrome/Chromium 浏览器
  • 应用中存在 console.log/info/warn/error 等控制台输出
  • 这些控制台调用产生了包含 parentId 的堆栈跟踪信息

开发者建议

对于遇到类似问题的开发者,建议:

  1. 升级到包含此修复的 PuppeteerSharp 版本
  2. 在自定义消息处理时,注意检查 Chrome DevTools Protocol 的官方规范
  3. 对于复杂 JSON 结构,考虑使用 JToken 作为中间类型进行灵活处理

总结

这个问题展示了 API 协议版本兼容性的重要性。随着浏览器内核和 DevTools Protocol 的更新,客户端库需要及时跟进调整数据结构定义。PuppeteerSharp 团队快速响应并修复了这个问题,确保了库的稳定性和兼容性。

登录后查看全文
热门项目推荐

项目优选

收起
kernelkernel
deepin linux kernel
C
22
6
docsdocs
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
163
2.05 K
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
8
0
leetcodeleetcode
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
60
16
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
199
279
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
951
557
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
96
15
apintoapinto
基于golang开发的网关。具有各种插件,可以自行扩展,即插即用。此外,它可以快速帮助企业管理API服务,提高API服务的稳定性和安全性。
Go
22
0
金融AI编程实战金融AI编程实战
为非计算机科班出身 (例如财经类高校金融学院) 同学量身定制,新手友好,让学生以亲身实践开源开发的方式,学会使用计算机自动化自己的科研/创新工作。案例以量化投资为主线,涉及 Bash、Python、SQL、BI、AI 等全技术栈,培养面向未来的数智化人才 (如数据工程师、数据分析师、数据科学家、数据决策者、量化投资人)。
Python
77
70
giteagitea
喝着茶写代码!最易用的自托管一站式代码托管平台,包含Git托管,代码审查,团队协作,软件包和CI/CD。
Go
17
0