Question

我想为我的Chrome打包应用构建用户界面，具体取决于套餐中捆绑的文件集。

我想检查子文件夹，找到UI文件（子文件夹，png，wav，mp3，font-files），然后根据它们创建UI元素。

File API有一个单独的root，所以没有帮助。

我已经看过如何获取chrome-extension：我的app目录的URL，但我无法弄清楚如何检查其内容。

即使是只读访问也足够了。

有什么想法吗？谢谢！

Answer 1

没有API来检查您的应用内容。但是，您可以在打包过程中添加一个简单的脚本（假设它是自动的），将这些UI文件的列表写入JSON文件，并使用您的应用程序打包此文件。

如果您使用适当的JavaScript命令为此文件的内容添加前缀，则甚至不需要XHR来加载它，只需通过脚本标记添加它。

例如：

用于生成文件列表的Bash脚本（在打包时）：

#!/bin/bash
echo "getUIContentList = function() {"
echo "  return ["
for f in `find . -name '*.png' -or -name '*.mp3'` ; do
  echo "    \"$f\","
done
  echo "    false"  # this is to avoid special logic for trailling comma
echo "  ];"
echo "}"

ui_content_list.js（由脚本自动生成，嵌入在您的应用中）：

getUIContentList = function() {
  return [
    "css/main.css",
    "img/logo.png",
    "img/logo2.png"
  ];
}

文件index.html：

<html>
...
<script src="ui_content_list.js"></script>
<script src="index.js"></script>
...

文件index.js：

getUIContentList().forEach(function(filename) {
  if (filename) {  // get all itens except the last "false" value
    var internalUrl = chrome.runtime.getURL(filename);
    doSomething(internalUrl);
  }
});

Chrome打包应用可以检查自己的包内容

1 个答案: