Oharra
Orrialde honetara sartzeak baimena behar du. Saioa hasteko edo direktorioak aldatzen saia zaitezke.
Orrialde honetara sartzeak baimena behar du. Direktorioak aldatzen saia zaitezke.
Use las demostraciones de extensiones para aprender a desarrollar extensiones para Microsoft Edge.
repositorio de MicrosoftEdge-Extensions
| Nombre de demostración | Descripción | Código fuente & Léame | Documentos |
|---|---|---|---|
| Página web emergente del visor de imágenes | Extensión del explorador, sin JavaScript, que muestra la stars.jpeg imagen en una página web pequeña en un elemento emergente en cualquier pestaña de Microsoft Edge. |
/picture-viewer-popup-webpage/ | Ejemplo: Página web emergente del visor de imágenes |
| Insertador de imágenes mediante script de contenido | Usa código JavaScript para insertar la stars.jpeg imagen en la parte superior de la página web actual, dentro del <body> elemento . |
/picture-inserter-content-script/ | Ejemplo: Insertador de imágenes mediante script de contenido |
Repositorio MicrosoftEdge/Demos
| Nombre de demostración | Descripción | Código fuente & Léame | Documentos |
|---|---|---|---|
| Extensión DevTools | Incluye las siguientes demostraciones. | /devtools-extension/ | Crear una extensión de DevTools, agregar una pestaña y un panel de herramientas personalizados |
| Básico | Una extensión Básica de DevTools. | /devtools-extension/sample 1/ en el repositorio MicrosoftEdge/Demos | Paso 1: Crear una extensión básica de Microsoft Edge que tenga una página web de DevTools en Crear una extensión de DevTools, agregando una pestaña y un panel de herramientas personalizados. |
| Panel | Una extensión DevTools básica con un panel. | /devtools-extension/sample 2/ en el repositorio MicrosoftEdge/Demos | Paso 2: Agregar una herramienta personalizada en DevTools en Crear una extensión de DevTools, agregando una pestaña y un panel de herramientas personalizados. |
| CDP | Una extensión Básica de DevTools que invoca las API del Protocolo para desarrolladores de Chrome (CDP). | /devtools-extension/sample 3/ en el repositorio MicrosoftEdge/Demos | Paso 3: Mostrar información de memoria llamando a las API de extensión en Crear una extensión de DevTools, agregando una pestaña y un panel de herramientas personalizados. |
| Inspect | Una extensión Básica de DevTools que interactúa con la página Inspeccionada. | /devtools-extension/sample 4/ en el repositorio MicrosoftEdge/Demos | Paso 4: Interactuar entre la página web y DevTools en Crear una extensión de DevTools, agregando una pestaña y un panel de herramientas personalizados. |
Consulte también
- Clone el repositorio de Demostraciones de Edge en la unidad en código de ejemplo para DevTools.