xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

单页应用程序 & 多个相同路由的页面分别进行监听 All In One

单页应用程序 & 多个相同路由的页面分别进行监听 All In One

单页应用程序 如何对打开的多个相同路由的页面分别进行监听,分别上报监控数据

SPA 如何对打开的多个相同路由的页面分别进行监听,分别上报监控数据

solution ???

old ❌ 多个 tab, 存在 tabA 离开 isVisible 设置 false,停止上报;存在 tabB 进入 isVisible 设置 true; 实际上, 由于共用, tabA 还是上报数据 bug;


// window.APP_WEB_MONITOR;

window.APP_WEB_MONITOR = {
    "中国Ad-腾讯Ad-腾讯Ad": {
        "isVisible": true,
        "reachMaxTime": false,
        "timerIntervalId": 427,
        "timerTimeoutId": 431
    }
};



new ✅

window.APP_WEB_MONITOR = {
    "中国Ad-腾讯Ad-腾讯Ad": {
        "isVisible": true,
        "reachMaxTime": false,
        "timerIntervalId": 427,
        "timerTimeoutId": 431,
        // uid: ??? timer
        // isActive: false, // 两个条件 bug ???
    }
};


refs

每次进入页面,用时间戳和URL 生成唯一的 uid,防止多个 tab 的相同页面 上报数据重复!

https://docs.newrelic.com/docs/browser/new-relic-browser/configuration/group-browser-metrics-urls/



©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!

原创文章,版权所有©️xgqfrms, 禁止转载 🈲️,侵权必究⚠️!


posted @   xgqfrms  阅读(76)  评论(4编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2020-07-09 Linux chown -R & chmod 777 & chmod +x All In One
2020-07-09 After upgrade macOS Catalina bugs All In One
2020-07-09 如何关闭 iPad Pro 自动开启 wifi 和蓝牙 All In One
2020-07-09 CSS Learning Paths
2020-07-09 HTML5 Learning Paths
2020-07-09 JavaScript Learning Paths(ES5/ES6/ES-Next)
2020-07-09 Node.js delete directory & file system All In One
点击右上角即可分享
微信分享提示