perf(rrweb-snapshot): fallback to the old method for performance

packages/rrweb-snapshot/src/utils.ts

@@ -80,7 +80,7 @@
  * Browsers sometimes incorrectly escape `@import` on `.cssText` statements.
  * This function tries to correct the escaping.
  * more info: https://bugs.chromium.org/p/chromium/issues/detail?id=1472259
  * @param cssImportRule
  * @returns `cssText` with browser inconsistencies fixed, or null if not applicable.
  */
 export function escapeImportStatement(rule: CSSImportRule): string {
@@ -429,10 +429,19 @@
           extractOrigin(href) + filePath
         }${maybeQuote})`;
       }
-      return `url(${maybeQuote}${new URL(
-        filePath,
-        href,
-      ).toString()}${maybeQuote})`;
+      const stack = href.split('#')[0].split('/');
+      const parts = filePath.split('/');
+      stack.pop();
+      for (const part of parts) {
+        if (part === '.') {
+          continue;
+        } else if (part === '..') {
+          stack.pop();
+        } else {
+          stack.push(part);
+        }
+      }
+      return `url(${maybeQuote}${stack.join('/')}${maybeQuote})`;
     },
   );
 }
@@ -479,7 +488,7 @@
         typeof childNodes[i].textContent === 'string'
       ) {
         const textContentNorm = normalizeCssString(
           childNodes[i].textContent!,
           _testNoPxNorm,
         );
         const jLimit = 100; // how many iterations for the first part of searching