监听H5页面在微信浏览器异常退出

参考文章

1. onBeforeUnmount(() => {
2.   unNormalExit();
3. });
5. //---------------------------异常退出----------------------
6. function unNormalExit() {
7.   enterOrExitRoom({
8.     type: 37,
9.     roomId: roomId.value,
10.     userId: userId.value,
11.     nickName: name.value,
12.     loginUserType: 2, //0 专家 1员工 2第三方 app登录类型
13.   }).then(async (res) => {
14.     await trtc.exitRoom();
15.     await trtc.stopLocalVideo();
16.     await trtc.stopLocalAudio();
17.     // 若后续无需再使用该 trtc，则销毁 trtc，并释放引用。
18.     trtc.destroy();
19.   });
20.   closeWebSocketH5();
21. }
23. // 微信浏览器
24. // ios 的 window.addEventListener("pagehide", function () {}  监听方法内，
25. // 不支持 ajax，需要通过 navigator.sendBeacon("url",data) 来调后台接口。
26. if (deviceType == "Android") {
27.   if (window.addEventListener) {
28.     document.addEventListener("visibilitychange", async function () {
29.       //部分手机可以获取到
30.       if (document.hidden) {
31.         //用户关闭了安卓页面
32.         //做关闭页面处理逻辑
33.         unNormalExit();
34.       }
35.     });
36.   } else if (window.attachEvent) {
37.     // 主要是为了兼容老的IE
38.     window.attachEvent("onpagehide", async function () {
39.       unNormalExit();
40.     });
41.   } else {
42.     window.onbeforeunload = async function () {
43.       unNormalExit();
44.     };
45.   }
46. } else {
47.   //苹果:有时会执行closeWebSocket，有时不会，让后台监听心跳断开之后主动调用一次退出
48.   window.addEventListener(
49.     "pagehide",
50.     function () {
51.       closeWebSocketH5();
52.       unNormalExit();
53.       // let data = new Blob(
54.       //   [JSON.stringify({ gameId: gameId, userId: userid })],
55.       //   {
56.       //     type: "application/json; charset=UTF-8",
57.       //   }
58.       // );
59.       // navigator.sendBeacon("/destory", data);
60.     },
61.     false
62.   );
63. }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。