Partager via

Exemples pour les extensions Microsoft Edge

Utilisez les démonstrations d’extensions pour découvrir comment développer des extensions pour Microsoft Edge.

dépôt MicrosoftEdge-Extensions

Nom de la démonstration Description Code source & Lisez-moi Documentation
Page web contextuelle de la visionneuse d’images Extension de navigateur, sans JavaScript, qui affiche l’image stars.jpeg dans une petite page web dans une fenêtre contextuelle dans n’importe quel onglet Microsoft Edge. /picture-viewer-popup-webpage/ Exemple : Page web contextuelle de la visionneuse d’images
Insertion d’images à l’aide d’un script de contenu Utilise du code JavaScript pour insérer l’image stars.jpeg en haut de la page web actuelle, à l’intérieur de l’élément <body> . /picture-inserter-content-script/ Exemple : Insertion d’images à l’aide d’un script de contenu

Référentiel MicrosoftEdge/Demos

Nom de la démonstration Description Code source & Lisez-moi Documentation
Extension DevTools Inclut les démonstrations suivantes. /devtools-extension/ Créer une extension DevTools, en ajoutant un onglet et un panneau d’outils personnalisés
De base Extension DevTools de base. /devtools-extension/sample 1/ dans MicrosoftEdge / Dépôt de démonstrations Étape 1 : Créez une extension Microsoft Edge de base avec une page web DevTools dans Créer une extension DevTools, en ajoutant un onglet et un panneau d’outils personnalisés.
Panneau Extension DevTools de base avec un panneau. /devtools-extension/sample 2/ dans le dépôt MicrosoftEdge / Demos Étape 2 : Ajouter un outil personnalisé dans DevTools dans Créer une extension DevTools, en ajoutant un onglet et un panneau d’outils personnalisés.
CDP Extension DevTools de base appelant les API CDP (Chrome Developer Protocol). /devtools-extension/sample 3/ dans le dépôt MicrosoftEdge / Demos Étape 3 : Afficher les informations de mémoire en appelant des API d’extension dans Créer une extension DevTools, en ajoutant un onglet et un panneau d’outils personnalisés.
Inspect Extension DevTools de base qui interagit avec la page Inspectée. /devtools-extension/sample 4/ dans le dépôt MicrosoftEdge / Demos Étape 4 : Interagir entre la page web et DevTools dans Créer une extension DevTools, en ajoutant un onglet et un panneau d’outils personnalisés.

Voir également

  • Last updated on