Desarrollo de experiencias para la barra lateral en Microsoft Edge
La barra lateral de Microsoft Edge es un panel persistente situado en el lado del explorador, que coexiste con el contenido principal del explorador. La barra lateral permite a los usuarios acceder fácilmente a sitios web y utilidades populares junto con sus pestañas del navegador. El contenido de la barra lateral aumenta la tarea principal del usuario al habilitar la exploración en paralelo y minimizar la necesidad de cambiar contextos entre las pestañas del explorador. Mediante el uso de la barra lateral en Microsoft Edge, los usuarios pueden acceder a las herramientas de productividad que necesitan mientras permanecen en su flujo de trabajo.
Como desarrollador, puede aprovechar la barra lateral para sus propias experiencias de dos maneras:
- Adaptando la aplicación web progresiva (PWA) existente para que se ejecute en la barra lateral.
- Mediante el uso de la API de barra lateral en la extensión de Microsoft Edge.
Elegir el enfoque correcto
Las dos maneras diferentes en las que puede aprovechar la barra lateral están diseñadas para satisfacer las diferentes necesidades de los desarrolladores. A continuación se muestran las principales diferencias entre las aplicaciones de barra lateral y las extensiones de barra lateral:
| Aspecto | Aplicación de barra lateral | Extensión de barra lateral |
|---|---|---|
| Definición de términos | Una aplicación web progresiva (PWA) que se ejecuta en la barra lateral. | Extensión de Microsoft Edge que muestra contenido en la barra lateral. |
| Distribución | Al igual que un sitio web, la aplicación se hospeda en el servidor web de la aplicación. | La extensión se distribuye a través del sitio web de complementos de Microsoft Edge. |
| Capacidades | La aplicación puede usar todas las API y características web, así como funcionalidades de PWA, como la compatibilidad sin conexión, la inserción o el acceso al sistema de archivos. | La extensión puede usar api de extensión eficaces, como leer o modificar la página actual. |
| Contexto | La aplicación se ejecuta en su propio contexto web, independiente de la pestaña principal. | La extensión puede acceder a la página web actual y modificarla a través del script de contenido de la extensión. |
| Instalación | El usuario instala la aplicación interactuando con la barra lateral al visitar el sitio web de la aplicación. | El usuario instala la extensión desde el sitio web de complementos de Microsoft Edge. |
| Experiencia del usuario | La aplicación tiene su propio icono en la barra lateral. Al hacer clic en el icono, se abre la barra lateral si se ha cerrado y se muestra el contenido de la aplicación. | La experiencia del usuario depende de la extensión. La extensión puede abrir la barra lateral en función de los sitios web que el usuario visita en el explorador. |
| Tecnologías usadas | Desarrollo web y PWA. Consulte Introducción a la Web Apps progresiva (PPA). | Desarrollo de extensiones. Consulte Introducción a las extensiones de Microsoft Edge. |
Aplicaciones de barra lateral
Las aplicaciones de barra lateral le permiten adaptar la aplicación web progresiva (PWA) existente para que se ejecute de forma segura junto con otras pestañas del explorador para una experiencia de exploración conjunta en paralelo. Este enfoque es una excelente opción para los desarrolladores web que quieren ofrecer experiencias complementarias, como aplicaciones sociales, de mensajería o multimedia que no requieren funcionalidades de extensiones avanzadas.
La infraestructura de la aplicación de barra lateral ayuda a los usuarios a detectar e instalar aplicaciones de barra lateral a medida que navegan por la web, lo que proporciona una gran capacidad de detección para la aplicación simplemente realizando un simple cambio en el archivo de manifiesto de la aplicación web. Las aplicaciones de barra lateral son una excelente opción si desea reutilizar la aplicación web existente para la barra lateral en Microsoft Edge y hacer un uso completo de las funcionalidades web que están disponibles para los PWA.
Para obtener más información sobre las PPA y cómo crearlas, consulte Introducción a la Web Apps progresiva (PPA). Y para obtener más información sobre cómo adaptar la PWA existente a la barra lateral de Microsoft Edge, consulte Compilación de PWA para la barra lateral en Microsoft Edge.
Extensiones de barra lateral
Las extensiones de Microsoft Edge (complementos) pueden usar opcionalmente la API de barra lateral para mostrar una interfaz de usuario personalizada en la barra lateral de Microsoft Edge. Esto se suma a los otros lugares en los que también aparecen las extensiones, como en la barra de herramientas de Microsoft Edge o como elementos emergentes.
Si la experiencia de la aplicación se basa en api de extensiones eficaces, por ejemplo, para leer o modificar la página actual, una extensión de barra lateral proporciona estas funcionalidades. Los usuarios pueden buscar e instalar estas extensiones a través del sitio web de complementos de Microsoft Edge. El equipo de Microsoft Edge sigue evolucionando estos modelos de extensibilidad de la barra lateral y agradece sus comentarios. Para dejar comentarios, cree un nuevo problema en el repositorio o busque problemas existentes y únase a las conversaciones existentes.
Para obtener más información sobre las extensiones de Microsoft Edge y cómo crearlas, consulte Información general sobre las extensiones de Microsoft Edge. Y para obtener más información sobre el uso de la API de barra lateral en la extensión, consulte Desarrollo de una extensión para la barra lateral de Microsoft Edge.