1

我正在尝试使用 chrome 扩展将 CodeMirror 的语法突出显示与 textarea 集成。

这是我的test.js ...

var srcArray = ["lib/codemirror.js", 
                "lib/util/matchbrackets.js", 
                "lib/util/continuecomment.js",
                "mode/htmlmixed/htmlmixed.js",
                "mode/xml/xml.js",
                "mode/javascript/javascript.js",
                "mode/css/css.js",
                "mode/clike/clike.js",
                "mode/php/php.js"];             

function AddScript(value)
{
    var s = document.createElement("SCRIPT")
    s.src = chrome.extension.getURL(value);
    s.onload = function() {
        this.parentNode.removeChild(this);
    };
    (document.head||document.documentElement).appendChild(s);   

}   
srcArray.forEach(AddScript);

...和​​manifest.json

{
"name":"Test",
"description":"Test description",
"version":"1.0",
"manifest_version": 2,
"browser_action": {
    "default_icon": "icon.png"
},
"content_scripts": [
    {
        "matches": ["file:///*Test*"],  
        "js": ["test.js"]
    }
],
"web_accessible_resources": ["lib/codemirror.js", 
               "lib/util/matchbrackets.js", 
               "lib/util/continuecomment.js",
                "mode/htmlmixed/htmlmixed.js",
                "mode/xml/xml.js",
                "mode/javascript/javascript.js",
                "mode/css/css.js",![enter image description here][1]
                "mode/clike/clike.js",
                "mode/php/php.js"]  
}

这是我面临的问题:

<script>...</script>正在添加到页面中,但是当添加最后一个时,它们都会消失。

来自 Chrome 开发工具

我怀疑这与清单的第二版中引入的安全机制有关。但是,我无法弄清楚缺少什么。

您的建议将不胜感激,谢谢。

4

0 回答 0