rrweb-animation

rrweb-animation.json

[{"type":4,"data":{"href":"http://127.0.0.1:8080/","width":1136,"height":856},"timestamp":1676893801472},{"type":2,"data":{"node":{"type":0,"childNodes":[{"type":2,"tagName":"html","attributes":{},"childNodes":[{"type":2,"tagName":"head","attributes":{},"childNodes":[{"type":2,"tagName":"link","attributes":{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.min.css"},"childNodes":[],"id":4},{"type":3,"textContent":"\n","id":5},{"type":2,"tagName":"script","attributes":{"src":"https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.min.js"},"childNodes":[],"id":6},{"type":3,"textContent":"\n","id":7},{"type":2,"tagName":"script","attributes":{"type":"module"},"childNodes":[{"type":3,"textContent":"SCRIPT_PLACEHOLDER","id":9}],"id":8},{"type":3,"textContent":"\n\n","id":10}],"id":3},{"type":2,"tagName":"body","attributes":{},"childNodes":[{"type":2,"tagName":"popup-info","attributes":{"img":"img/alt.png","data-text":"Your card validation code (CVC) is an extra security feature — it is the last 3 or 4 numbers on the back of your card."},"childNodes":[],"id":12}],"id":11}],"id":2}],"compatMode":"BackCompat","id":1},"initialOffset":{"left":0,"top":0}},"timestamp":1676893801475},{"type":3,"data":{"source":0,"texts":[],"attributes":[],"removes":[],"adds":[{"parentId":12,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"class":"wrapper"},"childNodes":[],"id":13,"isShadow":true}},{"parentId":13,"nextId":null,"node":{"type":2,"tagName":"span","attributes":{"class":"info"},"childNodes":[],"id":14}},{"parentId":14,"nextId":null,"node":{"type":3,"textContent":"Your card validation code (CVC) is an extra security feature — it is the last 3 or 4 numbers on the back of your card.","id":15}},{"parentId":12,"nextId":13,"node":{"type":2,"tagName":"style","attributes":{},"childNodes":[],"id":16,"isShadow":true}},{"parentId":16,"nextId":null,"node":{"type":3,"textContent":".wrapper { position: relative; }.info { font-size: 0.8rem; width: 200px; display: inline-block; border: 1px solid black; padding: 10px; background: white; border-radius: 10px; opacity: 1; z-index: 3; transform: translateX(30px); }","isStyle":true,"id":17}},{"parentId":13,"nextId":14,"node":{"type":2,"tagName":"span","attributes":{"class":"icon","tabindex":"0"},"childNodes":[],"id":18}},{"parentId":18,"nextId":null,"node":{"type":2,"tagName":"img","attributes":{"src":"http://127.0.0.1:8080/img/alt.png"},"childNodes":[],"id":19}}]},"timestamp":1676893801480},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":19,"attributes":{"crossorigin":"anonymous"}}],"removes":[],"adds":[]},"timestamp":1676893801480},{"type":0,"data":{},"timestamp":1676893801480},{"type":3,"data":{"source":1,"positions":[{"x":147,"y":19,"id":14,"timeOffset":0}]},"timestamp":1676893801649},{"type":3,"data":{"source":0,"texts":[],"attributes":[],"removes":[],"adds":[{"parentId":11,"nextId":null,"node":{"type":2,"tagName":"script","attributes":{"src":"chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/js.js"},"childNodes":[],"id":20}}]},"timestamp":1676893802603},{"type":3,"data":{"source":0,"texts":[],"attributes":[],"removes":[{"parentId":11,"id":20}],"adds":[{"parentId":11,"nextId":null,"node":{"type":2,"tagName":"script","attributes":{"src":"chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/dom.js"},"childNodes":[],"id":21}}]},"timestamp":1676893802615},{"type":3,"data":{"source":0,"texts":[],"attributes":[],"removes":[{"parentId":11,"id":21}],"adds":[]},"timestamp":1676893802619},{"type":3,"data":{"source":1,"positions":[{"x":408,"y":263,"id":11,"timeOffset":0}]},"timestamp":1676893803706},{"type":3,"data":{"source":1,"positions":[{"x":696,"y":295,"id":11,"timeOffset":-447}]},"timestamp":1676893804209},{"type":3,"data":{"source":1,"positions":[{"x":905,"y":373,"id":11,"timeOffset":0}]},"timestamp":1676893805136},{"type":3,"data":{"source":1,"positions":[{"x":950,"y":370,"id":11,"timeOffset":-452}]},"timestamp":1676893805643}]