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

Fix timeOffset on multiple stylesheet loads (#115)

Browse Source 
In the case that the replayer triggers multiple FullSnapshot events, it
will call waitForStylesheetLoad multiple times. When the replayer
resumes, it could already have a timeoffset set from a previous
resume in a previous waitForStylesheetLoad call. In this case our new
timeoffset should be the value of our current time in the replay
(timer.timeOffset + getTimeOffset()). To solve this, I created a public
getCurrentTime function which correctly returns the time in the replay
and used that as our new timeoffset when resuming from a stylesheet
load.
This commit is contained in:
dphuang2
2026-04-01 12:00:00 +08:00
committed by yz-yu
parent be1d90ab1d
commit d722554a07
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/replay/index.ts
View File

@@ -104,6 +104,10 @@ export class Replayer {
}; };
} }
public getCurrentTime(): number {
return this.timer.timeOffset + this.getTimeOffset();
}
public getTimeOffset(): number { public getTimeOffset(): number {
return this.baselineTime - this.events[0].timestamp; return this.baselineTime - this.events[0].timestamp;
} }
@@ -315,7 +319,7 @@ export class Replayer {
this.pause(); this.pause();
this.emitter.emit(ReplayerEvents.LoadStylesheetStart); this.emitter.emit(ReplayerEvents.LoadStylesheetStart);
timer = window.setTimeout(() => { timer = window.setTimeout(() => {
this.resume(this.timer.timeOffset); this.resume(this.getCurrentTime());
// mark timer was called // mark timer was called
timer = -1; timer = -1;
}, this.config.loadTimeout); }, this.config.loadTimeout);
@@ -324,7 +328,7 @@ export class Replayer {
css.addEventListener('load', () => { css.addEventListener('load', () => {
unloadSheets.delete(css); unloadSheets.delete(css);
if (unloadSheets.size === 0 && timer !== -1) { if (unloadSheets.size === 0 && timer !== -1) {
this.resume(this.timer.timeOffset); this.resume(this.getCurrentTime());
this.emitter.emit(ReplayerEvents.LoadStylesheetEnd); this.emitter.emit(ReplayerEvents.LoadStylesheetEnd);
if (timer) { if (timer) {
window.clearTimeout(timer); window.clearTimeout(timer);