Comment résoudre les erreurs « Impossible de lire la propriété non définie » lors de l'utilisation des API Chrome dans des scripts de contenu ?

Erreur « Impossible de lire la propriété non définie » avec les API Chrome dans les scripts de contenu

Les extensions Chrome utilisent souvent des scripts de contenu pour injecter du JavaScript dans les pages Web . Un problème courant survient lorsque vous essayez d'accéder aux API Chrome, telles que chrome.tabs, dans ces scripts de contenu.

L'erreur "Impossible de lire la propriété 'nom' de undéfini" indique que l'API n'est pas disponible dans le contenu. contexte du script. En effet, les scripts de contenu ont un accès limité aux API Chrome par rapport à d'autres types de scripts tels que les scripts d'arrière-plan et les scripts contextuels.

Cause :

Les scripts de contenu sont en bac à sable et n'ont qu'un accès limité aux API Chrome. accès à un ensemble spécifique d'API, notamment chrome.i18n, chrome.dom, chrome.storage et un sous-ensemble de chrome.runtime/chrome.extension.

Solution :

Pour accéder aux API Chrome restreintes telles que chrome.tabs dans un script de contenu, vous pouvez utiliser la transmission de messages pour communiquer avec un type de script approprié (par exemple, arrière-plan script).

Implémentation :

1. Transmettez un message du script de contenu à un script d'arrière-plan, un script contextuel ou un technicien de service (pour MV3).

// In contentScript.js
chrome.runtime.sendMessage({ action: "getTabs" });

2. Gérer le message dans le destinataire script.

// In backgroundScript.js
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  if (request.action === "getTabs") {
    chrome.tabs.query({}, (tabs) => {
      sendResponse(tabs);
    });
  }
});

3. Utilisez l'API dans le script approprié et renvoyez le résultat au script de contenu.

En suivant ces étapes, vous pouvez utiliser API Chrome qui ne sont pas disponibles dans les scripts de contenu en déléguant les requêtes à des types de scripts plus privilégiés via la transmission de messages.

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!