Modules

devtools.panels.ExtensionPanel

Une ExtensionPanel représente un panneau ajouté aux devtools. C'est la résolution de la Promesse renvoyé par browser.devtools.panels.create().

Type

Les valeurs de ce type sont des objets. Définissez deux événements, onShown et onHidden.

  • onShown est émis lorsque le panneau est affiché dans les devtools (par exemple, quand l'utilisateur a cliqué sur le panneau dans la fenêtre des  devtools).
  • onHidden est émis lorsque le panneau est caché (par exemple, quand l'utilisateur a basculé sur un onglet différent dans la fenêtre devtools).

Compatibilité du navigateur

ChromeEdgeFirefoxFirefox for AndroidOpera
onHidden Oui Non54 Non Oui
onSearch Oui Non Non Non Oui
onShown Oui Non54 Non Oui

Exemples

Ce code crée un nouveau panneau, puis ajoute des gestionnaires pour ces événements onShown et onHidden.

function handleShown(e) {
  console.log(e);
  console.log("panel is being shown");
}

function handleHidden(e) {
  console.log(e);
  console.log("panel is being hidden");
}

browser.devtools.panels.create(
  "My Panel",                 // title
  "icons/star.png",           // icon
  "devtools/panel/panel.html" // content
).then((newPanel) => {
  newPanel.onShown.addListener(handleShown);
  newPanel.onHidden.addListener(handleHidden);
});

Remerciements

Cette API est basée sur l'API Chromium chrome.devtools.panels.

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,