Cómo descubrir la Web capaz

¿Qué funciones web avanzadas admite tu navegador? ¿Y qué son las aplicaciones web que usan estas funciones? Para responder estas preguntas, visita un sitio de pruebas y una extensión del navegador.

Project Fugu es un esfuerzo de varias empresas para cerrar las brechas en las capacidades de la Web, lo que permite que se ejecuten nuevas clases de aplicaciones en la Web. De manera más concreta, 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 tu navegador preferido? ¿Qué aplicaciones web usan estas APIs? Averigüémoslo.

¿Qué tan fácil es Fugu con mi navegador?

Las APIs de Project Fugu, como la Administración de archivos, Acceso al sistema de archivos, Portapapeles asíncrono y Compartir en la Web, aportaron funciones a la Web que quizás esperas que solo sean 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 en el archivo y, luego, copiar el contenido de la imagen en otra app o compartirlo con un cliente de correo electrónico. Este es un flujo que no era posible en la Web hasta hace poco.

Para saber lo que es posible, consulta la aplicación How Fugu es mi navegador? y observa qué APIs de Project Fugu admite tu navegador preferido. No todas las funciones se exponen en todas las plataformas; por ejemplo, la API de Contact Picker actualmente solo se expone en dispositivos móviles, por lo que es técnicamente imposible alcanzar una puntuación del 100% si realizas la prueba en computadoras de escritorio (y viceversa). Por lo tanto, considera esta prueba como una competencia lúdica en lugar de 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 al respecto. Cuando es posible detectar funciones, se incluye una nota sobre si la función es compatible con tu navegador o no y, por último, las estadísticas de carga de páginas vinculadas al estado de Chrome, que indican la popularidad de una función determinada con el paso del tiempo.

Si tu navegador admite la API de Web Share, puedes hacer clic en el botón Share que se encuentra junto al pez Fugu y en la barra de progreso para compartir la forma en que Fugu es tu navegador. De lo contrario, puedes descargar una captura de pantalla y compartirla de forma manual en la red social en línea que prefieras.

El sitio en https://howfuguismybrowser.dev/
¿Alguna vez te preguntaste: “¿Qué tan fácil es Fugu mi navegador?”.

¿Qué tan fugu es la Web?

La extensión del navegador complementario llamada ¿Cómo Fugu es la Web? 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 que el contador de peces de Fugu en algunos sitios muestra una insignia con las APIs de Project Fugu detectadas. Por ejemplo, si navegas a Excalidraw, el contador salta a 9, ya que Excalidraw usa nueve APIs de Project Fugu detectables. que son los siguientes:

  1. CacheStorage
  2. Trabajador de servicio
  3. Compartir en la Web
  4. Portapapeles asíncrono
  5. Portapapeles asíncrono (imágenes)
  6. Acceso al sistema de archivos
  7. Objetivo de uso compartido en la Web
  8. Objetivo de uso compartido en la Web (archivos)
  9. Manejo de archivos
La extensión "Cómo Fugu es la Web" invocada en el sitio https://excalidraw.com/.
¿Alguna vez te preguntaste: "¿Qué tan fácil es Fugu de la Web?".

Como antes, puedes compartir los resultados directamente si tu navegador admite la API de Web Share o de forma manual si no lo es. Para ver si tu navegador admite alguna función, haz clic en Detalles para leer la documentación relevante. También puedes revisar directamente el fragmento de código fuente relevante si haces clic en el vínculo del código fuente en la lista de viñetas.

Conclusiones

Cuando navegas por la Web con la extensión How Fugu is the Web? instalada, es impresionante ver la frecuencia con la que aparece la insignia de la API de Project Fugu. Puede variar desde páginas con funciones de comodidad, como poder pegar imágenes en una app, como, por ejemplo, en la página de problemas nuevos 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 de la plataforma, en algunos casos, ahora una aplicación web puede completar esta información. Un ejemplo es la app Wootility de Wooting que permite programar teclados para videojuegos con la API de WebHID.

Del mismo modo, es muy satisfactorio ejecutar ¿Qué tan útil es Fugu mi navegador? en cada versión nueva del navegador que elijas (o cualquier otro navegador o WebView incorporado). Con casi todas las actualizaciones nuevas del navegador, la barra de progreso sube un poco cuando el navegador adquiere una o dos funciones nuevas.

Compilar 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 compilar una app, pero espero que con este sitio de prueba y la extensión del navegador te convencí de darle una segunda vista a la Web capaz si no la consideraste hasta ahora.