您的浏览器支持哪些高级 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 信息。另外,您也可以下载屏幕截图,然后在您选择的在线社交网络上手动分享。
网络好歌怎么样?
配套浏览器扩展程序 How Fugu is the web? 帮助您了解您正在访问的网站使用了哪些 Fugu API。从 Chrome 应用商店安装此扩展程序并浏览网页,然后注意一些网站上的 Fugu fish 计数器如何显示带有检测到的 Project Fugu API 的标志。例如,如果您浏览到 Excalidraw,则计数器会跳到 9,因为 Excalidraw 使用了 9 个可检测到的 Project Fugu API。具体包括:
与之前一样,如果您的浏览器支持 Web Share API,您可以直接分享结果;如果不支持,则可以手动分享。如需查看您的浏览器是否支持某项功能,请点击详细信息阅读相关文档。您也可以点击项目符号列表中的源代码链接,直接查看相关的源代码代码段。
总结
安装 How Fugu is the Web? 扩展程序浏览网页时,Project Fugu API 徽章的出现频率令人印象深刻。这既包括具有便捷功能(例如能够将图片粘贴到应用)的页面(例如,在 GitHub 的“New Issue”页面中,而不是作为不太合适的选项上传它们),也包括使用多种功能(例如文件处理、文件系统访问和剪贴板访问)的全面应用(例如在 Excalidraw 中)。以前需要平台专用应用,而现在,Web 应用可以填充。例如,Wooting 的 Wootility 应用,它使用 WebHID API 对游戏键盘进行编程。
同样,在您选择的浏览器的每个新版本(或者任何其他浏览器或嵌入式 WebView)上运行 How Fugu is my browser? 也非常令人满意。在浏览器推出几乎所有新版本时,当浏览器获得一两项新功能时,进度条会略微向上移动。
针对 Web 进行构建比以往任何时候都更加可行,并且我们正以惊人的速度向该平台添加新功能。Web 并不是您构建应用的唯一选择,但我希望通过此测试网站和浏览器扩展程序,说服您再考虑一下功能强大的 Web(如果您到目前为止并没有考虑过的话)。