发现能够胜任的 Web

您的浏览器支持哪些高级 Web 功能?哪些 Web 应用会使用这些功能?要回答这些问题,请查看浏览器测试网站和浏览器扩展程序。

Project Fugu 是一项跨公司的项目,旨在缩小 Web 功能的缺口,使新型应用能够在 Web 上运行。具体而言,这意味着需要向浏览器添加新的 API,应用开发者可以使用这些 API 实现以前无法实现的用例。您选择的浏览器支持哪些 API?哪些 Web 应用会使用这些 API?让我们来一探究竟!

我的浏览器怎么样?

文件处理文件系统访问异步剪贴板网络共享等 Project Fugu API 为网络带来了您可能认为只有特定平台应用才具备的功能。例如,您现在可以双击某个图片文件,使其在关联的 PWA 中打开,进行修改,将更改保存回该文件,然后将图片内容复制到其他应用或将其共享到电子邮件客户端。这种流程直到最近才在网上才适用。

如需了解可能实现的功能,请查看应用 How Fugu is my Browser?,并查看您选择的浏览器支持哪些 Project Fugu API。并非所有功能都会在所有平台上公开(例如,Contact Picker API 目前仅在移动平台上公开),因此从技术上讲,如果您在桌面设备上进行测试,不可能达到 100% 的分数(反之亦然)。因此,请将此测试视为一种趣味性比赛,而非绝对科学测试。对于每个经过测试的功能,我们提供了一个指向相关文档的链接,供您详细了解相应功能。如果可以进行功能检测,系统会标注浏览器是否支持该功能,并最终显示与 Chrome 状态关联的网页加载统计信息,说明特定功能在一段时间内的热门程度。

如果您的浏览器支持 Web Share API,您可以通过点击 Fugu fish 和进度条旁边的 Share 按钮,分享您浏览器的 Fugu 效果。或者,你可以下载屏幕截图,然后在所选的在线社交网络上手动分享。

网站为 https://howfuguismybrowser.dev/。
您有没有想过:“我的浏览器怎么样?

Fugu 是什么样的网络?

名为 How Fugu is the web? 的配套浏览器扩展程序可帮助您了解您正在访问的网站使用了哪些 Fugu API。从 Chrome 应用商店安装此扩展程序并浏览网页,然后注意某些网站上的 Fugu fish 计数器如何显示带有检测到的 Project Fugu API 的标志。例如,如果您浏览到 Excalidraw,计数器将跳转到 9,因为 Excalidraw 使用了 9 个可检测到的 Project Fugu API。它们是:

  1. CacheStorage
  2. Service Worker
  3. 网络共享
  4. 异步剪贴板
  5. 异步剪贴板(图片)
  6. 文件系统访问
  7. 网络共享目标
  8. 网络共享目标(文件)
  9. 文件处理
我们在网站 https://excalidraw.com/ 上调用了扩展程序“How Fugu is the Web”。
您有没有想过:“Fugu 是什么样的网络?”

与之前一样,如果浏览器支持 Web Share API,您可以直接分享结果;如果不支持,则手动分享结果。如需查看您的浏览器是否支持某项功能,请点击详细信息阅读相关文档。您还可以点击项目符号列表中的源代码链接直接查看相关的源代码代码段。

总结

在安装了 How Fugu is the Web? 扩展程序的情况下浏览网页时,看到 Project Fugu API 徽章出现的频率就令人印象深刻。这包括能够将图片粘贴到应用中(例如 GitHub 的“New Issue”页面)中的页面(而不是将其作为不太合适的选项上传),以及利用多种功能(如 Excalidraw 中所示)的成熟应用。以前需要平台专用应用,而现在在某些情况下,可以由 Web 应用来填充。例如,WootingWootility 应用使用 WebHID API 对游戏键盘进行编程。

同样,在您选择的每个新版浏览器(或只是任何其他浏览器或嵌入式 WebView)上运行 How Fugu is mybrowser? 会令您非常满意。几乎每次发布新的浏览器时,系统都会在浏览器获得一两个新功能后,略微提升进度条。

构建 Web 应用比以往任何时候都更具可行性,新功能也不断以惊人的速度添加到此平台中。Web 并不是您构建应用的唯一选择,但我希望借助这个测试网站和浏览器扩展程序,我说服您重新审视一下强大的 Web(如果您尚未考虑过)。