rrweb
rrweb copied to clipboard
[Bug]: 同源iframe录制问题
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
可以提供 events 用于 debug 吗?
可以提供 events 用于 debug 吗?
@Yuyz0112 events如下(一个开启了reocrdCanvas,一个未开启),感谢! http://jsonblob.com/987252543365332992 http://jsonblob.com/987255606704619520 (recordCanvas)
@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.
@Mark-Fenng 感谢您的回复。recordCanvas选项是打开的,我试了一下,直接在PDF.js的页面录制,是有rr_dataURL数据的,但是作为iframe嵌套,父页面录制的时候就没有了。
尝试了最新2.0.0-alpha.3版本也不可以,不知道后续会不会完善呢?
回放时遇到过同样空白的问题,后来看到文档 回放的时候增加配置 UNSAFE_replayCanvas: true 可以正常回放了
回放时遇到过同样空白的问题,后来看到文档 回放的时候增加配置 UNSAFE_replayCanvas: true 可以正常回放了
回放有UNSAFE_replayCanvas: true这个配置的。你是主页面录制,主页面加载了iframe,里面轨迹也可以全录制下来?谢谢