从chrome扩展中的外部URL注入内容脚本

Question

我正在编写一个Chrome扩展程序，它会在网页的下角添加一个小通知。 我有多种方法可以做到这一点，

1. 在清单中包含content.js并使用该文件
2. 通过chrome.tabs.executeScript api
注入脚本文件
3. 通过chrome.tabs.executeScript api
注入代码

现在，我不希望将通知的设计硬编码到扩展中。我希望托管一个.html文件，并在每次显示通知时从服务器获取它。通过这种方式，我想经常更改通知的设计，以提高参与度。

如何将从外部源获取的DOM元素注入网页？

Answer 1

您如何注入网站的方法无关紧要。你只需要进行ajax调用来获取html。像这样：

$.ajax({
    url: "yourremotehtml.html",
    type: "GET",
    dataType: "html",
    success: function (data) {
        //append data wherever you want it on the page
    }
});

根据您的详细信息，您可能需要稍微更改一下。例如，也许有一个模板，你想使用像下划线等模板语言来动态地改变它，也许你想要缓存html等。