Pourquoi est-ce que j'obtiens le message « Impossible de lire la propriété non définie » lors de l'utilisation des API Chrome dans des scripts de contenu ?

Accès à l'API Chrome dans les scripts de contenu : gestion des erreurs « Impossible de lire la propriété non définie »

Lors de la tentative d'utilisation des fonctions de l'API Chrome telles que Chrome .tabs dans les scripts de contenu, cela peut entraîner l'erreur « Impossible de lire la propriété non définie ». Cela se produit malgré l'inclusion explicite des autorisations nécessaires dans le manifeste de l'extension.

Restriction sur les scripts de contenu

Il est crucial de comprendre que les scripts de contenu ont un accès limité aux fonctionnalités de l'API Chrome. Ils peuvent principalement accéder à un sous-ensemble de méthodes API liées à :

• chrome.i18n
• chrome.dom
• chrome.storage
• Certaines fonctions de chrome.runtime/chrome.extension

API telles que chrome.tabs sont généralement réservés aux scripts d'arrière-plan, aux scripts contextuels et à d'autres types de scripts offrant un accès plus large aux fonctionnalités du navigateur.

Solution : Communication avec le script d'arrière-plan

Pour accéder aux fonctions de l'API Chrome n'est pas disponible pour les scripts de contenu, vous devez établir une communication avec le script d'arrière-plan. Cela implique :

1. Envoi d'un message du script de contenu vers le script d'arrière-plan.
2. Traitement du message dans le script d'arrière-plan à l'aide de la fonction API souhaitée.
3. Envoi le résultat ou la réponse au script de contenu.

Voici un exemple de mise en œuvre de ceci solution :

Script de contenu (myScript.js) :

// Send a message to the background script requesting access to chrome.tabs
chrome.runtime.sendMessage({ type: "access_tabs" }, response => {
  // Handle the response from the background script: e.g., display the result
});

Script d'arrière-plan (background.js) :

// Background script intercepts the message from the content script
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  if (message.type === "access_tabs") {
    // Access chrome.tabs API here and send the result back to the sender (content script)
    sendResponse({ value: chrome.tabs.getCurrent().id });
  }
});

En mettant en œuvre ce mécanisme de communication, vous pouvez étendre efficacement les capacités des scripts de contenu et accéder aux fonctions de l'API Chrome qui seraient autrement indisponible.

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!