发现能够胜任的 Web

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

Project Fugu 是跨公司开展的一项工作,旨在缩小 Web 功能中的不足,使新类别的应用能够在网络上运行。更具体地说,这意味着需要向浏览器添加新的 API,应用开发者可以使用这些 API 来实现以前不可能的用例。您选择的浏览器支持哪些 API?哪些 Web 应用会使用这些 API?让我们来一探究竟!

我的浏览器是 Fugu 吗?

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

如需了解可行功能,请查看应用“How Fugu is my browser?”(我的浏览器如何?)并查看您选择的浏览器支持哪些 Project Fugu API。并非所有功能都会在所有平台上公开(例如,Contact Picker API 目前仅在移动设备上公开),因此,如果您在桌面设备上进行测试,在技术上不可能达到 100% 的得分(反之亦然)。因此,请将此测试视为一种趣味竞赛,而非绝对科学。对于每项经过测试的功能,我们都提供了相关文档的链接,方便您详细了解相应功能。如果可以检测功能,还会记录您的浏览器是否支持该功能,以及与 Chrome 状态相关的网页加载统计信息,告知您特定功能在一段时间内的热门程度。

如果您的浏览器支持 Web Share API,您可以点击 Fugu 鱼和进度条旁边的 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. Web Share Target(文件)
  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 my browser? 也非常令人满意。在浏览器推出几乎所有新版本时,当浏览器获得一两项新功能时,进度条会略微向上移动。

针对 Web 进行构建比以往任何时候都更加可行,并且我们正以惊人的速度向该平台添加新功能。Web 并不是您构建应用的唯一选择,但我希望通过此测试网站和浏览器扩展程序,说服您再考虑一下功能强大的 Web(如果您到目前为止并没有考虑过的话)。