Différences

Ci-dessous, les différences entre deux révisions de la page.

--- dev:extensionnavigateur:exempleimage [2025/03/23 10:48] – créée techer.charles_educ-valadon-limoges.fr
+++ dev:extensionnavigateur:exempleimage [2025/03/23 11:15] (Version actuelle) – [Démarche] techer.charles_educ-valadon-limoges.fr
@@ Ligne 1: / Ligne 1: @@
 ====== Extension navigateur : Exemple de page web contextuelle de la visionneuse d’images ======
+===== Ressources =====
+  * https://learn.microsoft.com/fr-fr/microsoft-edge/extensions-chromium/getting-started/picture-viewer-popup-webpage?tabs=gitbash
+===== Objectif =====
+Afficher l’image **stars.jpeg** dans une petite page web dans une fenêtre contextuelle dans n’importe quel onglet Microsoft Edge.
+===== Démarche =====
+  * cloner le dépôt **[[https://github.com/microsoft/MicrosoftEdge-Extensions|MicrosoftEdge-Extensions]]** dans un dossier
+<code shell>
+git clone https://github.com/microsoft/MicrosoftEdge-Extensions.git
+</code>
+  * Créer une branche de travail et basculer vers celle-ci
+<code shell>
+cd MicrosoftEdge-Extensions
+git branch test
+git switch test
+</code>
+  * installer l'extension locale dans Edge
+    * bouton **Extensions** > **Gérer les extensions**
+    * activer le bouton **Mode développeur**
+    * lors de la 1re installation,  cliquez sur **Charger l'extension décompressé**
+    * Sélectionner le répertoire des fichiers en local de l'extension MicrosoftEdge-Extensions contenant un fichier manifestement.json (MicrosoftEdge-Extensions/Extension-samples/picture-viewer-popup-webpage)
+    * l'extension est installée **A parti d'autrse sources**.
+{{ :dev:extensionnavigateur:extension_01.png |}}
+===== Exécution de l'exemple =====
+Dans le navigateur :
+  * cliquez sur le bouton **Extensions**
+  * cliquez sur le nom de la nouvelle extension : **Picture viewer pop-up webpage**
+  * Le pop-up affiche l'image **stars.jpeg**