谷歌瀏覽器擴展程序：如何使用外部腳本

我想爲一個論壇做一個降價預覽標籤我經常使用它在標準格式中使用降價，但目前沒有任何方法可以預覽那些降價會是什麼樣子。谷歌瀏覽器擴展程序：如何使用外部腳本

我想用page down降價然而器，我不知道如何使用內容腳本

這裏裏面的文件是我的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擴展使用外部腳本

感謝

來源

2015-08-30 Elliott

只需將.js文件添加到您的擴展，並把它們作爲內容的腳本你之前，像這樣：

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

來源

2015-08-30 20:56:55 rsanchez

谷歌瀏覽器擴展程序：如何使用外部腳本

回答

相關問題