Novedades de Chrome 88

Pete LePage

Chrome 88 comienza a lanzarse en la versión estable.

Tenga en cuenta lo siguiente:

Soy Pete LePage, trabajo y grabo desde casa. Comencemos y veamos las novedades para desarrolladores en Chrome 88.

Manifest V3

Chrome 88 ahora admite extensiones compiladas con Manifest V3, y puedes subirlas a Chrome Web Store. Manifest V3 es una nueva plataforma de extensiones que hace que las extensiones de Chrome sean más seguras, más rápidas y más respetuosas de la privacidad de forma predeterminada.

Por ejemplo, no permite el código alojado de forma remota, lo que ayuda a los revisores de Chrome Web Store a comprender mejor los riesgos que plantea una extensión. Y debería permitirte actualizar tus extensiones más rápido.

Presenta los service workers como un reemplazo de las páginas en segundo plano. Dado que los trabajadores de servicio solo residen en la memoria cuando es necesario, las extensiones usarán menos recursos del sistema.

Además, para brindarles a los usuarios mayor visibilidad y control sobre cómo las extensiones usan y comparten sus datos, en una versión futura adoptaremos un nuevo flujo de instalación que les permitirá a los usuarios retener permisos sensibles en el momento de la instalación.

Consulta developer.chrome.com para obtener detalles completos y saber cómo migrar tu extensión actual a Manifest V3.


Propiedad aspect-ratio de CSS

Por lo general, solo algunos elementos tienen una relación de aspecto, por ejemplo, las imágenes. Para ellos, si solo se especifica el ancho o la altura, el otro se calcula automáticamente con la relación de aspecto intrínseca.

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

En Chrome 88, la propiedad aspect-ratio te permite especificar explícitamente una relación de aspecto, lo que habilita un comportamiento similar.

.square {
  aspect-ratio: 1 / 1;
}

También puedes usar la mejora progresiva para verificar si es compatible con el navegador y aplicar un resguardo si es necesario. Luego, con el nuevo selector not de CSS 4, puedes hacer que tu código sea un poco más limpio.

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

Gracias a Jen Simmons por señalar que esto es compatible con la Versión preliminar técnica más reciente de Safari, por lo que deberíamos verlo en Safari pronto. Y consulta la demostración de Una para verla en acción.

Limitación intensa de los cronómetros de JS encadenados

Chrome 88 limitará en gran medida los cronómetros de JavaScript encadenados para las páginas ocultas en condiciones particulares. Esto reducirá el uso de la CPU, lo que también reducirá el uso de la batería. Hay algunos casos extremos en los que esto cambiará el comportamiento, pero los temporizadores suelen usarse cuando una API diferente sería más eficiente y confiable.

Eso fue bastante técnico y un poco ambiguo, así que consulta el artículo de Jake Heavy throttling of chained JS timers beginning in Chrome 88 para obtener todos los detalles.

Facturación Play en Trusted Web Activities

Ahora puedes usar la Facturación Google Play en tu actividad web de confianza para vender bienes digitales y suscripciones con la nueva API de Digital Goods. Está disponible como prueba de origen en Chrome 88 en Android, y esperamos que se expanda a ChromeOS en la próxima versión.

Una vez que hayas configurado tus cuentas, actualiza tu Actividad web confiable para habilitar la Facturación Google Play y crea tus productos digitales en Play Console. Luego, en tu AWP, agrega tu token de prueba de origen y estará todo listo para agregar el código para verificar las compras existentes, consultar las compras disponibles y realizar compras nuevas.

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

Adriana y Andre profundizan en su charla de Chrome Dev Summit: Novedades para las apps web en Play, o consulta los documentos.

Y mucho más

Y, por supuesto, hay mucho más.

  • Para cumplir con un cambio en el estándar HTML, las etiquetas de ancla con target="_blank" ahora implicarán rel="noopener" de forma predeterminada, lo que ayuda a evitar ataques de tab-napping.
  • La mayoría de los sistemas operativos habilitan la aceleración del mouse de forma predeterminada, pero eso puede ser un problema para algunos juegos. En Chrome 88, la API de bloqueo del puntero te permite inhabilitar la aceleración del mouse. Esto significa que el mismo movimiento físico, lento o rápido, genera la misma rotación, lo que proporciona una mejor experiencia de juego y una mayor precisión.
  • Además, addEventListener ahora toma un indicador de aborto como opción. Llamar a abort() quita ese objeto de escucha de eventos, lo que facilita el cierre de los objetos de escucha de eventos cuando ya no sean necesarios.

Lecturas adicionales

Esto solo abarca algunos de los aspectos más destacados. Consulta los vínculos que aparecen a continuación para ver cambios adicionales en Chrome 88.

Suscribirse

Si quieres mantenerte al tanto de nuestros videos, suscríbete a nuestro canal de YouTube de Desarrolladores de Chrome y recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo.

Soy Pete LePage y, en cuanto se lance Chrome 89, estaré aquí para contarte las novedades de Chrome.