javascript - 将 JS 文件包含到 Crossrider 项目中

Question

我正在开发 Crossrider 扩展，我是扩展开发的新手。我已经基于演示创建了基本项目，甚至还包括 Jasmine 进行测试。不幸的是我坚持创建自己的资源。

这是我的调试项目的结构:

resources\
    lib\
    spec\
        test-runner.js
    src\
        js\
            App.js
        popup.html
    background.js
    extension.js

测试运行器.js:

(function() {
    appAPI.resources.includeCSS('lib/jasmine/jasmine.css');
    appAPI.resources.includeJS('lib/jasmine/jasmine.js');
    appAPI.resources.includeJS('lib/jasmine/jasmine-html.js');
    appAPI.resources.includeJS('lib/jasmine/boot.js');

    $('body').html('');

    appAPI.resources.includeJS('spec/App-spec.js');
})();

这是我包含此文件的方式:

appAPI.resources.includeJS('spec/test-runner.js');

一切正常。

当我尝试包含 App.js 时，问题就出现了。我读到应该这样做:

 appAPI.resources.addInlineJS('src/js/App.js');

但是它不起作用。

这是我的 App.js:

var App = {
    init: function() {
        console.log('App initialized');
    }
};

$(document).ready(App.init);

是否可以在extension.js或background.js中包含资源文件，以及如何向项目资源添加更多js文件？

Answer 1

如果我理解您想要正确实现的目标(即将资源脚本添加到扩展代码中)，我认为您有 scope问题。

appAPI.resources.addInlineJS将资源脚本添加到 HTML 页面 范围，添加后，扩展页面 范围将无法访问该代码。要将资源脚本添加到您的扩展代码(即 extension.js 代码)，请使用 appAPI.resources.includeJS如下:

appAPI.resources.includeJS('src/js/App.js');

[披露:我是 Crossrider 员工]