在 Javascript 内部执行 Javascript？

Question

所以我正在制作一个 Chrome 扩展程序，它使用我制作的一些 TamperMonkey 脚本。我想要一个“主”javascript 文件，您可以在其中包含并执行其他脚本。我很擅长使用以下行在此主文件中包含其他 javascript 文件：

var s1 = document.createElement('script');
s1.src = chrome.extension.getURL('h.js');
document.head.appendChild(s1);

我在使用这些行时遇到的主要问题是它获取代码并将其添加到文档头部，但从未执行。

控制台输出状态：

所以我想我的主要问题是；如何让代码执行，以便从中运行各种方法和类？

这是“主要”javascript 文件：

var s1 = document.createElement('script');
s1.src = chrome.extension.getURL('h.js');
document.head.appendChild(s1);

var posinstance = new Mark(document.querySelector("#postingbody"));
posinstance.mark(positive, {
accuracy: {
  value: "exactly",
  limiters: [".", ",", "!"]
},
separateWordSearch: false,
diacritics: false,
className: "positive"
});

这是我要包含的脚本： http://pastebin.com/raw/ESL1xYZ7

编辑：这是 manifest.json

  {  "manifest_version": 2,
    "content_scripts": [ {
        "exclude_globs":    [  ],
        "include_globs":    [ "*" ],
        "js":["jquery.user.js","globalVar.user.js","h.js", "word-highlighter.user.js"],
        "matches": ["http://*/*","https://*/*"],
        "run_at": "document_end",
        "permissions":["tabs","<all_urls>"]

    } ],
    "converted_from_user_script": true,
    "description":  "did i do it right?",
    "name":         "Car Stuffs",
    "version":      "1.00",
    "web_accessible_resources": ["jquery.user.js","h.js", "globalVar.user.js"]
}

我还阅读了你多次链接我的那个文件，Makyen。在我的问题中，我包括了

• 具体问题或错误
• 足够的代码来复制问题
• 期望的行为
• 明确声明
• 我能找到的所有错误消息

你想让我做什么？

Answer 1

<script> 元素插入页面上下文，而不是内容脚本上下文

在内容脚本中，您似乎试图将<script> 元素插入到文档中，然后在您的内容脚本中使用源自该<script> 元素的代码。这是行不通的。在内容脚本中，插入到文档中的任何 <script> 元素都会导致包含/引用的脚本在页面上下文中加载和执行，而不是在内容脚本上下文中。您将无法直接使用任何函数/对象/类/等。它们包含在您的内容脚本中插入的<script> 中。

如果您确实尝试将多个脚本插入页面上下文，则需要考虑它们是异步加载的事实。您可以执行How to sequentially insert scripts into the page context using <script> tags 的答案中描述的类似操作。但是，对于您似乎想要做的事情，这不是实现它的方法。您似乎希望将脚本动态加载到内容脚本上下文中，而不是页面脚本上下文中。

将脚本动态加载到内容脚本上下文中

如果你想动态加载额外的脚本到上下文脚本上下文中，你需要send a message 到一个后台脚本，指示后台脚本使用chrome.tabs.executeScript() 注入额外的脚本。这是一种理想的机制，因为将精心制作的 UI 所需的所有文件加载到每个页面中，对于可能很少使用的扩展的用户界面来说，这对于用户来说是一个沉重的负担。如果您的 UI 是从网页内开始的，那么最好在每个页面中加载少量代码。该代码可以监视开始与您的扩展程序的 UI 交互的用户。当用户确实开始与您的 UI 交互时，少量代码可以向后台脚本发送消息以注入完整 UI 所需的其余代码。