page_action
Typ | Object |
---|---|
Verpflichtend | Nein |
Manifest-Version | 2 oder höher |
Beispiel |
json
|
Eine Page Action ist ein Symbol, das Ihre Erweiterung in der URL-Leiste des Browsers hinzufügt.
Ihre Erweiterung kann optional auch ein zugehöriges Popup bereitstellen, dessen Inhalt mithilfe von HTML, CSS und JavaScript angegeben wird.
Sie müssen diesen Schlüssel angeben, um eine Page Action in Ihre Erweiterung aufzunehmen. Wenn angegeben, können Sie die Schaltfläche programmatisch mithilfe der pageAction
API manipulieren.
Wenn Sie ein Popup bereitstellen, wird dieses geöffnet, wenn der Benutzer auf das Symbol klickt, und Ihr JavaScript, das im Popup ausgeführt wird, kann die Interaktion des Benutzers damit verarbeiten. Wenn Sie kein Popup bereitstellen, wird beim Klick des Benutzers auf das Symbol ein Klickereignis an die Hintergrundskripte Ihrer Erweiterung gesendet.
Page Actions ähneln Browser Actions, außer dass sie mit bestimmten Webseiten und nicht mit dem gesamten Browser verbunden sind. Wenn eine Aktion nur auf bestimmten Seiten relevant ist, sollten Sie eine Page Action verwenden und sie nur auf den relevanten Seiten anzeigen. Wenn eine Aktion für alle Seiten oder für den Browser selbst relevant ist, verwenden Sie eine Browser Action.
Während Browser Actions standardmäßig angezeigt werden, sind Page Actions standardmäßig ausgeblendet. Sie können für einen bestimmten Tab angezeigt werden, indem Sie pageAction.show()
aufrufen und die id
des Tabs übergeben. Sie können dieses Standardverhalten auch mit der Eigenschaft show_matches
ändern.
Syntax
Der Schlüssel page_action
ist ein Objekt, das bis zu drei Eigenschaften enthalten kann, alle optional:
Name | Typ | Beschreibung |
---|---|---|
browser_style
Optional Veraltet in Manifest V3. |
Boolean |
Optional. Standardmäßig
Setzen Sie
In Firefox kann das Stylesheet unter
Die
latest-download
Beispielerweiterung verwendet |
default_icon |
Object oder String |
Verwenden Sie dies, um ein Symbol für die Aktion anzugeben.
Es wird empfohlen, hier zwei Symbole anzugeben (19×19 Pixel und
38×38 Pixel) und diese in einem Objekt mit den Eigenschaften
json
Wenn Sie dies tun, wählt der Browser die richtige Symbolgröße für die Pixeldichte des Bildschirms. Sie können hier auch einfach einen String angeben: json
Wenn Sie dies tun, wird das Symbol skaliert, um in die Symbolleiste zu passen, und kann unscharf erscheinen. |
default_popup |
String |
Der Pfad zu einer HTML-Datei, die die Spezifikation des Popups enthält.
Die HTML-Datei kann CSS- und JavaScript-Dateien enthalten, die mit
Im Gegensatz zu einer normalen Webseite kann JavaScript, das im Popup ausgeführt wird, auf alle WebExtension-APIs zugreifen (natürlich vorausgesetzt, dass die Erweiterung über die entsprechenden Berechtigungen verfügt). Dies ist eine lokalisierbare Eigenschaft. |
default_title |
String |
Tooltip für das Symbol, das angezeigt wird, wenn der Benutzer die Maus darüber bewegt. Dies ist eine lokalisierbare Eigenschaft. |
hide_matches |
Array von Match Pattern außer
<all_urls>
|
Blendet die Page Action standardmäßig für Seiten aus, deren URLs mit einem der angegebenen Match Patterns übereinstimmen.
Beachten Sie, dass Page Actions standardmäßig immer ausgeblendet sind, es sei denn,
Beispielsweise könnte ein Wert wie folgt aussehen: json
Dies zeigt die Page Action standardmäßig für alle HTTPS-URLs unter der
Domain |
show_matches |
Array von Match Pattern |
Zeigt die Page Action standardmäßig für Seiten an, deren URLs mit einem der angegebenen Muster übereinstimmen. Siehe auch |
pinned
Veraltet
|
Boolean |
Optional. Standardmäßig Kontrolliert, ob die Page Action standardmäßig in der Adressleiste angezeigt werden soll, wenn der Benutzer die Erweiterung installiert. Diese Eigenschaft wird seit Firefox 89 nicht mehr unterstützt. |
Beispiel
"page_action": {
"default_icon": {
"19": "button/geo-19.png",
"38": "button/geo-38.png"
}
}
Eine Page Action mit nur einem Symbol, das in 2 verschiedenen Größen angegeben ist. Die Hintergrundskripte der Erweiterung können Klickereignisse empfangen, wenn der Benutzer auf das Symbol klickt, indem Code wie folgt verwendet wird:
browser.pageAction.onClicked.addListener(handleClick);
"page_action": {
"default_icon": {
"19": "button/geo-19.png",
"38": "button/geo-38.png"
},
"default_title": "Whereami?",
"default_popup": "popup/geo.html"
}
Eine Page Action mit einem Symbol, einem Titel und einem Popup. Das Popup wird angezeigt, wenn der Benutzer auf das Symbol klickt.
Browser-Kompatibilität
Loading…