Javascript Chrome扩展：如何将div附加为body的第一个子元素？

几个小时以来我一直在讨论这个问题，我需要将从Javascript文件创建的div附加为正文中的第一个子项

我的manifest.js看起来是这样的：

    {

    "background": {
        "scripts": ["background.js"]
    },

    "browser_action": {
        "default_icon": "img/icone.png",
        "default_title": "displayer."
    },

    "icons" : {
        "128" : "img/icone_128.png",
        "48" : "img/icone_48.png",
        "32" : "img/icone_32.png",
        "24" : "img/icone_24.png",
        "16" : "img/icone_16.png"
    },

    "manifest_version": 2,
    "name": "displayer.",
    "description": "This extension helps you to compare your wireframe with your current coded page..",
    "version": "1.0.2",

    "content_scripts": [
        {
            "matches": [ "<all_urls>"],
            "css":["css/grid.css", "css/font-awesome.min.css"],
            "js":["js/jquery-1.11.1.min.js","js/jquery-ui.js", "js/jquery.nicefileinput.min.js"]
        }
    ],

    "permissions": [ "activeTab"]

    }

但是我没有得到任何结果

---

非常感谢您的帮助。

您的div中有哪些内容？请发布您的清单。@Teepeem我已根据您的请求编辑了我的帖子。我在清单的任何地方都没有看到您的脚本。您正在进行程序注入吗？@Xan是的，我在后台调用它。jsI建议检查网页控制台输出是否存在可能的错误

//Create div panel
var panel = document.createElement('div');
panel.setAttribute('id', 'panel');

//Create div toolbox
var toolbox = document.createElement('div');
toolbox.setAttribute('id', 'toolbox');

//Create div canvas
var canvas = document.createElement('div');
canvas.setAttribute('id', 'canvas');

//Appending to DOM 
document.body.appendChild(panel);
document.body.appendChild(toolbox);
document.body.appendChild(canvas);

var first = document.body.children[0];
document.body.insertBefore(canvas, first);

//Create Panel Menu
panel.innerHTML = '<span id="close"><i id="icone" class="fa fa-check"></i></span><h2>disp<span>layer.</span></h2><label>Mockup location :</label><input type="file" id="files" class="nicefileinput nice" name="imageLoader" value=""/><a id="die"><i class="fa fa-exclamation-triangle"></i>Reset all <span>(your image will be deleted.)</span></a>';

//Create toolbox
toolbox.innerHTML = '<a href="#" id="left"><i class="fa fa-align-left"></i></a><a href="#" id="center"><i class="fa fa-align-center"></i></a><a href="#" id="right"><i class="fa fa-align-right"></i></a><div id="slider"></div>';

    var first = document.body.children[0];
document.body.insertBefore(canvas, first);