Google Chrome浏览器扩展程序：如何使用外部脚本

Question

我正在尝试为一个我经常使用的论坛制作一个markdown预览选项卡，该论坛在其格式中使用markdown，但是目前没有任何方式可以预览markdown的外观。

我想使用向下翻页降价转换器，但是我不知道如何使用内容脚本中的文件

这是我的manifest.json

{
"name": "Forum Post Previewer",
"version": "0.1",
"manifest_version":2,
"description":"Adds a preview tab on the post editor",
"permissions": [
    "activeTab",
    "*://*/*"
],
"content_scripts": [
    {
        "js": ["previewtab.js"]
    }
],

}

这是previewtab.js

  // Adding the preview tab var tabs = document.getElementsByClassName("nav nav-tabs"); var list = document.createElement("li"); var tab = document.createElement("a"); tab.innerHTML = "Preview"; tab.setAttribute("data-toggle", "tab"); tab.setAttribute("href", "#tab3"); list.appendChild(tab); document.getElementById("post-editor").parentElement.firstElementChild.appendChild(list); var content = document.createElement("div"); content.setAttribute("class", "tab-pane"); content.setAttribute("id", "tab3"); var bar = document.createElement("div"); bar.setAttribute("id", "wmd-button-bar"); var textarea = document.createElement("textarea"); textarea.setAttribute("id", "wmd-input"); textarea.setAttribute("class", "wmd-input"); var preview = document.createElement("div"); preview.setAttribute("id", "wmd-preview"); preview.setAttribute("class", "wmd-panel wmd-preview"); content.appendChild(bar); content.appendChild(textarea); content.appendChild(preview); document.getElementById("post-editor").appendChild(content); // Using the converter var converter = Markdown.getSanitizingConverter(); var editor = new Markdown.Editor(converter); editor.run(); 

现在，使用转换器时出现错误，因为它不知道Markdown来源。

您能帮我看看如何在chrome扩展程序中使用此外部脚本吗

谢谢

Answer 1

只需将.js文件添加到您的扩展名中，然后将它们作为内容脚本包含在您的扩展名中，如下所示：

"content_scripts": [
    {
        "js": ["Markdown.Converter", "Markdown.Editor", "Markdown.Sanitizer", "previewtab.js"]
    }
],