webview - 如何在 Chrome 应用程序 webview 中显示文件系统 URL？

Question

我有一个 Chrome 打包的应用程序，它要求我能够查看保存的、离线的网页。这些页面在用户在线时从我的服务器下载并保存到 HTML5 文件系统，以便可以离线查看。这个 Chrome 错误票似乎表明我想做的是可能的:https://code.google.com/p/chromium/issues/detail?id=343382

基于 Chrome 应用程序“webview”文档( https://developer.chrome.com/apps/tags/webview )，这就是我想出的。

在我的 list 中:

"permissions": [
    {
        "fileSystem": ["write"]
    },
    "storage",
    "unlimitedStorage",
    "webview"
],
"webview": {
    "partitions": [
        {
            "name":"contentView",
            "accessible_resources":["*.html"]
        }
    ]
}

我的网页 View 标签:

<webview id="websiteWebview" minwidth="800" minheight="600" autosize="on" partition="contentView"></webview>

然后我通过 javascript 添加 'src' 属性:

var websiteWebview = document.querySelector('#websiteWebview');
websiteWebview.setAttribute('src', decodeURIComponent(srcUrl));

这会在控制台中产生以下结果:

filesystem:chrome-extension://[appId]/[pathToFile]/index.html
Failed to load resource: net::ERR_FILE_NOT_FOUND
Not allowed to load local resource: filesystem:chrome-extension://[appId]/[pathToFile]/index.html

我不知道从这里去哪里。在此先感谢您的帮助!

Answer 1

它看起来像 webview标签不支持文件系统 URI - Chromium Issue 321628 .无赖。

您可以尝试使用 FileReader 将文件读取到数据 URL。 ，然后设置 webview的 src属性到 URL。

我通过使用我在 NaCl 中创建的简单 Web 服务器来解决它，我已经将它嵌入到我的应用程序中(数据 URL 弄乱了我的文件编码)。