Question

我想在chrome扩展中读取和显示文件的内容（该文件已经在扩展目录中）。怎么做？我是否可以使用HTML5来读取它？

  var elema3 = document.body.getElementsByClassName("slicefooter");
  elema3[0].innerHTML='Shanmuga Subramanian';

  var a1=chrome.extension.getURL('script1.txt');
  var reader = new FileReader();
  reader.readAsText(a1);

Answer 1

使用XMLHttpRequest。

示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', chrome.extension.getURL('script1.txt'), true);
xhr.onreadystatechange = function()
{
    if(xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200)
    {
        //... The content has been read in xhr.responseText
    }
};
xhr.send();

Answer 2

更好的选择是使用类似

之类的内容将文本内容存储在HTML中

<script id="textFile" type="text/x-template">...</script>

然后通过document.getElementById('textFile')引用模板的内容。

如果您需要更多信息，请与我们联系。

Answer 3

尽管这是一个很晚的答案，但它可能会帮助那些今天苦苦挣扎的人

要使其正常工作，您必须在 manifest.json 中添加以下内容，并将<path>替换为扩展名根文件夹中文件的相对路径，例如images/my_dog.png：

"web_accessible_resources": [
    "<path>"
]

在此处了解更多信息：https://dev.to/aussieguy/reading-files-in-a-chrome-extension--2c03

如何在chrome扩展中阅读和显示文件

3 个答案: