Hinweis
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, sich anzumelden oder das Verzeichnis zu wechseln.
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, das Verzeichnis zu wechseln.
Verwenden Sie die Demos für Erweiterungen, um zu erfahren, wie Sie Erweiterungen für Microsoft Edge entwickeln.
MicrosoftEdge-Extensions-Repository
| Demoname | Beschreibung | Quellcode & Infodatei | Dokumente |
|---|---|---|---|
| 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/ | 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/ | Beispiel: Bildeinfügung mithilfe eines Inhaltsskripts |
MicrosoftEdge/Demos-Repository
| Demoname | Beschreibung | Quellcode & Infodatei | Dokumente |
|---|---|---|---|
| DevTools-Erweiterung | Enthält die folgenden Demos. | /devtools-extension/ | Erstellen einer DevTools-Erweiterung, Hinzufügen einer benutzerdefinierten Toolregisterkarte und eines Bereichs |
| Einfach | 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. |
| Inspect | 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. |
Weitere Informationen
- Klonen Sie das Edge-Demos-Repository auf Ihr Laufwerk unter Beispielcode für DevTools.