Novedades de Chrome 88

Pete LePage

Ahora el lanzamiento de Chrome 88 es estable.

Tenga en cuenta lo siguiente:

  • Ahora puedes subir extensiones con manifest V3 a Chrome Web Store.
  • La propiedad de CSS aspect-ratio facilita la configuración de la relación de aspecto en cualquier elemento.
  • Chrome 88 regulará mucho los cronómetros de JavaScript en cadena para las páginas ocultas en condiciones particulares.
  • Ahora puedes usar la Facturación Play en tu Actividad web de confianza.
  • Todos los videos de la Chrome Dev Summit están listos.
  • Además, hay mucho más.

Soy Pete LePage, trabajando y disparando desde casa. 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, tengan un mejor rendimiento y respetan 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 qué riesgos representa una extensión. Además, deberían permitirte actualizar tus extensiones más rápido.

Presenta service workers para reemplazar las páginas de fondo. Debido a que los service workers solo residen en la memoria cuando es necesario, las extensiones usarán menos recursos del sistema.

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

Consulta developer.chrome.com para obtener información detallada y conocer 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 (como las imágenes). Para ellos, si solo se especifica el ancho o la altura, la otra 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 informar que esta función es compatible con la Versión preliminar técnica de Safari más reciente, por lo que pronto deberíamos verla en Safari. Y consulta la demostración de Una para ver cómo funciona.

Limitación excesiva de los cronómetros de JS en cadena

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

La jerga era bastante pesada y un poco ambigua, por lo que te recomendamos que consultes el artículo de Jake Regulación intensa de los cronómetros de JS en cadena a partir de Chrome 88 para conocer todos los detalles.

Facturación Play en la actividad web de confianza

Ahora puedes usar la Facturación Play en tu Actividad web de confianza para vender suscripciones y artículos digitales con la nueva API de artículos digitales. 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 tus cuentas estén configuradas, actualiza tu actividad web de confianza para habilitar la Facturación Play y crea tus artículos digitales en Play Console. Luego, agrega el token de prueba de origen en tu AWP y estará todo listo para agregar el código para verificar compras existentes, consultar compras disponibles y hacer 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 Andrés analizan con más detalle en su charla de Chrome Dev Summit: Novedades sobre apps web en Play o consulta los docs.

Y mucho más

Y, por supuesto, hay mucho más.

  • Para cumplir con un cambio en el estándar HTML, las etiquetas de anclaje con target="_blank" ahora implicarán rel="noopener" de forma predeterminada. Esto ayuda a evitar ataques de siesta.
  • La mayoría de los sistemas operativos habilitan la aceleración del mouse de forma predeterminada, pero eso puede ser un problema en algunos juegos. En Chrome 88, la API de Pointer Lock te permite inhabilitar la aceleración del mouse. Eso significa que el mismo movimiento físico, lento o rápido, dará como resultado la misma rotación, lo que proporciona una mejor experiencia de juego y una mayor precisión.
  • Además, addEventListener ahora toma una señal de anulación 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 son necesarios.

Lecturas adicionales

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

Suscribirse

Si quieres mantenerte al día con nuestros videos, suscríbete al canal de YouTube de Chrome Developers. 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.