如何从Chrome扩展程序动态添加HTML文件内容?

时间:2014-05-09 19:22:12

标签: google-chrome-extension

使用Chrome扩展程序,有条件地将.html文件的内容添加到页面的最佳方法是什么。就像你不想总是添加它,只有满足某些条件。我看到有条件地注入脚本的方法,但是如何有条件地将扩展中的文件中的HTML添加到页面中?

如果我打开了选项,我想添加一段代码。

阅读选项:

this.get_options = function ()
{
    chrome.storage.sync.get({
        mytopics: true,
        friendtopics: true
    }, function(items) {
        self.settings = items;
        scan_page();
    });
}

this.scan_page = function()
{
    if (!(self.settings.mytopics || self.settings.friendtopics))
        return;
    // want to add in a decent amount of HTML from a file, here.
    // don't really want to construct it all via createnode calles
}

1 个答案:

答案 0 :(得分:3)

想出来了。

$('body').append('<div id="containerName"></div>');
$('#containerName').load(chrome.extension.getURL("markup/notification.html"));