Une action de page est une icône cliquable dans la barre d'adresse du navigateur.

Vous pouvez écouter les clics sur l'icône, ou spécifié une fenêtre contextuelle qui s'ouvre  lorsque l'icone est cliquée.

Si vous spécifiez une fenêtre contextuelle, vous pouvez définir son contenu et son comportement en utilisant HTML, CSS et JavaScript, tout comme une page Web normale. Le JavaScript s'exécutant dans la fenêtre contextuelle accède à toutes les mêmes API WebExtension que vos scripts d'arrière-plan.

Vous pouvez définir la plupart des propriétés d'une action de page de manière déclarative à l'aide de la  clef page_action dans votre manifest.json, mais également les redéfinir par programmation en utilisant cette API.

Les actions de page sont destinées aux actions qui ne concernent que des pages particulières. Si votre icône doit être toujours disponible, utilisez plutôt une action du navigateur.

Types

pageAction.ImageDataType
Données en pixel pour une image.

Fonctions

pageAction.show()
Affiche l'action de la page pour un onglet donné.
pageAction.hide()
Caches l'action de la page pour un onglet donné.
pageAction.setTitle()
Définit le titre de l'action de la page. Ceci est affiché dans une info-bulle sur l'action de la page.
pageAction.getTitle()
Obtient le titre de l'action de la page
pageAction.setIcon()
Définit l'icône de l'action de la page.
pageAction.setPopup()
Définit l'URL de la fenêtre contextuelle de l'action de la page.
pageAction.getPopup()
Obtient l'URL de la fenêtre d'action de la page.

Evénements

pageAction.onClicked
Activé lorsqu'une icône d'action de page est cliquée. Cet événement ne se déclenchera pas si l'action de la page comporte une fenêtre contextuelle.

Compatibilité du navigateur

ChromeEdgeFirefoxFirefox for AndroidOpera
ImageDataType Oui Non45 Non Oui
getPopup Oui Oui4550 * Oui
getTitle Oui Oui45 Non Oui
hide Oui Oui4550 * Oui
onClicked Oui Oui4550 Oui
openPopup Non Non57 Non Non
setIcon Oui * Oui *45 Non15
setPopup Oui Oui4550 * Oui
setTitle Oui Oui45 Non Oui
show Oui Oui4550 * Oui

Example extensions

Remerciements :

Cette API est basée sur l'API Chromium chrome.pageAction. Cette documentation est dérivée de page_action.json dans le code de Chromium code.

Les données de compatibilité relatives à Microsoft Edge sont fournies par Microsoft Corporation et incluses ici sous la licence Creative Commons Attribution 3.0 pour les États-Unis.

Étiquettes et contributeurs liés au document

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