rrweb icon indicating copy to clipboard operation
rrweb copied to clipboard

[Bug]: 同源iframe录制问题

Open zkstudio opened this issue 2 years ago • 4 comments

Preflight Checklist

  • [X] I have searched the issue tracker for a bug report that matches the one I want to file, without success.

What package is this bug report for?

rrweb

Expected Behavior

看1.0.0版本后支持同源iframe录制,尝试用最新版1.1.3录制pdf.js展示pdf后,通过events发现相应pdf内容均已保存。但是使用player回放时pdfjs内显示白屏不显示pdf内容,但是可以看到滑动轨迹。(使用0.9.14可以展示pdf内容,单不能记录滑动轨迹)

Actual Behavior

回放除了操作轨迹外能够正常展示pdf内容才对,请大神帮忙看下。感谢!

Testcase Gist URL

No response

Additional Information

No response

zkstudio avatar Jun 16 '22 13:06 zkstudio

可以提供 events 用于 debug 吗?

Yuyz0112 avatar Jun 16 '22 14:06 Yuyz0112

可以提供 events 用于 debug 吗?

@Yuyz0112 events如下(一个开启了reocrdCanvas,一个未开启),感谢! http://jsonblob.com/987252543365332992 http://jsonblob.com/987255606704619520 (recordCanvas)

zkstudio avatar Jun 17 '22 01:06 zkstudio

@zkstudio PDF.js会用到canvas来显示文件的内容,所以在录制这种场景的时候需要开启recordCanvas选项,但是在你提供的两个events里面都没有录制到canvas的内容,所以pdf回放时都是空白的。录制好的canvas数据应该位于Canvas元素的rr_dataURL字段中。

PDF.js mainly uses canvas to display content so that recordCanvas option is mandatory for recording this kind of session. The canvas data is not contained in the two events you provided. So the pdf pages are all blank in the replayer. The recorded canvas data should be in the property rr_dataURL of the canvas element.

YunFeng0817 avatar Jul 13 '22 09:07 YunFeng0817

@Mark-Fenng 感谢您的回复。recordCanvas选项是打开的,我试了一下,直接在PDF.js的页面录制,是有rr_dataURL数据的,但是作为iframe嵌套,父页面录制的时候就没有了。

zkstudio avatar Jul 14 '22 12:07 zkstudio

尝试了最新2.0.0-alpha.3版本也不可以,不知道后续会不会完善呢?

zkstudio avatar Nov 03 '22 01:11 zkstudio

回放时遇到过同样空白的问题,后来看到文档 回放的时候增加配置 UNSAFE_replayCanvas: true 可以正常回放了

xujiujiu avatar Mar 29 '23 06:03 xujiujiu

回放时遇到过同样空白的问题,后来看到文档 回放的时候增加配置 UNSAFE_replayCanvas: true 可以正常回放了

回放有UNSAFE_replayCanvas: true这个配置的。你是主页面录制,主页面加载了iframe,里面轨迹也可以全录制下来?谢谢

zkstudio avatar Mar 30 '23 13:03 zkstudio