fix: check for stylesheets on current domain too

packages/rrweb-snapshot/src/snapshot.ts

@@ -283,7 +283,7 @@
     // should warn? maybe a text node isn't attached to a parent node yet?
     return false;
   } else {
     el = dom.parentElement(node)!;
   }
   try {
     if (typeof maskTextClass === 'string') {
@@ -540,6 +540,10 @@
   };
 }
 
+function findStylesheet(doc: Document, href: string) {
+  return Array.from(doc.styleSheets).find((s) => s.href === href);
+}
+
 function serializeElementNode(
   n: HTMLElement,
   options: {
@@ -592,9 +596,14 @@
   // remote css
   if (tagName === 'link' && inlineStylesheet) {
     //TODO: maybe replace this `.styleSheets` with original one
-    const stylesheet = Array.from(doc.styleSheets).find((s) => {
-      return s.href === (n as HTMLLinkElement).href;
-    });
+    const href = (n as HTMLLinkElement).href;
+    let stylesheet = findStylesheet(doc, href);
+    if (!stylesheet && href.includes('.css')) {
+      const rootDomain = window.location.origin;
+      const stylesheetPath = href.replace(window.location.href, '');
+      const potentialStylesheetHref = rootDomain + '/' + stylesheetPath;
+      stylesheet = findStylesheet(doc, potentialStylesheetHref);
+    }
     let cssText: string | null = null;
     if (stylesheet) {
       cssText = stringifyStylesheet(stylesheet);
@@ -711,10 +720,10 @@
     const recordInlineImage = () => {
       image.removeEventListener('load', recordInlineImage);
       try {
         canvasService!.width = image.naturalWidth;
         canvasService!.height = image.naturalHeight;
         canvasCtx!.drawImage(image, 0, 0);
         attributes.rr_dataURL = canvasService!.toDataURL(
           dataURLOptions.type,
           dataURLOptions.quality,
         );