从 html5 文件系统 api 加载资源答案

【问题标题】：Loading resources from html5 filesystem api从 html5 文件系统 api 加载资源
【发布时间】：2012-01-31 03:00:56
【问题描述】：

我正在编写一个 chrome 扩展，它将一些 html 页面及其资源动态写入文件系统。我的大部分工作都在工作，但我只是注意到，当我尝试通过导航到通过 fileentry.getURL() 方法获得的 filesystem:chrome-extension://... url 打开其中一个页面时，页面会打开，但 chrome 不会获取任何相关的资源：样式表、图像等。任何想法为什么会这样？我需要一些安全标志才能使其正常工作吗？我这一切都错了吗？

（可能相关的一件事是资源由相对 URL 标识。但我知道它们相对于文件是正确的，因为如果我手动解析它们并浏览到 URL，我可以获取它们。）

【问题讨论】：

标签： html google-chrome filesystems google-chrome-extension

【解决方案1】：

您包含的使用相对 URL 的页面不理解 HTML5 文件系统的映射。如果您更改 URL 以指向 fileentry.getURL() 调用为您提供的内容，那么这应该可以工作。

目前存在一个错误，允许像您尝试那样使用资源中的相对 URL：http://crbug.com/89271

【讨论】：

是的，你是对的，那些错误正在谈论我所说的，似乎 chrome 在解析相对 URL 时没有添加 filesystem: 前缀。也就是说，我真的不知道如何自己解决这个问题。似乎无法手动解析所有 URL...
好吧，您可以在编写资源时捕获它们并包含绝对 URL。这取决于您如何生成 html 页面。