如何檢測後臺操作？

Question

我對web開發（html，css，js）相當陌生，所以我需要一些幫助來理解如何做到這一點。

我試圖完成的是我想要用戶有一個背景選項卡打開，該選項卡應該不斷檢查用戶完成的任何操作（即任何按鍵點擊或鼠標移動）。一對夫婦的問題..

1. 它會更好着手製作這是一個Chrome擴展，而不是一個網站，如果是這樣我會怎樣呢？

2. 是否可以通過用戶未打開的瀏覽器選項卡檢測用戶的任何操作？如果是的話，我會怎麼做呢？我到目前爲止的代碼是我正在檢測是否有任何按鍵，如果有，它會從屏幕上刪除其他所有內容並寫上「hello world」。但是，如果我打開了其特定的選項卡，此代碼將僅工作。

   document.onkeypress=function(e){ 
   document.write("Hello World!"); 
   } 
   

3. 我該如何檢測是否有任何鼠標移動？不必有任何特定的運動，它可以是任何運動。

Answer 1

有大量的用戶活動跟蹤器庫，包括谷歌分析事件跟蹤器和clicktale。

如果您必須自己開發此功能，請考慮創建駐留在您的網站代碼庫中的跟蹤器庫。該庫可以使用localstorage和cookie來存儲用戶旅程數據並創建一個JSON對象來跟蹤活動。

爲了給你一個例子，你可以使用揭示模塊化模式，它將幫助你調用setter函數來設置基於用戶動作的對象和getter函數來將創建的對象返回到後端進行跟蹤。

var trackerLib = (function(){ 

    //set operations 
    _set = function(object_name, object){ 
    } 

    //get operations 
    _get = function(key){ 
    } 

    //return cached local object 
    _data = function(){ 
    } 

    //create page track/info objects when script loads 
    _init = function(){ 
    } 

    _init(); // 

    return { 
     set: _setValue, 
     get: _getValue, 
     data : _getData 
    } 
})();