Helix RUM 增强器
将高级功能添加到 Helix RUM 收藏( 客户端)
状态
使用量
这个库是用来配合和加载的 sampleRUM 函数在 螺旋工程 或者说 Helix RUM 联合来文。 。 。 .
它将增加以下新的检查站:
cwv: 核心网络生命号收藏pagesviewed:帮助估计用户平均看到多少页的数字.click: 单击文档中的任意位置viewblock: 一个螺旋块已滚动到视图端口viewmedia: Helix Media Bus 主持的一幅图像或视频被滚动到取景口reload, (中文(简体) ),navigate, (中文(简体) ),enter: 取决于当前页面是如何访问的formsubmit: 当提交表格时
这个 source 参数和 sourceSelector
这个 source 参数是可用于识别事件源的字符串. 它可以用来识别事件的来源,如按钮,链接,形式等.
它代表着一种理想化的CSS选择器,既可人读又具体,足以在文档中识别出事件源头,即使无法访问
角膜文档。 它被理想化了,因为它假装DOM会使用有简洁语义的现代HTML,即使实际文档使用 class 对事物的价值
以语义HTML元素更好地代表.
这个 sourceSelector 函数是使用 DOM 元素并返回描述函数 source 参数。 如果该元素具有 data-rum-source 属性,其值被用作 source 参数。 否则,该函数试图生成一个 source 基于元素标记名称、类名称和文本内容的参数.
A. 结构 source 参数如下:
<context> <element>#<identifier>
三部分都是可选的
context 实值
form用于窗体元素dialog用于对话框元素,或固定位置且正高z-指数的母容器.block-name用于螺旋块header, (中文(简体) ),footer, (中文(简体) ),nav, (中文(简体) ),aside主要场地结构#id如果有容器标识,则作为倒置
element 实值
button按钮,或看起来像按钮的链接(例如,有类)button或者说btn或者说cta(中文(简体) )img图像video视频a对于不是按钮的链接input[type="text"]用于输入元素(支持所有类型)select, (中文(简体) ),textarea其他形式元素的等
identifier 实值
- 页:1
id元素的属性,如果提供 - 首个
.class如果有的话 - 其它省略
即使一个 identifier 提供,如果 context 财务报告和审定财务报表 element 建议: source 参数更可读,更容易理解.
发展
构建
$ npm install
测试
$ npm test
林特
$ npm run lint
剪取释放前
释放由 语义释放,然后当 PR 合并到 main 或 1.x 树枝。 合并为 beta,将创建预发版.