En Chrome 75, agregamos compatibilidad con lo siguiente:
- Hay una nueva forma de reducir la latencia en los elementos
canvas
. - Las apps web ahora pueden compartir archivos con otras apps instaladas mediante la hoja para compartir a nivel del sistema.
- Los literales numéricos ahora permiten guiones bajos como separadores para que sean más legibles.
- Google I/O 2019 finalizó y todas las charlas llegaron a nuestro canal de YouTube.
Soy Pete LePage. Comencemos y veamos las novedades para desarrolladores en Chrome 75.
Registro de cambios
Esto solo abarca algunos de los aspectos destacados. Consulta los vínculos que aparecen a continuación para conocer cambios adicionales en Chrome 75.
- Novedades de las Herramientas para desarrolladores de Chrome (75)
- Bajas y eliminaciones de Chrome 75
- Actualizaciones de ChromeStatus.com para Chrome 75
- Novedades de JavaScript en Chrome 75
- Lista de cambios del repositorio de código fuente de Chromium
Ajuste para contextos de canvas
de baja latencia
Dibujar en la pantalla con el elemento canvas requiere que la página sincronice las actualizaciones gráficas con el DOM. A veces, esta sincronización puede causar latencia. Por ejemplo, en una app de dibujo, las latencias de más de 50 milisegundos pueden interferir con la coordinación de los ojos y las manos, lo que dificulta su uso.
Cuando se crea un contexto canvas
, la sugerencia desynchronized
usa una ruta de código diferente que omite el mecanismo habitual de actualización del DOM. La sugerencia le indica al sistema que omita tanta composición como pueda. En algunos casos, el búfer subyacente de canvas
se envía directamente al controlador de pantalla de la pantalla. Esto elimina la latencia que generaría el uso de la cola del compositor del procesador.
Usar la sugerencia desincronizada es simple: solo agrega desynchronized: true
al objeto de opciones cuando creas el lienzo.
const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);
Consulta el artículo de Joe Renderización de baja latencia con la sugerencia desincronizada para obtener más detalles, incluida la detección de funciones para ella.
Cómo compartir archivos con la API de Web Share
La API de Web Share te permite conectarte al servicio para compartir que proporciona el SO, lo que facilita compartir páginas web y apps con otras apps instaladas en el dispositivo del usuario.
En Chrome 75, la API de Web Share ahora admite el uso compartido de archivos. Esto me entusiasma, en especial, porque permite que las apps compartan fotos, videos y mucho más con mayor facilidad. Squoosh agrega compatibilidad para compartir un archivo una vez que terminaste de comprimirlo. En la actualidad, la API de Web Share admite el uso compartido de archivos de audio, imágenes, videos y documentos de texto.
Es mejor usar la detección de funciones para ver si la API de Web Share es compatible y, en caso de que no lo sea, recurrir a tu mecanismo tradicional. Además, puedes usar navigator.canShare
para verificar si se admite el uso compartido de archivos.
const webShareAvailable = {
links: 'share' in navigator,
files: 'canShare' in navigator,
};
Si navigator.canShare
muestra true
, se admite el uso compartido de esos archivos, por lo que puedes llamar a navigator.share
y pasar un objeto con el array de archivos que deseas compartir. Chrome abrirá la hoja de cálculo para compartir el sistema y te dará una lista de las apps instaladas con las que puedes compartir los archivos.
if (webShareAvailable.files) {
const shareData = { files: filesArray };
if (navigator.canShare(shareData)) {
shareData.title = 'Squooshed files.';
navigator.share(shareData)
.then(...)
.catch(...);
} else {
// File sharing not supported
}
}
Prueba la demostración y consulta el artículo Cómo compartir archivos mediante la función Compartir en la Web para obtener más detalles.
Separadores numéricos
Los literales numéricos ahora permiten los guiones bajos (_, U+005F) como separadores para que sean más legibles. Por ejemplo, las operaciones matemáticas interpretarán 1_000_000_000
como equivalente a 1000000000
.
Los guiones bajos solo pueden aparecer entre dígitos, y no se permiten guiones bajos consecutivos. Por lo tanto, los literales como 3._14
, _2.71
o 1.6__2
son ilegales.
Concluyó Google I/O 2019
Si no asististe a I/O, o tal vez sí lo hiciste y no viste todas las charlas, todas están en el canal de YouTube para desarrolladores de Chrome, en la lista de reproducción Web at Google I/O 2019.
- Tom y yo presentaron el artículo “Unlocking new capability for the web” (Cómo desbloquear nuevas capacidades para la Web), que abarcó algunas de las increíbles capacidades nuevas que llegarán a los navegadores este año.
- Addy y Katie presentaron algunas sugerencias y trucos de rendimiento geniales en "Velocidad a gran escala".
- Elizabeth y Paul exploraron algunas herramientas para desarrolladores geniales en “Desmitificación de herramientas de velocidad”.
- En “Crea apps web rápidas y fluidas desde teléfonos de gama media hasta computadoras de escritorio”, Mariko nos mostró cómo ella y su equipo crearon Proxx para que funcione en cualquier dispositivo, desde teléfonos de gama media hasta smartphones y computadoras. Si todavía no probaste Proxx, es un clon de un limpiador de minas muy divertido.
Suscribirse
Si quieres mantenerte al día con nuestros videos, suscríbete a nuestro canal de YouTube para desarrolladores de Chrome. Recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo.
Soy Pete LePage, y apenas se lance Chrome 76, estaré aquí para contarte las novedades de Chrome.
Créditos de las fotos
- Boceto de una foto de Balázs Kétyi de Unsplash