Datadog RUM 在会话重播中未加载 V 图标

发布于 2025-01-13 05:37:49 字数 970 浏览 3 评论 0原文

图标在浏览器中正确显示,但是当我尝试通过会话重播重播会话时,图标丢失并显示图标名称。

材质图标通过 CDN 导入。

@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp");

我使用的 v 图标如下:

<v-icon>keyboard_arrow_down</v-icon>

Datadog Rum init

datadogRum.init({
applicationId: 'xxx',
clientToken: 'xxx',
site: 'us3.datadoghq.com',
service:'xxx',
env:process.env.NODE_ENV,
sampleRate: 100,
trackInteractions: true,
defaultPrivacyLevel: 'allow'
});

datadogRum.startSessionReplayRecording();

我期望在会话重播中看到什么:

在此处输入图像描述

会话重播中实际呈现的内容:

在此处输入图像描述

Icons are displayed properly in the browser but when I try to replay the session via Session replay the icons are missing and icon-name is displayed.

Material icons are imported via CDN.

@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp");

I'm using v-icons like:

<v-icon>keyboard_arrow_down</v-icon>

Datadog Rum init

datadogRum.init({
applicationId: 'xxx',
clientToken: 'xxx',
site: 'us3.datadoghq.com',
service:'xxx',
env:process.env.NODE_ENV,
sampleRate: 100,
trackInteractions: true,
defaultPrivacyLevel: 'allow'
});

datadogRum.startSessionReplayRecording();

What I expect to see in session replays:

enter image description here

What is actually rendered in session replays:

enter image description here

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

仅冇旳回忆 2025-01-20 05:37:49

根据文档 ,回放中不支持 Web 组件:

Session Replay 目前不支持以下 HTML 元素:iframe、视频、音频、canvas 以及 Web 组件。

Per the docs, web components are not supported in replay:

Session Replay does not support the following HTML elements at the moment: iframe, video, audio, canvas, as well as Web Components.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文