通过js触发launch事件获取页面信息

Posted 那山的狐狸

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了通过js触发launch事件获取页面信息相关的知识,希望对你有一定的参考价值。

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

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

思路

技术图片

 

继续之前的js编写

在keys中添加launch事件标识

技术图片

 

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

技术图片

 

加入get/set方法

技术图片

 

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

技术图片

 

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

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

技术图片

 

添加参数编码函数方法

技术图片

 

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

技术图片

 

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

技术图片

 

然后调用的位置是createNewSession

技术图片

 

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

技术图片

 

访问页面查看效果

技术图片

 

看到向服务器提交了信息

技术图片

 

页面中

技术图片

 

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

技术图片

以上是关于通过js触发launch事件获取页面信息的主要内容,如果未能解决你的问题,请参考以下文章

js页面触发chargeRequest事件和Nginx获取日志信息

js中怎么获取bootstrap datetimepicker 弹出的位置

js如何在页面滚动到一定位置时触发事件?

JS 页面加载触发事件 document.ready和onload的区别

pdfjs获取渲染结束

分析js操作动态获取屏高并触发按钮点击事件回到页面窗口的顶部