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

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

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

思路

继续之前的js编写

在keys中添加launch事件标识

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

加入get/set方法

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

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

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

添加参数编码函数方法

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

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

然后调用的位置是createNewSession

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

访问页面查看效果

看到向服务器提交了信息

页面中

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

原文地址:https://www.cnblogs.com/bqwzy/p/12688623.html

时间: 2024-10-30 00:17:41

通过js触发launch事件获取页面信息的相关文章

通过js触发onPageView和event事件获取页面信息

注:图片如果损坏,点击文章链接:https://www.toutiao.com/i6814814715022148100/ 承接上一篇文档<js页面触发launch事件编写> pageView事件是pc端的基本事件类型,主要是描述用户访问网站信息 思路图 首先keys中添加事件标识 然后发送到服务器的列名称 执行对外方法前必须执行的方法preCallApi onPageView事件方法 添加pageView事件触发 查看日志效果 查看网络访问信息 工具显示 编写一个html表示跳转页面 访问地

通过jquery获取页面信息

获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 :$(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 :$(document).width(); 浏览器当前窗口文档body的高度: $(document.body).height();浏览器当前窗口文档body的宽度: $(document.body).width();获取滚动条到顶部的垂直高度 (即网页被

UIWebView与javascript交互二通过页面的响应事件获取页面输入框内的值

接上篇文章,上篇文章实现了UIwebview对html文件的加载和对js事件的响应,但是对html页面上输入的值没有获取. 今天就来说说这个首先要用到工具类WebViewJavascriptBridge 下载地址 然后将工具类导入到项目中. 其中test.js我做了如下的调整: window.onerror = function(err) { log('window.onerror: ' + err) } function connectWebViewJavascriptBridge(callb

JS触发按钮事件

前台代码: <asp:Button ID="btnSaveBattery" runat="server" Text="保存" OnClick="btnSaveBattery_Click"  /> JS代码: document.getElementById('<%=btnSaveBattery.ClientID%>').click(); 或 $("#PageBody_btnSaveBattery

python3.4 伪装成浏览器获取页面信息失败

最近学了下网络爬虫,打算从一个网站上提取点东西,自己练练手,刚开始还从这个网站上取了正确的html,后来百般尝试还是不能取正确的html,希望能得到大家的帮助~ 我刚开始的代码是: 1 url="http://www.karger.com/Collections/Hospital"; 2 data = urllib.request.urlopen(url).read(); 3 data=data.decode('gb2312'); 4 data=BeautifulSoup(data);

JS中的事件大全

一般事件  onClick            鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick        鼠标双击事件 onMouseDown        鼠标上的按钮被按下了 onMouseUp          鼠标按下后,松开时激发的事件 onMouseOver        当鼠标移动到某对象范围的上方时触发的事件 onMouseMove        鼠标移动时触发的事件 onMouseOut        当鼠标离开某对象范围时触发的事件 onKey

ztree在onCheck()方法中防止因触发联动关系导致页面多次渲染而卡死的问题

这几天在项目中遇到了要使用树形选择框, 而且要求比较复杂,具体叙述如下: 首先是有个选择框,左边选择是适用的商品,右边显示已经选择的商品.也就是说,左边每次勾选操作,都要触发一个事件去刷新右边的页面, 而且,左边商品如果选择大类,则右边显示大类,其下小类都不显示 也就是说有父子联动的关系. 刚开始的时候, 选择了使用bootStrap的tree_view这个插件,一开始还好,基本成型,后来测试时才发现问题,,当数据量很大的时候,,这个插件用起来很卡很卡,,而且又加了个带搜索功能,这个插件就显得有

jQuery框架使用,jq选择器,jq操作页面内容, jq操作类名,jq操作全局属性,jq获取盒子信息,jq获取位置信息,js/jq页面加载完毕事件,jq事件

jq选择器 // 获取所有的页面元素jq对象 $('css3选择器语法'); var $box = $(".box:nth-child(1)"); 获取的是jq对象数组 // 拿到指定的页面元素jq对象 $('css3选择器语法').eq(index); var $box = $(".box").eq(1); 获取的是jq对象数组 // jq 转 js ( jq对像就是由数组包裹的js对象 ) box1 = $box[0] 从数组里取出来 box1 = $box.g

Js之Dom学习-三种获取页面元素的方式、事件、innerText和innerHTML的异同

一.三种获取页面元素的方式: getElementById:通过id来获取 <body> <input type="text" value="请输入一个值:" id="txt"/> <input type="button" value="按钮" id="btn"/> <script> var txt=document.getElementB