Chrome 102 带来的杀手级功能：双击文件打开 PWA 应用

[hanguokai]

Chrome 102 已经正式发布了，其中对 Web 开发者而言新增了一个杀手级的功能：File Handling API 。这个功能可以让用户在操作系统的文件管理器中通过双击或右键(打开方式...)直接用已安装的 PWA 应用打开（一个或多个选中的）文件，就像使用原生桌面应用一样。例如：
• 双击一个文本文件就用文本编辑器打开这个文件。
• 双击视频就用视频播放器播放视频。
• 双击你自定义的文件格式（后缀）就用你的 Web app 打开。

https://webvideoplayer.org/ 是我去年做的一个简单的 PWA 版的视频播放器。点击浏览器地址栏右侧的“安装”图标，或点击页面上的 “PWA Install” 按钮即可安装。之后就可以在文件管理器（比如 macOS 的 Finder 中）选择用这个新安装的 Video Player 播放视频了。

更多介绍见我昨天写的这篇： https://mp.weixin.qq.com/s/3ANzWtSTk1gzRo-ooL6dYg

[hanguokai]

@Satelli PWA 本质上还是 Web ，底层主要依赖 Web 平台自身的能力。平台本身不支持或支持不好的地方（比如编码、多音轨等），我再考虑下能否 workaround 解决，你有什么解决方案也欢迎提出。目前这个应用主要是在上层 UI 、快捷键方面满足日常播放的需求。

[laqow]

所以微软把 edge 弄成 chromium 是有内鬼吗

[xJogger]

微信：知道了这就抄一下
微信 -> 微信 OS

[RickyC]

杀手级功能，正好你做了个 app ，是吗？

[AloneHero]

对于工具类应用有些用，但是用 web 做工具类应用实在是有点鸡肋，够轻量，但功能也羸弱

[hanguokai]

@RickyC 就像我在微信文章后面讲的，这种能力扩大了 Web App 的想象空间。比如：Web 版的文本编辑器（ Web 版的 VS code ）、图片编辑器 /浏览器、办公软件、自定义格式文件 等等，各种与文件结合的功能未来都可能出现相应的 Web 版应用。

[Zzzz77]

@AloneHero 倒也未必，现在很多工具都在 web 化发展了，比如各种在线设计工具 MasterGO 、蓝湖、墨刀等，还有语雀、有道、notion 、石墨、金山文档这种笔记 /办公 /文档工具、再有 processon 、draw.io 这样的绘图工具，甚至像剪映这种视频剪辑软件都有 web 版了，一方面 web 能力在慢慢成长，另一方面其实对大部分用户来说 web 版已经够用了，本地应用应该会逐步倾向专业人士

[Xushet]

从不用 pwa

[hanguokai]

@Satelli 前面说了 MediaCapabilities/MediaSource 这类 API 需要先知道 codec 信息才能调用，而对于读本地文件的场景事先并不知道文件的 codec 是什么，这时就需要读取文件内容分析才能知道。我查了一下，mp4box.js 、mediainfo.js 这类库就是这么做的，可以获得媒体文件的 codec 信息。稍后有时间我再查查，看看是否有必要引入。

[aleen42]

又多了东西要学习了？

[HankAviator]

感谢分享，希望国内不要用这个功能搞流氓

[lanlanye]

下一步是不是该禁用 PWA 了 console 了

[killmojo]

有个疑问，web dev 里说要开启 #file-handling-api 。 那最终用户也要自己去开启这个？

[hanguokai]

@killmojo 不需要，这个功能已经在 Chrome 102 中默认启用了。https://web.dev/file-handling/ 也更新过了。