google-chrome-extension - Chrome 扩展中的 RequireJS

标签 google-chrome-extension requirejs

我正在构建一个 Chrome 扩展程序,它将一些 JavaScript 添加到 Wikipedia 文章中。据我所知,使用 RequireJS 的唯一方法是添加行

<script data-main="scripts/bla" src="scripts/require-jquery.js>

但是,在我的 Chrome 扩展程序中,我无权访问 HTML 来添加这一行。有什么建议么?

最佳答案

这是在后台页面中执行此操作的方法。

manifest.json :

"background": {
    "scripts": [ "scripts/require.js","scripts/main.js"]
}, 

main.js :
require.config({
    baseUrl: "scripts"
});

require( [ /*...*/ ], function(  /*...*/ ) {
    /*...*/
});

而不是这个:
<script data-main="scripts/bla" src="scripts/require.js></script>

你应该使用这个:
<script src="scripts/require-jquery.js"></script>
<script src="scripts/main.js"></script>

看到这个问题 - Using Require.js without data-main

您也可以使用此原理在内容页面中执行相同的操作。

顺便说一句,好问题。我喜欢 Adam Ayres's答案。

关于google-chrome-extension - Chrome 扩展中的 RequireJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9057292/

相关文章:

javascript - 检测Flash播放器当前是否正在播放? - Chrome 扩展

javascript - 谷歌浏览器扩展不显示弹出窗口

javascript - 在服务器和客户端之间共享 JavaScript 模型代码,这种方法有效吗?

javascript - Node.js 和 requirejs 未定义

javascript - RequireJS 中未定义必需参数

javascript - 在 RequireJS 中连接模块

google-chrome-extension - 加载 chrome 扩展时,console.log() 不起作用

javascript - 关于注入(inject)脚本 + 本地存储的 Chrome 扩展

javascript - 忽略 Chrome 应用程序/扩展中的 HSTS

javascript - getElementsByTagName 等效?