how to get the document.referrer @chrome extension development?

use this:

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
      var referrer = request.ref;
      // you can now use the referrer
    }

    // inject script into web site
    chrome.tabs.executeScript(null, {
      code: "chrome.extension.sendRequest({ref: document.referrer}, function(response) {})"
    }

and refer from this:

http://stackoverflow.com/questions/5574319/how-to-get-document-referrer-in-background-html-of-google-chrome-extension

or user this:

chrome.tabs.executeScript(tab.id,{code:"document.referrer;"},function(result){

        console.log(result);
});

from:
http://stackoverflow.com/questions/23381737/chrome-extension-get-referer-tab

and there is a way to get every request on the chrome:

var wR=chrome.webRequest||chrome.experimental.webRequest; //兼容17之前版本的chrome，若需要使用
wR.onBeforeSendHeaders.addListener(function(details){
    console.log(details);
},{urls:["http://*/*","https://*/*"]},["requestHeaders"]);