Skip to content

脱敏

为了脱敏的需要,您可以手动编辑 Demo 页面里的文字和图片,如后面 Demo 编辑的说明 所示。但这样需要每个 Demo 重复操作,多了会比较麻烦,所以,我们也支持自动的智能脱敏。 这需要您的前端同学给你们软件页面里需要脱敏的内容打上相应的标记,这样,每次录制Demo的时候会自动做相应处理。从脱敏程度由低到高,我们提供了以下3种标记:

模糊虚化内容(隐私程度低)

在HTML标签上添加data-demoway-blur="<number>"之后,元素将会被模糊处理,数字越大,模糊程度越高 示例代码

html
<div data-demoway-blur="5">内容</div>
<!-- 在录制后的Demo里,内容会被模糊虚化 -->

替换内容(隐私程度中)

在HTML标签上添加 data-demoway-replace 之后会智能替换元素内容 示例代码

html
<span data-demoway-replace="name">内容</span>
<!-- 在录制后的Demo里,内容会按照对应的规则被替换 -->
data-demoway-replace 的值处理规则
name人名
会被替换为随机人名
location地名
会被替换为随机地名
avatar头像图片
会被替换为默认的头像
image普通图片
会被替换为默认的图片
auto识别文字内容并执行脱敏操作(只针对文字内容有效)
1. 当识别为手机号,将会保留前三位,例如139****1234
2. 当识别为邮箱,只保留域名,例如***@test.com
3. 如果识别为网址,会替换为 https://www.xxxxx.com/...
4. 无法识别时,保留开头结尾字符,例如a*****z

忽略内容(隐私程度最高)

在HTML标签上添加 data-demoway-ignore="true" 之后,将不会录制元素内部的内容,仅保留占位空间 示例代码

html
<div data-demoway-ignore="true">内容</div>
<!-- 录制的时候,不会录制这部分内容,内容会被空白空间占位 -->