脱敏
为了满足脱敏需求,您可以手动编辑 Demo 页面中的文字和图片,具体操作请参考后面的 Demo 编辑说明。然而,手动编辑每个 Demo 可能会比较繁琐。因此,我们也支持自动智能脱敏功能。
要实现自动脱敏,您的前端开发人员需要在软件页面中为需要脱敏的内容添加相应的标记。这样,每次录制 Demo 时,系统会自动处理这些内容。根据脱敏程度的不同,我们提供了以下三种标记方式:
模糊虚化内容(隐私程度低)
在 HTML 标签上添加 data-demoway-blur="<number>"
后,元素将被模糊处理。数字越大,模糊程度越高。
示例代码
<div data-demoway-blur="5">内容</div><!-- 在录制后的Demo里,内容会被模糊虚化 -->
替换内容(隐私程度中)
在 HTML 标签上添加 data-demoway-replace 后,系统会智能替换元素内容。 示例代码
<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"
之后,将不会录制元素内部的内容,仅保留占位空间
示例代码
<div data-demoway-ignore="true">内容</div><!-- 录制的时候,不会录制这部分内容,内容会被空白空间占位 -->