Comments (2)
- Form element
- password type input should not be recorded
- customize ignore form element should not be recorded
- DOM
- customize ignore element and its children nodes should not be recorded
We may have two approaches to customize ignore element.
One is to ignore certain class name/data attribute, such as .rr-ignore
, and users could add this class name to the element they do not want to record.
Another one is to add an ignore class name option like ['.a', '#b', '[data-c="true"]']
, which was already used in users' apps.
The first one needs users to update their source code when the second one may cause extra complexity and potential performance issue.
Personally, I tend to implement the first one because most apps do not already have some markups for privacy usage. And if we provided the second solution, users may define a class name like .ignore
which also need to update the source code.
Any feedback is welcomed.
from rrweb.
- An element with the class name
.rr-block
will not be recorded. Instead, it will replay as a placeholder with the same dimension. - An element with the class name
.rr-ignore
will not record the input events. input[type="password"]
will be ignored as default.
from rrweb.
Related Issues (20)
- [Feature Request]: Setting name as data.payload.name instead of data.tag HOT 1
- [Bug]: page with multiple canvases freezes in Chrome when sampling is set
- [Bug]: Running yarn install in web-extension fails HOT 3
- [Bug]: On player timeline seek the dom is not correctly build
- [Bug]: Flash of unstyled content when using Web Components
- [Bug]: Node Parent casting of undefined HOT 2
- [Bug]: Cannot read properties of null (reading 'tagName') HOT 2
- [Bug]: Cannot use 'in' operator to search for 'xmlns' in undefined HOT 6
- [Bug]: Performance issue with Mutation observer and rr-block HOT 2
- [Bug]: Duplicate Element Displayed and Warning Message 'Node with ID X Not Found' During Playback After Seeking Multiple Times. HOT 3
- [Bug]: echart color error
- [Bug]: A webpage's icons are displaying in the foreground with increased size in the replayer on a particular website
- [Bug]: Unable to capture the website onhover screens using rrweb.
- [Bug]: Uncaught SyntaxError: Regular expression too large HOT 7
- [Bug]: Injected styles are cleared when node is added to a `<style>` element HOT 1
- [Bug]: Duplicate player window
- [Bug]: Seeking within player doesn't correctly handle scrolling HOT 2
- [Bug]: 前端每十秒save的event发送到controller, data要怎样正确拼接才可以正确回放, 现在我只能播放前十秒, 之后因为拼接出错, 一直播放失败
- [Bug]: The player shows canvas in the wrong way HOT 1
- [Bug]: use blockSelector to mask img record will throw error: e.matches is not a function HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rrweb.