在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 怎么樣可以記錄用戶頁面停留的時間？

怎么樣可以記錄用戶頁面停留的時間？

本來想打算用 onbeforeunload 事件去監(jiān)聽的，但是移動端不兼容。。

有什么辦法可以記錄用戶頁面停留的時間？

回答
編輯回答
筱饞貓

使用load和unload事件即可，之前我做統(tǒng)計系統(tǒng)的時候用的這兩個。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>123</title>
</head>
<body>
<div id="a"></div>
<script>
  const KEY = 'duration';
  let start = 0; // 記錄開始時間
  const data = localStorage.getItem(KEY); // 讀取本地已經(jīng)記錄的時間
  document.querySelector('#a').innerHTML = data || '空';
  window.addEventListener('load', function() {
    start = Date.now();
  }, false);
  window.addEventListener('unload', function() {
    const duration = Date.now() - start;
    localStorage.setItem(KEY, duration.toString());
  }, false);
</script>
</body>
</html>

clipboard.png

發(fā)送給后端

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>123</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="a"></div>
<script>
    let start = 0; // 記錄開始時間
    window.addEventListener('load', function () {
        start = Date.now();
    }, false);
    window.addEventListener('unload', function () {
        const duration = Date.now() - start;
        const image = new Image();
        image.src = 'https://www.baidu.com?duration=' + duration + '&url=' + encodeURIComponent(location.href);
    }, false);
</script>
</body>
</html>

自行替換https://www.baidu.com為后端地址

2017年9月26日 12:12
編輯回答
九年囚

可以試試用戶打開網(wǎng)頁時記錄當前時間，關(guān)閉頁面時再記錄一次時間（有一個關(guān)閉當前頁面時運行的函數(shù)，在函數(shù)內(nèi)計算），計算時間差

2018年3月11日 18:20