Comment vérifier la présence d'une extension Chrome à l'aide d'un script externe ?

Vérifier la présence d'une extension Chrome à l'aide d'un script externe

Lors du développement d'extensions Chrome, les intégrer à des scripts JavaScript externes pour détecter leur état d'installation est essentiel. Cela vous permet d'adapter l'expérience utilisateur en fonction de la présence ou non de l'extension sur son navigateur.

Heureusement, Chrome fournit un mécanisme d'échange de messages entre la page Web et l'extension. Pour y parvenir, suivez ces étapes :

1. Étendez l'extension Chrome :

   • Dans le fichier background.js, gérez les messages externes avec le code suivant :

   chrome.runtime.onMessageExternal.addListener(
       function(request, sender, sendResponse) {
           if (request) {
               if (request.message) {
                   if (request.message == "version") {
                       sendResponse({version: 1.0});
                   }
               }
           }
           return true;
       });

2. Communiquer à partir de la page Web :

   • Utilisez le code suivant à partir de la page Web :

   var hasExtension = false;
   
   chrome.runtime.sendMessage(extensionId, { message: "version" },
       function (reply) {
           if (reply) {
               if (reply.version) {
                   if (reply.version >= requiredVersion) {
                       hasExtension = true;
                   }
               }
           } else {
             hasExtension = false;
           }
       });

3. Gérer les autorisations :

   • Dans manifest.json, spécifiez les domaines qui peuvent se connecter à votre extension :

   "externally_connectable": {
       "matches": ["*://localhost/*", "*://your.domain.com/*"]
   }

4. Gestion des exceptions (mise à jour 2021) :

   • Pour gérer les exceptions lorsque l'extension n'est pas installé ou désactivé, ajoutez une vérification pour runtime.lastError :

   if (chrome.runtime.lastError) {
       // handle error
   }

En mettant en œuvre ces étapes, vous pouvez détecter de manière transparente la présence de votre extension Chrome à l'aide d'un script JavaScript externe et ajuster l'expérience utilisateur en conséquence.

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!