页面行为/性能/错误监控的上报方式

在页面unload时,如果要上报当前数据,采用xhr的同步上报方式,会阻塞当前页面的跳转;使用new Image有可能遇到aborted,导致无法成功发送。

 

上报方式主要有两种:

    1. (new Image()).src = "xxxxxxx.do?xxx=aaaa&....." (GET方式,需要考虑数据大小,这样即使页面跨域也没问题)
    2.navigator.sendBeacon (POST方式,即使页面切换也能在后台进行,需要考虑浏览器兼容及缓冲区大小)
    

在不跨域的情况下建议优化使用navigator.sendBeacon, 防止丢数据。在不支持的情况下再使用new Image 来发送。

在上报过程中页面发生跳转则请求很可能会中止掉,这时建议事件先缓存一份,未接收到成功响应时,在下一个页面继续发送 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值