如何在kango框架中加载外部文件(html,js,css)

时间:2016-06-14 13:13:15

标签: kango-framework

我正在研究Kango框架。我在kango框架(浏览器扩展)中获取外部文件时遇到问题。

1 个答案:

答案 0 :(得分:1)

后台脚本:

在后台脚本中包含JavaScript文件,方法是将它们添加到common/extension_info.json,如下所示:

{
    "background_scripts": [
        "foo.js",
        "main.js"
    ]
}

内容脚本:

在内容脚本中,通过向主文件(在common/extension_info.json中声明为内容脚本的文件)中添加标题注释来添加JavaScript依赖项:

// ==UserScript==
// @require foo.js
// ==/UserScript==

// do stuff here...

Kango没有提供在内容脚本中添加CSS文件的好方法。这必须通过向<link>部分添加(并可能删除)<head>标记来完成:

var link = document.createElement('link');
link.setAttribute('type', 'text/css');
link.setAttribute('rel', 'stylesheet');
link.setAttribute('href', kango.io.getResourceUrl('foo.css'));
document.getElementsByTagName('head')[0].appendChild(link);