Chrome 89 comenzará a lanzarse en la versión estable ahora.
Tenga en cuenta lo siguiente:
- WebHID, WebNFC y Web Serial ya no están en versión preliminar y ahora están disponibles en la versión estable.
- Cerramos un resquicio que algunos desarrolladores usaban para eludir las verificaciones de instalabilidad de las AWP.
- Web Share y Web Share Target llegan a las computadoras.
- Y hay mucho más.
Soy Pete LePage, trabajo y grabo desde casa. Comencemos y veamos las novedades para desarrolladores en Chrome 89.
WebHID, WebNFC y Web Serial
Me entusiasman mucho WebHID, WebNFC y Web Serial. Abren nuevas situaciones para los usuarios que antes no eran posibles, ya que interactúan con hardware del mundo real.
Permiten que los creadores se conecten a hardware divertido y peculiar, y a apps de videoconferencia para usar los botones de telefonía exclusivos en bocinas especializadas. O cualquier cantidad de otros casos de uso.
Con Web Serial y alrededor de 60 líneas de código, @AndreBan creó una página que puede interactuar con la REPL de MicroPython en una Raspberry Pi Pico. Espruino también usa Web Serial en su IDE basado en la Web.
En CDS 2019, Francois escribió un juego divertido de estilo de memoria con NFC web. Debiste presionar el teléfono en la tarjeta correcta y en el orden correcto.
Y mi favorito, @bramus, usó WebHID para conectarse a un StreamDeck y crear una pad de batería de Daft Punk. Si no tienes un StreamDeck, mira su video de demostración en YouTube y consulta el código en GitHub.
Ya sea que tu sitio interactúe con tu hardware o que el hardware pueda interactuar con muchos sitios, los usuarios ganan porque no necesitan instalar controladores ni software especiales.
Puedes obtener más información sobre algunos de los dispositivos a los que puedes conectarte en web.dev/devices o consultar las guías de introducción para WebHID, WebNFC y Web Serial.
Cambios en los criterios de instalabilidad de las AWP
La compatibilidad sin conexión ha sido una parte clave de los criterios de instalabilidad de las apps web progresivas desde el principio. Al igual que con otras apps instaladas, los usuarios esperan que funcione de forma confiable. Debe ser rápido y nunca deben ver al dinosaurio sin conexión.
Más adelante este año, planeamos cerrar un resquicio que permitía que algunos sitios aprobaran los criterios de instalabilidad sin una experiencia sin conexión. Si tu app web progresiva ya tiene una experiencia sin conexión, no hace falta que hagas nada más. No es necesario que realices ninguna acción, pero, si no lo haces, es hora de agregar una.
A partir de Chrome 89, si tu AWP no proporciona una respuesta válida cuando está sin conexión, verás una advertencia en Herramientas para desarrolladores, en la pestaña Problemas, y Lighthouse indicará que hay un problema. Además, la aplicación forzosa comenzará en Chrome 93, más adelante este año.
Puedes decidir qué tipo de experiencia sin conexión deseas proporcionar. Idealmente, debes proporcionar la mayor cantidad de información posible sobre tu experiencia. Sin embargo, como mínimo, puede ser tan simple como una página de resguardo sin conexión.
Puedes encontrar más detalles sobre el cambio y por qué lo hacemos en Mejora la detección de compatibilidad sin conexión de las apps web progresivas.
Si no sabes por dónde empezar, consulta Workbox. Tiene un conjunto de bibliotecas que pueden potenciar un trabajador de servicio listo para producción para tu PWA. O bien, si deseas crear una página de resguardo sin conexión, el artículo Cómo crear una página de resguardo sin conexión tiene todo el código que necesitas y puedes copiarlo y pegarlo directamente en tu sitio.
Uso compartido en la Web y objetivo de uso compartido en la Web para computadoras
Si tu sitio permite que los usuarios creen, editen o interactúen con archivos, debes usar las APIs de Web Share y Web Share Target. Estas APIs ya están disponibles en dispositivos móviles desde hace tiempo, pero ahora son compatibles con ChromeOS y Windows.
Compartir con la Web permite que los usuarios envíen archivos o datos a otras apps instaladas en su dispositivo, por ejemplo, compartir una foto de Google Fotos en Twitter.
async function share(title, text, url) {
try {
await navigator.share({title, text, url});
return true;
} catch (ex) {
console.error('Share failed', ex);
return false;
}
}
Para registrarte como objetivo y que otras apps puedan compartir archivos o datos contigo, debes usar la API de Web Share Target.
"share_target": {
"action": "/?share-target",
"method": "POST",
"enctype": "multipart/form-data",
"params": {
"files": [
{
"name": "file",
"accept": ["image/*"],
},
],
},
},
Consulta Cómo integrar la IU de uso compartido del SO con la API de Web Share y Cómo recibir datos compartidos con la API de Web Share Target para obtener guías de introducción.
Y mucho más
Y, por supuesto, hay mucho más.
Chrome ahora permite await de nivel superior dentro de los módulos de JavaScript.
Para reducir la confusión de los usuarios, actualizamos el ícono que se muestra en el cuadro multifunción para las AWP instalables.
Además, si usaste una actividad web confiable para que tu AWP esté disponible en Play Store para ChromeOS, puedes registrarte en la prueba de origen de la API de Digital Goods.
Lecturas adicionales
Esto solo abarca algunos de los aspectos más destacados. Consulta los vínculos que aparecen a continuación para ver los cambios adicionales en Chrome 89.
- Novedades de las Herramientas para desarrolladores de Chrome (89)
- Salidas de servicio y eliminaciones de Chrome 89
- Actualizaciones de ChromeStatus.com para Chrome 88
- Novedades de JavaScript en Chrome 88
- Lista de cambios del repositorio de código fuente de Chromium
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 90, estaré aquí para contarte las novedades.
Créditos
La foto de las Raspberry Pis y Arduino es de Harrison Broadbent en Unsplash