监听浏览器窗口切换

因为业务需要,在a页面完成操作后,要刷新b页面,但是吧因为也没用什么现代的框架.所以不能有生命周期函数这种.所以没办法,去度娘了一下,监听浏览器窗口切换的事件,嘿,真有这些操作,废话不多说

document.addEventListener('visibilitychange', function () { //浏览器切换事件

    if (document.visibilityState == 'hidden') { //状态判断

 

    } else {

        init()//初始化函数

    }

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
调试您的页面模板,查看它是否适用于Google跟踪代码管理器的自动事件侦听器。 GTM Sonar可用于调试页面模板及其与Google Tag Manager监听器的兼容性。 目录 1.概述 2.如何使用它 3. TO-DO 4.版本历史 -------------------- 1.概述 安装扩展程序(并重新加载页面)后,单击扩展窗格中的红色目标将会打开一个弹出窗口。 在这个弹出窗口中,您可以选择在页面上激活哪个监听器。 点击监听器:停止文档节点上所有点击的默认动作,点击页面后将gtm.click和其他数据推送到debugDL。 链接点击监听器:暂停文档节点上所有点击的默认动作,点击页面上的任何链接元素,将gtm.linkClick和其他数据推送到debugDL。 表单提交监听器:停止所有表单提交的默认操作,在提交表单时将gtm.formSubmit和其他数据推送到debugDL。 通过选择监听器并单击“切换”,您可以在页面上设置监听器。通过打开弹出窗口并单击“关闭”,您将取消所有扩展操作。 一旦将事件推入debugDL数组,浏览器操作中的小徽章图标数量就会增加,表示数组中的项目数量。要查看数组的内容,请在Chrome浏览器中打开JavaScript控制台,然后键入“debugDL”(不带引号)。 如果您的页面有jQuery可用,您可以通过单击相应的按钮来终止所有jQuery绑定。这是为了测试jQuery是否干扰GTM监听器。 调试器是特定于选项卡的,因此选项卡中的操作仅适用于该选项卡。一旦你离开页面,debugDL将不再可用。 请注意,取消点击和提交的默认操作不是100%准确的。您可能会干扰脚本,使得重定向或提交无论如何发生。 2.如何使用它 这个想法是,你可以测试不同的元素如何与这三个GTM监听器一起执行,而不需要真正设置一个真正的GTM监听器。这对于调试非常有用,因为在GTM中设置监听器标签之前,您现在可以随意使用标记进行测试。如果要调试无法访问容器或预览版本的站点,这也非常有用。 3. TO-DO 1)更加稳定和健壮 4.版本历史 v1.3 - 2015年6月5日 - 更改Click Listener使用Capture - 更改链接单击侦听器爬过DOM树,直到找到链接 v1.2 - 2014年6月1日 - 增加了一个徽章图标,每次将事件推入debugDL时,该图标的数量都会增加 - 改进了弹出式指令 - 如果扩展名不起作用,弹出窗口中会显示错误信息 - 将扩展名改为GTM Sonar(感谢Paul Gailey的建议!) v1.1 - 2014年5月26日 - 增加了一个弹出窗口来控制调试器功能 - 添加了一个开关来杀死所有的jQuery绑定 - 增加了Click Listener,Link Click Listener和Form Submit Listener v1.0 - 2014年5月23日 - 第一个发行版本 - 单击浏览器操作暂停所有单击事件并设置debugDL对象 - 单击页面上的任何位置,将debugm中的gtm.click事件存储起来 - 再次单击浏览器动作,删除由该扩展插入的所有脚本和事件处理程序 支持语言:English

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值