Outils pour utilisateurs

Outils du site


dev:extensionnavigateur:exempleimage

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
dev:extensionnavigateur:exempleimage [2025/03/23 10:49] – [Ressources] techer.charles_educ-valadon-limoges.frdev:extensionnavigateur:exempleimage [2025/03/23 11:15] (Version actuelle) – [Démarche] techer.charles_educ-valadon-limoges.fr
Ligne 4: Ligne 4:
 ===== Objectif ===== ===== Objectif =====
 Afficher l’image **stars.jpeg** dans une petite page web dans une fenêtre contextuelle dans n’importe quel onglet Microsoft Edge. 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**
  
dev/extensionnavigateur/exempleimage.1742723377.txt.gz · Dernière modification : 2025/03/23 10:49 de techer.charles_educ-valadon-limoges.fr