Extension Chrome Impossible d'appeler des méthodes en arrière-plan page

Question

J'ai essayé pendant un certain temps mais je suis incapable d'appeler des méthodes sur mon fichier js de la page d'arrière-plan.

Mes regards manifeste comme ceci:

{ 
    "name" : "First chrome extension", 
    "version" : "0.0.1", 
    "manifest_version" : 2, 
    "browser_action" : { 
    "default_title" : "Practice", 
    "default_icon" : { 
     "16" : "assets/images/icon16.png", 
     "24" : "assets/images/icon24.png", 
     "32" : "assets/images/icon32.png" 
    }, 
    "default_popup" : "popup.html" 
    }, 
    "background" : { 
    "scripts" : ["background.js"] 
    }, 
    "content_scripts" : [{ 
    "matches" : ["*://*/*"], 
    "js" : [ 
     "assets/js/jquery-3.2.1.slim.min.js", 
     "assets/js/content.js" 
    ] 
    }], 
    "permissions" : [ 
    "activeTab", 
    "storage" 
    ] 
} 

background.js:

function test() 
{ 
    return 'called'; 
} 

actifs/js/popup.js:

console.log(chrome.extension.getBackgroundPage().test()); 

La plupart des exemples que je Scie la méthode chrome.extension.getBackgroundPage pour récupérer l'arrière-plan mais chaque fois que j'essaie cette méthode, elle me dit la méthode ou tout L'autre variable que j'ai définie dans background.js n'est pas définie et n'est pas présente dans l'objet fenêtre retourné.

J'ai aussi essayé d'utiliser l'API de messagerie comme ceci: background.js

"use strict"; 

const test = function() { 
    console.log(1); 
} 

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse){ 
    console.log(request); 
    if(request.msg.toLowerCase() === "bg-test") test(); 
    } 
); 

actifs/js/popup.js:

$(function() { 
    const btn = '#en-dis-btn'; 
    $(btn).click(function(e){ 
    e.preventDefault(); 
    chrome.runtime.sendMessage({'msg' : 'bg-test'}, function(response) { 
     console.log(response); 
    }); 
    }); 
}); 

mais l'auditeur dans background.js est jamais appelé . Que pourrais-je faire de mal? La page d'arrière-plan n'est pas nulle, donc elle charge quelque chose.

Answer 1

Selon le ECMA specification:

let et const déclarations définir des variables qui sont étendus à LexicalEnvironment du contexte d'exécution en cours d'exécution.

Lorsque vous déclarez un let/variables const globalement dans une page (la page d'arrière-plan), LexicalEnvironment est scope cette page de this mondiale (ce qui équivaut à window de la page) de la variable et une autre page (la fenêtre) est clairement en dehors de cette ampleur.

Utilisez var foo = bar ou function foo() {} déclaration, qu'il expose comme propriété de l'objet window il est visible dans un autre de même origine chrome-extension://*extensionID* page, comme la page popup.