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; 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 RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/;
const DATA_URI = /^(data:)([\w\/\+]+);(charset=[\w-]+|base64).*,(.*)/gi; const DATA_URI = /^(data:)([\w\/\+]+);(charset=[\w-]+|base64).*,(.*)/gi;
export function absoluteToStylesheet(cssText: string, href: string): string { 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)) { if (!RELATIVE_PATH.test(filePath)) {
return `url('${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', () => { it('can handle data url image', () => {
expect( expect(
absoluteToStylesheet('url(data:image/gif;base64,ABC)', href), absoluteToStylesheet('url(data:image/gif;base64,ABC)', href),