¿Qué capacidades web avanzadas son compatibles con tu navegador? ¿Y cuáles son las aplicaciones web que utilizan estas capacidades? Para responder estas preguntas, visita un sitio de pruebas de navegador y una extensión de navegador.
Project Fugu es un esfuerzo realizado entre empresas para cerrar las brechas en las capacidades de la Web y permitir que se ejecuten nuevas clases de aplicaciones en ella. Más concretamente, esto significa agregar nuevas APIs a los navegadores que los desarrolladores de apps pueden usar para habilitar casos de uso que antes eran imposibles. ¿Qué APIs admite el navegador que elijas? ¿Qué aplicaciones web usan estas APIs? Averigüémoslo.
¿Qué tan fugu es mi navegador?
Las APIs de Project Fugu, como File Handling, File System Access, Async Clipboard y Web Share, incorporaron funciones a la Web que quizás solo serían posibles en apps específicas de la plataforma. Por ejemplo, ahora puedes hacer doble clic en un archivo de imagen para que se abra en una AWP asociada, realizar modificaciones, guardar los cambios de nuevo en el archivo y, luego, copiar el contenido de la imagen en otra app o compartirlo en un cliente de correo electrónico. Este flujo no era posible en la Web hasta hace poco.
Para saber qué es posible, consulta la aplicación ¿Cómo es mi navegador Fugu? y consulta qué APIs de Project Fugu admite tu navegador preferido. No todas las funciones se exponen en todas las plataformas, por ejemplo, actualmente, la API del selector de contactos solo se expone en dispositivos móviles, por lo que es técnicamente imposible alcanzar una puntuación del 100% si realizas pruebas en computadoras de escritorio (y viceversa). Por lo tanto, considera esta prueba como una competencia lúdica y no como una ciencia absoluta. Para cada función probada, hay un vínculo a la documentación relevante para que puedas obtener más información sobre la función. Cuando es posible detectar funciones, también se indica si la función es compatible con tu navegador o no y, por último, se muestran estadísticas de carga de páginas vinculadas al estado de Chrome, que te indican qué tan popular es una función determinada a lo largo del tiempo.
Si tu navegador es compatible con la API de Web Share, puedes compartir cómo está Fugu haciendo clic en el botón Compartir junto al pez fugu y la barra de progreso. De lo contrario, puedes descargar una captura de pantalla y, luego, compartirla de forma manual en la red social que elijas.
¿Qué tan fugu es la Web?
La extensión complementaria del navegador llamada ¿Cómo es la Web Fugu? te ayudará a averiguar qué APIs de Fugu usan los sitios que visitas. Instala esta extensión desde Chrome Web Store y navega por la Web. Luego, observa cómo el contador de peces de Fugu en algunos sitios muestra una insignia con las APIs de Project Fugu detectadas. Por ejemplo, si exploras Excalidraw, el contador salta a 9, ya que Excalidraw usa nueve APIs de Project Fugu detectables. Debes realizar las siguientes acciones:
- CacheStorage
- Service Worker
- Compartir en la Web
- Portapapeles asíncrono
- Portapapeles asíncrono (imágenes)
- Acceso al sistema de archivos
- Objetivo de Compartir en la Web
- Objetivo de Compartir en la Web (archivos)
- Manejo de archivos
Como antes, puedes compartir los resultados directamente si tu navegador admite la API de Web Share, o bien de forma manual si no es así. Para ver si tu navegador admite una función, haz clic en Detalles para leer la documentación relevante. También puedes consultar directamente el fragmento del código fuente correspondiente haciendo clic en el vínculo del código fuente en la lista de viñetas.
Conclusiones
Cuando navegas en la Web con la extensión How Fugu is the Web? instalada, es impresionante ver con qué frecuencia aparece la insignia de la API de Project Fugu. Esto abarca desde páginas con funciones de comodidad, como poder pegar imágenes en una app, por ejemplo, en la página New Issue de GitHub (en lugar de subirlas como una opción menos cómoda) hasta apps completas que usan varias funciones, como el manejo de archivos, el acceso al sistema de archivos y el acceso al portapapeles, como en Excalidraw. Antes se requería una app específica para una plataforma, pero, en algunos casos, ahora una aplicación web puede completar el proceso. Un ejemplo de esto es la app de Wootility de Wooting, que permite programar teclados para videojuegos con la API de WebHID.
Del mismo modo, ejecutar How Fugu is my browser? en cada versión nueva del navegador que elijas (o cualquier otro navegador o WebView incorporado) es muy satisfactorio. Con casi todas las versiones nuevas del navegador, la barra de progreso sube un poco cuando el navegador obtiene una o dos funciones nuevas.
Crear contenido para la Web es más viable que nunca y se siguen agregando funciones nuevas a la plataforma a un ritmo increíble. La Web no es la única opción para crear una app, pero espero que, con este sitio de prueba y la extensión del navegador, te haya convencido de que le des una segunda oportunidad a la Web capaz si aún no lo has considerado.