Anmerkung
Der Zugriff auf diese Seite erfordert eine Genehmigung. Du kannst versuchen, dich anzumelden oder die Verzeichnisse zu wechseln.
Der Zugriff auf diese Seite erfordert eine Genehmigung. Du kannst versuchen , die Verzeichnisse 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.