Chrome 48 Beta: Presentación en Cast, botones de notificación personalizados y estimación de redes

Publicado por Anton Vayvod, Consultor de administración de presentaciones

A menos que se realicen otras observaciones, los cambios que se describen a continuación se aplican a la versión más reciente del canal de Chrome Beta para Android, Chrome OS, Linux, Mac y Windows.

API de presentación

Históricamente, desde los sitios no se ha podido presentar contenido a los dispositivos cercanos, lo cual dificultó la creación de experiencias como el “modo de presentación” de diapositivas para la Web móvil. La última versión de Chrome para Android ahora permite que desde los sitios móviles se realicen presentaciones en dispositivos con Google Cast a través de la API de presentación basada en estándares y el SDK de la Web de Cast.

Botones personalizados en las notificaciones

En Chrome 42, se presentó a los usuarios la capacidad de recibir notificaciones de inserción de sitios web. Esto les permitió a los usuarios relacionarse de manera más estrecha con sus sitios preferidos. El uso de la función aumentó rápidamente, y ahora Chrome brinda más de 350 millones de notificaciones de inserción todos los días. En la última versión de Chrome, los sitios ahora pueden agregar botones personalizados a las notificaciones. Esto permite a los usuarios completar tareas directamente desde las notificaciones.

Acciones de notificación en Chrome 48 para Android

Cómo detectar la velocidad de conexión máxima

El teléfono móvil de un usuario se conecta a Internet a través de cualquier medio, desde una red wifi de alta calidad hasta una red 2G. Esto ha generado dificultades a la hora de diseñar la experiencia móvil adecuada. Los desarrolladores ahora pueden usar NetworkInformation.downlinkMax para detectar el ancho de banda máximo de un dispositivo y así poder enviar los recursos óptimos de acuerdo a la velocidad de conexión. Los sitios también pueden responder ante cambios en la calidad de la conexión gracias al controlador de eventos NetworkInformation.onChange.

Otras opciones de esta versión

• El nuevo panel de seguridad de DevTools permite a los desarrolladores comprender el estado de seguridad de una página para ayudarlos a migrar sus sitios web al protocolo HTTPS.
• En los sitios, ahora se puede usar FontFaceSet con mayor flexibilidad a través de varios métodos de iteración nuevos.
• WebRTC ahora admite el códec de video VP9 y puede procesar video en HD con casi la mitad del ancho de banda del VP8 o el H264.
• Ahora es posible acortar y simplificar la sintaxis de JavaScript de Web Audio aplicando encadenamiento de métodos a los métodos de automatización AudioNode.connect() y AudioParam.connect().
• El atributo MediaStreamTrack.remote permite detectar en los sitios si un flujo de medios pertenece a una fuente remota.
• En los sitios ahora es posible detectar las activaciones de teclas por parte de un usuario a través del atributo KeyboardEvent.code, sin necesidad de considerar el tipo de navegador ni el sistema operativo.
• Los desarrolladores ahora pueden aprovechar los comportamientos de lenguaje JavaScript que anteriormente no se expusieron en ES5, o que se muestran a continuación, con los símbolos conocidos @@isConcatSpreadable y @@toPrimitive.
• Ahora, min-width:auto y min-height:auto funcionan para elementos flexibles sin flex-basis:auto.
• Se agregaron varios métodos getAll() a IndexedDB para simplificar interacciones en bloque.

Cambios de menor importancia

• ServiceWorkerRegistration.update() ya no omite el caché para la verificación de actualizaciones dentro de las 24 horas. Esto mejora la adecuación a las especificaciones.
• El atributo de error de IDBRequest y IDBTransaction ahora devolverá DOMException en lugar de DOMError para mejorar la adecuación de Chrome a las especificaciones.
• Debido a varias vulnerabilidades, el cifrado RC4 ya no es compatible en conexiones HTTPS.
• El método MediaStreamTrack.getSources() ha quedado en desuso a favor de MediaDevices.enumerateDevices().
• Se eliminó SVGGraphicsElement.getTransformToElement para cumplir con la especificación de SVG.
• Se eliminó getSVGDocument() de HTMLFrameElement.prototype para cumplir con la especificación.
• Se eliminaron las propiedades glyph-orientation-horizontal y glyph-orientation-vertical de SVG en favor de la propiedad text-orientation de CSS.
• Se eliminaron las propiedades SVGElement.offset* y las interfaces SVGPathSeg para mejorar la adecuación a las especificaciones.
• Se eliminó el operador compuesto plus-darker de CSS para una mayor adecuación a las especificaciones.
• Se eliminó el método item() de TextTrackList y TextTrackCueList para una mayor adecuación a las especificaciones.
• Ahora, los desarrolladores pueden dar forma a sólidas experiencias con texto RTL a través de los modos de escritura de CSS de nivel 3 sin prefijos.
• Las propiedades font-feature-settings de CSS ya no llevan prefijos.