您的浏览器支持哪些高级 Web 功能?哪些 Web 应用会使用这些功能?如需回答这些问题,请查看浏览器测试网站和浏览器扩展程序。
Project Fugu 是一项跨公司合作项目,旨在缩小 Web 功能方面的差距,让新类应用能够在 Web 上运行。更具体地说,这意味着向浏览器添加了新的 API,应用开发者可以使用这些 API 实现以前无法实现的用例。您选择的浏览器支持哪些 API?哪些 Web 应用会使用这些 API?让我们来一探究竟!
我的浏览器的 Fugu 级别如何?
Project Fugu API(例如 File Handling、File System Access、Async Clipboard 和 Web Share)为 Web 带来了您可能认为只能在平台专用应用中实现的功能。例如,现在,您可以双击图片文件,以便在关联的 PWA 中打开该文件,进行修改,将更改保存回文件,然后将图片内容复制到其他应用中或分享到电子邮件客户端。这种流程直到最近才在 Web 上实现。
如需了解可实现的功能,请查看应用 How Fugu is my browser?,了解您选择的浏览器支持哪些 Project Fugu API。并非所有功能都适用于所有平台(例如,Contact Picker API 目前仅适用于移动设备),因此从技术层面讲,如果您在桌面设备上进行测试,则无法获得 100% 的分数(反之亦然)。因此,请将此测试视为趣味竞赛,而不是绝对科学。对于每个测试的功能,都会提供指向相关文档的链接,以便您详细了解该功能。如果可以检测功能,还会显示一条说明,指明您的浏览器是否支持该功能;最后,与 Chrome 状态相关联的网页加载统计信息会显示给定功能在一段时间内的受欢迎程度。
如果您的浏览器支持 Web Share API,您可以点击 Fugu 鱼和进度条旁边的分享按钮,分享浏览器的 Fugu 状态。或者,您也可以下载屏幕截图,然后在您选择的在线社交网络上手动分享。

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

与之前一样,如果您的浏览器支持 Web Share API,您可以直接分享结果;如果不支持,则可以手动分享。如需了解您的浏览器是否支持某项功能,请点击详情阅读相关文档。您还可以点击项目符号列表中的源代码链接,直接查看相关的源代码段。
总结
安装了 How Fugu is the Web? 扩展程序后,在浏览网页时,您会惊讶地发现 Project Fugu API 徽章的显示频率。这类应用包括:提供便捷功能的页面(例如,能够将图片粘贴到应用中,如 GitHub 的“新建问题”页面,而不是使用不太方便的上传方式);以及利用文件处理、文件系统访问和剪贴板访问等多项功能的完整应用,如 Excalidraw。在某些情况下,现在可以使用 Web 应用来填补之前需要平台专用应用的空白。例如,Wooting 的 Wootility 应用,可使用 WebHID API 对游戏键盘进行编程。
同样,在您选择的浏览器(或任何其他浏览器或嵌入式 WebView)的每个新版本上运行 How Fugu is my browser? 会非常有用。几乎每次发布新浏览器时,当浏览器获得一项或两项新功能时,进度条都会稍微向上移动。
构建 Web 应用比以往更加可行,而且平台上不断以惊人的速度添加新功能。网站并非构建应用的唯一选择,但希望通过此测试网站和浏览器扩展程序,我能说服您(如果您尚未考虑过)再仔细考虑一下功能强大的 Web。