- Ahora puedes crear tu propia etiqueta HTML personalizada y crear componentes web reutilizables con Elementos personalizados v1.
- Es más fácil enviar mensajes entre ventanas o pestañas abiertas en el mismo origen con la API de BroadcastChannel.
- Mejora la experiencia multimedia en Android, y la recuperación externa ahora está disponible como prueba de origen.
Soy Pete LePage. Comencemos con las novedades para desarrolladores en Chrome 54.
Elementos personalizados v1
Las interfaces de usuario complejas a menudo requieren una gran cantidad de HTML. La mayoría de los lenguajes permiten a los desarrolladores crear sus propios componentes compilados sobre las primitivas del lenguaje para mitigar este tipo de verbosidad. Sin embargo, hasta ahora, crear componentes reutilizables en la Web era difícil.
Los elementos personalizados te permiten crear tus propias etiquetas HTML personalizadas y definir la API y el comportamiento del elemento nuevo en JavaScript. El resultado es una forma nativa del navegador de compilar componentes interoperables y reutilizables.
Chrome 54 es compatible con las especificaciones de la versión 1 más recientes de los elementos personalizados y seguirá admitiendo la API de V0 hasta que una cantidad suficiente de elementos haya cambiado a la versión 1.
Consulta nuestros primeros pasos sobre los elementos personalizados y aprende a usarlos para crear componentes web reutilizables para tu sitio o aplicación.
API de BroadcastChannel
Es común que los usuarios de computadoras tengan varias ventanas o pestañas abiertas simultáneamente, y algunos sitios incluso fomentan este comportamiento, como los editores web que abren documentos en sus propias pestañas.
Puede ser difícil comunicarse entre esas pestañas. La
API de BroadcastChannel es una nueva API de mensajería
de uno a varios entre ventanas, pestañas, iframes, trabajadores web y service worker. Permite que las secuencias de comandos establezcan canales con nombre para enviar mensajes entre contextos de navegación del mismo origen.
Otros recursos de BroadcastChannel
requestFullScreen
Los medios son una parte cada vez más importante de la experiencia de navegación.
Además de un gesto del usuario, ahora puedes usar Element.requestFullScreen() para activar el modo de pantalla completa después de un cambio en la orientación de la pantalla, lo que te permite crear experiencias multimedia enriquecidas que incluyen rotar a pantalla completa.
Recuperación externa
Imagina si un origen de uso común, como un proveedor de API, un servicio de fuentes web o algún otro servicio, tuviera la capacidad de implementar su propio service worker.
En lugar de ir siempre a la red, el proveedor podría implementar su propia lógica de red personalizada y aprovechar una única instancia de caché autorizada para almacenar sus respuestas.
Ahora, gracias a la recuperación externa, que está disponible en Chrome 54 como prueba de origen, esto se hace realidad. Consulta la publicación de Jeffrey vinculada en los comentarios.
Closing
Estos son solo algunos de los cambios en Chrome 54 para desarrolladores.
Consulta la descripción para obtener más detalles y los vínculos a la documentación y las especificaciones.
Ah, y no olvides asistir a la Chrome Dev Summit, que transmitiremos en YouTube el 10 y 11 de noviembre.
Si quieres mantenerte al día con Chrome y saber lo que viene, haz clic en el botón Suscribirse que aparece allí.
Soy Pete LePage, y en cuanto se lance Chrome 55, estaré aquí para contarte las novedades de Chrome.