- Ahora puedes crear tu propia etiqueta HTML personalizada y crear componentes web reutilizables con la versión 1 de Custom Elements.
- Es más fácil enviar mensajes entre ventanas o pestañas abiertas en el mismo origen con la API de BroadcastChannel.
- La experiencia multimedia mejora en Android y la recuperación de contenido extranjero ahora está disponible como prueba de origen.
Soy Pete LePage. Comencemos a ver las novedades para los desarrolladores en Chrome 54.
Elementos personalizados v1
Las interfaces de usuario complejas suelen requerir una gran cantidad de HTML. La mayoría de los lenguajes permiten a los desarrolladores crear sus propios componentes compilados sobre primitivas de 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 nuevo elemento en JavaScript. El resultado es una forma nativa del navegador para compilar componentes interoperables y reutilizables.
Chrome 54 admite la especificación V1 más reciente de los elementos personalizados y seguirá admitiendo la API de V0 hasta que una cantidad suficiente de usuarios se hayan trasladado a la V1.
Consulta nuestro instructivo sobre elementos personalizados para descubrir cómo puedes usarlos para crear componentes web reutilizables para tu sitio o aplicación.
API de BroadcastChannel
No es raro que los usuarios de computadoras de escritorio 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.
La comunicación entre esas pestañas puede ser difícil. La API de BroadcastChannel es una nueva API de mensajería de uno a muchos entre ventanas, pestañas, iframes, trabajadores web y trabajadores de servicio. Permite que las secuencias de comandos establezcan canales nombrados para enviar mensajes entre contextos de navegación del mismo origen.
Otros recursos de BroadcastChannel
requestFullScreen
El contenido multimedia es 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 de orientación de la pantalla, lo que te permite crear experiencias multimedia más enriquecidas que incluyen la rotación a pantalla completa.
Recuperación de fuentes externas
Imagina que un origen de uso general, como un proveedor de API, un servicio de fuentes web o cualquier otro servicio, pudiera implementar su propio trabajador de servicio.
En lugar de ir siempre a la red, el proveedor podría implementar su propia lógica de red personalizada y aprovechar una sola instancia de caché autorizada para almacenar sus respuestas.
Ahora, gracias a la recuperación externa, que está disponible en Chrome 54 como una prueba de origen, es una realidad. Consulta la entrada de Jeffrey que se encuentra vinculada en los comentarios a continuación.
Closing
Estos son solo algunos de los cambios en Chrome 54 para desarrolladores.
Consulta la descripción para obtener más detalles y vincula la documentación y las especificaciones.
Además, no olvides consultar la Cumbre de Chrome Dev, que transmitiremos en YouTube el 10 y 11 de noviembre.
Si quieres mantenerte al tanto de las novedades de Chrome y saber qué viene a continuación, haz clic en el botón Suscribirse que se encuentra más arriba.
Soy Pete LePage y, en cuanto se lance Chrome 55, estaré aquí para contarte las novedades.