xuguopeng/rrweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

try to read style sheet content from JS API

Browse Source
This commit is contained in:
Yanzhen Yu
2026-04-01 12:00:00 +08:00
parent 49ebbc577e
commit ba60763030
1 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/rrweb-snapshot/src/snapshot.ts
View File

@@ -347,6 +347,14 @@ function onceIframeLoaded(
iframeEl.addEventListener('load', listener); iframeEl.addEventListener('load', listener);
} }
function stringifyStyleSheet(sheet: CSSStyleSheet): string {
return sheet.cssRules
? Array.from(sheet.cssRules)
.map((rule) => rule.cssText || '')
.join('')
: '';
}
function serializeNode( function serializeNode(
n: Node, n: Node,
options: { options: {
@@ -538,6 +546,16 @@ function serializeNode(
const isStyle = parentTagName === 'STYLE' ? true : undefined; const isStyle = parentTagName === 'STYLE' ? true : undefined;
const isScript = parentTagName === 'SCRIPT' ? true : undefined; const isScript = parentTagName === 'SCRIPT' ? true : undefined;
if (isStyle && textContent) { if (isStyle && textContent) {
try {
// try to read style sheet
if ((n.parentNode as HTMLStyleElement).sheet?.cssRules) {
textContent = stringifyStyleSheet(
(n.parentNode as HTMLStyleElement).sheet!,
);
}
} catch {
// ignore error
}
textContent = absoluteToStylesheet(textContent, getHref()); textContent = absoluteToStylesheet(textContent, getHref());
} }
if (isScript) { if (isScript) {