devtools.panels.ExtensionPanel
Une ExtensionPanel
représente un panneau ajouté aux devtools. C'est la résolution de la Promise
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é des navigateurs
Report problems with this compatibility data on GitHubdesktop | mobile | ||||||
---|---|---|---|---|---|---|---|
ExtensionPanel | |||||||
createStatusBarButton | |||||||
onHidden | |||||||
onSearch | |||||||
onShown |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
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);
});
Note :
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.