概要

Shadow DOM は、隔離された再利用可能なコンポーネントをコードに組み込むことで、開発者がよりモダンな Web サイトを構築できるようにする仕組みです。コードの構造をすっきりさせ、スタイルの競合を避けるために使用されることが多く、モダンな Web 開発手法ではよく見られるようになってきました。

セットアップ

Datadog では、RUM ブラウザ SDK のv4.31.0 から、追加の構成なしで open モードの Shadow DOM をサポートするようになりました。シャドウルート内にあるコンポーネントは、自動的にセッションリプレイによりキャプチャされます。この機能は、以下に関してはサポートされていません。

• Closed モードの Shadow DOM
• 動的な Shadow DOM
• 動的な CSS スタイルの変更

注: open モードの Shadow DOM の互換性については、一般的なフレームワーク上で検証済みです。

その他の参考資料

お役に立つドキュメント、リンクや記事:

セッションリプレイについてDOCUMENTATION