window.showDirectoryPicker 打开一个全新的世界

Hacker News Top 工具
browser-api web-development local-first filesystem-access chrome-api open-source ai-generated

摘要

Chrome 的 window.showDirectoryPicker API 使网站能够访问和操作本地目录，赋能本地优先的 Web 应用，如图片查看器和视频编辑器，这些原型是使用 Claude AI 构建的。

暂无内容
查看原文
查看缓存全文

缓存时间: 2026/06/22 13:33

# window.showDirectoryPicker 打开全新世界 来源：https://steveharrison.dev/showdirectorypicker-opens-up-a-whole-new-world/ Chrome 引入了一个新的 API——`window.showDirectoryPicker()`，它允许用户授权访问自己电脑上的某个目录，让网站能够读取/写入该目录内的所有内容。 人们常举的例子是本地优先的笔记应用：授权访问一个存放 Markdown 笔记的文件夹，数据由你掌控，而不是被困在某个云服务里。 前几天，我对 Apple 的 Aperture（https://en.wikipedia.org/wiki/Aperture_(software)）UI 产生了怀旧之情，好奇 Claude 能否创建一个类似主题的 UI。我要求它同样使用 `window.showDirectoryPicker`。 以下是成果（https://github.com/steveharrison/photo-viewer）： 它让我想起了用 Lightroom 查看本地文件，但这只是一个网页！你还可以在应用内创建文件夹，将照片移入其中，所有操作都发生在你的文件系统上。 不过，这还远远不止。想象一下，整个照片和视频编辑应用都能使用这个 API：浏览器中强大的界面，却直接操作你文件系统中的源文件。人们已经在（https://news.ycombinator.com/item?id=47471601）构建（https://www.reddit.com/r/webdev/comments/1qy8kwi/i_built_an_opensource_browserbased_video_editor/）基于 WebGPU 的浏览器视频编辑器——我真心希望他们也能利用像这样的新型本地优先存储机会。 为了进一步完善这个原型，我请 Claude 创建一个受 Apple Shake（https://en.wikipedia.org/wiki/Shake_(software)）启发的简单合成应用。果然，这里（https://github.com/steveharrison/shake-compositor）就有一个基于节点的小型合成应用，你可以绘制多边形，然后将其合成到源图像之上。 所有这一切，没有一行手写代码。 我们生活的世界真是太神奇了！

相似文章

FolderPlus

Product Hunt

FolderPlus让用户无需打开文件夹即可预览其内容，提高文件浏览效率。

借助 Chrome 的 AI 模式探索网页的全新方式

Google AI Blog

Google 更新了 Chrome 的 AI 模式，允许用户在无需切换标签页的情况下，借助 AI 辅助并排浏览网页内容，并新增了搜索近期标签页和文件的功能，以提供更深入的上下文信息。

@XAMTO_AI: 卧槽！刚发现个逆天插件，装完打开网页直接透视技术栈！ 前端框架、后端、CDN全扒出来，点名字还能跳到官网。AI时代连摸个底都这么卷了？ 速度上车研究，别等别人卷死你才反应过来。 https://github.com/setube/stac…

X AI KOLs Timeline

介绍 StackPrism（栈棱镜）浏览器扩展，可自动识别网页使用的前端框架、后端、CDN 等技术栈，支持 Chrome/Edge/Firefox，基于 Manifest V3 架构，通过多种渠道收集线索并分类展示。