Comment puis-je importer des modules ES6 dans un script de contenu d'extension Chrome ?

Comment importer des modules ES6 dans un script de contenu pour l'extension Chrome

Arrière-plan

Dans Chrome 61, la prise en charge des modules JavaScript a été introduite. Depuis que cette question a été posée en 2018, la version actuelle de Chrome est beaucoup plus récente, ce qui rend ses suggestions potentiellement obsolètes. Cet article explore donc les solutions contemporaines au problème en question.

Approches actuelles

Fonction d'importation dynamique asynchrone () pour les modules ES

Cette méthode permet l'importation de modules à partir d'une source fiable et maintient l'accès aux variables globales et aux fonctions du script de contenu initial. Cependant, il peut être bloqué par le service worker du site Web en raison d'un problème connu dans Chrome.

Solution de contournement « d'importation » synchrone pour les scripts normaux non-modules

Cette méthode utilise des scripts non-modules, ajoute leurs noms au tableau « js » dans « content_scripts », puis fait référence aux variables/fonctions globales directement.

Informations complémentaires

• Comment utiliser "l'importation" ES6 avec l'extension Chrome : https://stackoverflow.com/questions/48277565/how-to-import-es6- modules-in-content-script-for-chrome-extension
• Exemple de travail d'importation ES6 dans l'extension Chrome : https://github.com/TheSavior/chrome-extension-es6-tips
• chrome.runtime.getURL : https://developer.chrome.com/docs/extensions/reference/runtime/#method- obtenirURL

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!