コンテンツスクリプトからアドオンへメッセージを送信onbeforeunload？

Question

ユーザーがページを閲覧する時間を測定するコンテンツスクリプトがあります。これを行うには、コンテンツスクリプトを各ページに挿入し、タイマーを開始して、onbeforeunloadイベントがトリガーされたときにアドオンにメッセージを戻します。

しかし、メッセージはバックグラウンドスクリプトに渡されることはありません。

私main.jsはこのようになっていることを考える：

var pageMod = require('page-mod'), 
    self = require("self"); 

pageMod.PageMod({ 
    include: "http://*", 
    contentScriptFile: [self.data.url('jquery.min.js'), 
         self.data.url('content.js')], 
    onAttach: function(worker) { 
    worker.port.on('pageView', function(request) { 
     console.log("Request received"); 
    }); 
    } 
}); 

私は、次のコードには問題を使用していないmain.jsにメッセージを送ることができます。

self.port.emit('pageView', { visitTime: time }); 

ただし、ユーザーがページを離れるときに問題が発生します。私はこのようにそれを行うと、メッセージが受信されることはありません：

$(window).bind('onbeforeunload', function(e) { 
    self.port.emit('pageView', { visitTime: time }); 
    // This should prevent the user from seeing a dialog. 
    return undefined; 
}); 

私はどちらか動作しませんので、あまりにもbeforeunloadのために聞いてみました。何が問題なの？

Answer 1

window Firefoxブラウザアドオンでコンテンツスクリプトにアクセスするオブジェクトは、プロキシオブジェクトであり、少し気になることがあります。 window.addEventListenerを使用すると動作します。

window.addEventListener('beforeunload', function(e) { 
    # Do stuff then return undefined so no dialog pops up. 
    return undefined 
}); 

Answer 2

onbeforeUnloadイベントはsynchronousではないため、ページが終了する前にブラウザのガベージコレクションが行われます。代替として

function Data() 
{ 
var client = new XMLHttpRequest(); 
client.open("GET", "/request", false); // third paramater indicates sync xhr 
client.setRequestHeader("Content-Type", "text/plain;charset=UTF-8"); 
client.send({ visitTime: time }); 
client.onreadystatechange = emitter; 
} 

function emitter() 
{ 
self.port.emit('pageView', { visitTime: time }); 
} 

またはreturn a string：synchronous AJAX requestを使用してください。