Nota
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
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.