js change事件 获取新值和旧值_通过js触发launch事件获取页面信息

e4a8bcbef0b8e21d860814e42e40e5c3.png

注:图片如果损坏,点击文章链接:https://www.toutiao.com/i6814776265602499080/

承接上一篇文档《页面Cookie的JS文件编写》

思路

8407eea4b50ff7c05acd0ea509fdb0fc.png

继续之前的js编写

在keys中添加launch事件标识

1570ff0e59492f9b5012b137ab44864d.png

再添加一个会员编号的参数

538f39d05392e2ba00b1e8161303b03d.png

加入get/set方法

5602d82c98305c40735ad80ae27c1257.png

准备发送到服务器的列名称,这是发送到服务器的名称信息,方便日后统计,如果不断添加信息,就可以在这个地方添加。服务器地址在clientConfig中配置

575513d8f0396a3d94ffd203c26deb24.png

其中一些列名称是公共信息,和其它信息是有区别的,所以单独拿出来完成

添加函数:往data中添加发送到日志收集服务器的公用部分

9afd18084bf3056d87f17916ec07a4b0.png

添加参数编码函数方法

a87df807122ac770230e8ce023214f85.png

发送数据data到服务器,其中data是一个字符串

0f89934f2645e686a544d4447f92eed1.png

onLaunch事件的编写,代码中关键部分已经做了注释,是将前面的三个方法统一使用

64931212a514e2bedd4cf45f63c03dd3.png

然后调用的位置是createNewSession

869282da91394b836006987f65877bb1.png

测试的话,为了防止之前的cookie缓存,需要用浏览器清除一下,才可以看到,否则看不到日志输出效果

1577e3384ef47280939d07e07caa23d5.png

访问页面查看效果

e9acb71116acfa6971e8ab0ff0a4353c.png

看到向服务器提交了信息

268ce625e65ab7f3c41f6825d3a40ef0.png

页面中

b819129ea4e4b0ba56dbfe1cafe3926c.png

代码已经放到云盘里可以自行下载参考

d46d426353c438259997e95aeca84c39.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值