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

Fixed detection of multiple consecutive CSS URLs without quotes (#4)

Browse Source
This commit is contained in:
Daniël van de Giessen
2026-04-01 12:00:00 +08:00
committed by yz-yu
parent 61c50c2122
commit 4ed15164c9
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/snapshot.ts
View File

@@ -42,11 +42,12 @@ function extractOrigin(url: string): string {
return origin;
}
const URL_IN_CSS_REF = /url\((['"]|)([^'"]*)\1\)/gm;
const URL_IN_CSS_REF = /url\((?:'([^']*)'|"([^"]*)"|([^)]*))\)/gm;
const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/;
const DATA_URI = /^(data:)([\w\/\+]+);(charset=[\w-]+|base64).*,(.*)/gi;
export function absoluteToStylesheet(cssText: string, href: string): string {
return cssText.replace(URL_IN_CSS_REF, (_1, _2, filePath) => {
return cssText.replace(URL_IN_CSS_REF, (_1, path1, path2, path3) => {
const filePath = path1 || path2 || path3;
if (!RELATIVE_PATH.test(filePath)) {
return `url('${filePath}')`;
}

6
test/snapshot.test.ts
View File

@@ -47,6 +47,12 @@ describe('absolute url to stylesheet', () => {
);
});
it('can handle multiple no quote paths', () => {
expect(absoluteToStylesheet('background-image: url(images/b.jpg); background: #aabbcc url(images/a.jpg) 50% 50% repeat;', href)).to.equal(
`background-image: url('http://localhost/css/images/b.jpg'); background: #aabbcc url('http://localhost/css/images/a.jpg') 50% 50% repeat;`,
);
});
it('can handle data url image', () => {
expect(
absoluteToStylesheet('url(data:image/gif;base64,ABC)', href),