Freigeben über

Beispiele für Microsoft Edge-Erweiterungen

Verwenden Sie die Demos für Erweiterungen, um zu erfahren, wie Sie Erweiterungen für Microsoft Edge entwickeln.

Liste der Beispiele

Demoname Beschreibung Repositoryverzeichnis Docs
Bildanzeige-Popupwebseite Eine Browsererweiterung ohne JavaScript, die das stars.jpeg Bild auf einer kleinen Webseite in einem Popup auf einer beliebigen Microsoft Edge-Registerkarte anzeigt. /picture-viewer-popup-webpage/ in microsoft / MicrosoftEdge-Extensions-Repository Beispiel: Bildanzeige-Popupwebseite
Bildeinfügung mit Inhaltsskript Verwendet JavaScript-Code, um das stars.jpeg Bild oben auf der aktuellen Webseite innerhalb des <body> -Elements einzufügen. /picture-inserter-content-script/ in microsoft / MicrosoftEdge-Extensions-Repository Beispiel: Bildeinfügung mithilfe eines Inhaltsskripts
Standard Eine grundlegende DevTools-Erweiterung. /devtools-extension/sample 1/ in MicrosoftEdge/Demos-Repository Schritt 1: Erstellen Sie eine grundlegende Microsoft Edge-Erweiterung mit einer DevTools-Webseite unter Erstellen einer DevTools-Erweiterung, und fügen Sie eine benutzerdefinierte Toolregisterkarte und einen Bereich hinzu.
Panel Eine grundlegende DevTools-Erweiterung mit einem Panel. /devtools-extension/sample 2/ in MicrosoftEdge/ Demos-Repository Schritt 2: Hinzufügen eines benutzerdefinierten Tools in DevTools unter Erstellen einer DevTools-Erweiterung und Hinzufügen einer benutzerdefinierten Toolregisterkarte und eines Bereichs.
CDP Eine grundlegende DevTools-Erweiterung, die CDP-APIs (Chrome Developer Protocol) aufruft. /devtools-extension/sample 3/ in MicrosoftEdge/Demos-Repository Schritt 3: Anzeigen von Speicherinformationen durch Aufrufen von Erweiterungs-APIs unter Erstellen einer DevTools-Erweiterung, Hinzufügen einer benutzerdefinierten Toolregisterkarte und eines Bereichs.
Prüfen Eine einfache DevTools-Erweiterung, die mit der Seite "Inspected" interagiert. /devtools-extension/sample 4/ in MicrosoftEdge/Demos-Repository Schritt 4: Interagieren zwischen der Webseite und DevTools unter Erstellen einer DevTools-Erweiterung, Hinzufügen einer benutzerdefinierten Toolregisterkarte und eines Bereichs.

Siehe auch