Pourquoi est-ce que j'obtiens le message « Impossible de lire la propriété non définie » lors de l'accès aux API Chrome à partir d'un script de contenu ?

Accès aux API Chrome à partir de scripts de contenu : résolution de l'erreur « Impossible de lire la propriété non définie »

Lors de l'accès aux API Chrome telles que chrome.tabs à partir de un script de contenu, les développeurs peuvent rencontrer l'erreur « Impossible de lire la propriété non définie ». Cette erreur se produit car les scripts de contenu ont un accès limité aux API Chrome.

La section des autorisations dans le fichier manifeste, telle que fournie dans la question, inclut l'autorisation des onglets. Cependant, cette autorisation n'accorde l'accès à l'API des onglets que dans les scripts d'arrière-plan, les scripts contextuels ou les techniciens de service.

Cause de l'erreur

Les scripts de contenu sont injectés dans le Web pages et disposent d’un ensemble restreint d’API qu’ils peuvent utiliser. Ces API incluent : chrome.i18n, chrome.dom, chrome.storage et un sous-ensemble de chrome.runtime et chrome.extension. Les API comme chrome.tabs, qui manipulent les onglets et les fenêtres du navigateur, ne sont pas disponibles dans les scripts de contenu.

Solution

Pour résoudre cette erreur, la solution consiste à passer un message du script de contenu au script d'arrière-plan. Le script d'arrière-plan peut ensuite utiliser l'API chrome.tabs et répondre au message du script de contenu.

Voici un exemple d'implémentation :

Script de contenu :

chrome.runtime.sendMessage({ action: "getTabsInfo" }, (response) => {
    // Process the response from the background script
});

Script d'arrière-plan :

chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
    if (request.action === "getTabsInfo") {
        chrome.tabs.query({}, (tabs) => {
            sendResponse({ tabs });
        });
        return true;
    }
});

En utilisant cette approche, les scripts de contenu peuvent accéder aux API Chrome en envoyant des messages aux scripts d'arrière-plan.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!