feat(Snapshot): Capture stylesheets designated as rel="preload"

rrweb-io · Dec 12, 2023 · 2327ceb · 2327ceb
1 parent 8aaca89
commit 2327ceb
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/rrweb-snapshot/src/snapshot.ts b/packages/rrweb-snapshot/src/snapshot.ts
@@ -1174,11 +1174,12 @@ export function serializeNodeWithId(
   }
 
   // <link rel=stylesheet href=...>
-  if (
-    serializedNode.type === NodeType.Element &&
+  if (serializedNode.type === NodeType.Element &&
     serializedNode.tagName === 'link' &&
-    serializedNode.attributes.rel === 'stylesheet'
-  ) {
+    typeof serializedNode.attributes.rel === 'string' &&
+    (serializedNode.attributes.rel === 'stylesheet' || (serializedNode.attributes.rel === 'preload' &&
+      typeof serializedNode.attributes.href === 'string' &&
+      serializedNode.attributes.href.endsWith('.css')))) {
     onceStylesheetLoaded(
       n as HTMLLinkElement,
       () => {