Pourquoi mon script de contenu ne peut-il pas accéder à chrome.tabs et comment corriger l'erreur « Référence non définie » ?

Scripts de contenu et API Chrome : erreur de référence non définie

Lorsque vous travaillez avec des scripts de contenu dans les extensions Chrome, vous pouvez rencontrer l'erreur « Impossible de lire propriété non définie" lors de la tentative d'accès aux API Chrome telles que chrome.tabs. Ce problème survient malgré l'octroi des autorisations nécessaires dans le manifeste.

Comprendre la disponibilité de l'API Chrome

Les scripts de contenu ont un accès limité aux API Chrome pour des raisons de sécurité. Seul un groupe sélectionné d'API est accessible dans les scripts de contenu :

• chrome.i18n
• chrome.dom
• chrome.storage
• Un sous-ensemble de chrome.runtime/chrome.extension

API telles que chrome.tabs, qui manipulent les onglets du navigateur, ne sont disponibles que dans le script d'arrière-plan (ou le service worker dans Manifest V3), les scripts contextuels et d'autres contextes d'extension.

Solution : transmission de messages

Pour accéder aux API Chrome qui ne sont pas disponibles dans les scripts de contenu, vous devez transmettre les messages du script de contenu au script d'arrière-plan. Le script d'arrière-plan peut ensuite effectuer l'opération API et renvoyer les résultats au script de contenu.

Voici un extrait de code illustrant cette approche :

// content script:

chrome.runtime.sendMessage({ type: "getTabs" }, function(response) {
  console.log(response.tabs);
});

// background script:

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
  if (request.type == "getTabs") {
    chrome.tabs.query({}, function(tabs) {
      sendResponse({ tabs: tabs });
    });
  }
});

En suivant cette approche, vous pouvez efficacement accédez aux API Chrome qui ne sont pas disponibles dans les scripts de contenu tout en préservant la sécurité et l'encapsulation.

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!