Vous pouvez inclure des pages Web dans votre WebExtension sous la forme de  formulaires, d'aide ou tout autre contenu dont votre WebExtension a besoin.

Example of a simple bundled page displayed as a detached panel.

Ces pages ont également accès aux mêmes accès que les API JavaScript qui sont disponibles pour les scripts de fond de votre extension.

Spécification des pages Web groupées

Vous pouvez inclure des fichiers HTML, et associés des fichiers CSS ou JavaScript, dans votre WebExtension. Les fichiers peuvent être inclus à la racine ou organisés dans des sous-dossiers.

Affichage des pages Web groupées

Il existe deux options pour afficher des pages Web groupées windows.create() et tabs.create().

A l'aide windows.create(), par exemple, vous pouvez ouvrir une page HTML intégrée dans un panneau détaché (une fenêtre sans l'interface utilisateur UI de la barre d'adresse, la barre de signet et similaire) pour créer une expérience utilisateur semblable à une boîte de dialogue:

var createData = {
  type: "detached_panel",
  url: "panel.html",
  width: 250,
  height: 100
};
var creating = browser.windows.create(createData);

Lorsque la fenêtre n'est plus nécessaire, elle peut être fermée par programmation, par exemple, après que l'utilisateur clique sur un bouton, en passant l'ID de la fenêtre actuelle à windows.remove():

document.getElementById("closeme").addEventListener("click", function(){
  var winId = browser.windows.WINDOW_ID_CURRENT;
  var removing = browser.windows.remove(winId);
}); 

Exemples

Le depot webextensions-examples sur GitHub contient plusieurs exemples de WebExtensions qui utilise une action de navigateur :

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : hellosct1
 Dernière mise à jour par : hellosct1,