Witam
Próbuje stworzyć skrypcik który wyświetlał by div'a na stronie z możliwością jego przeciągania po ekranie ale niestety nie działa :/
Nie pokazuje błędów o nie załączonym jquery
manifest.json

{
  "manifest_version": 2,

  "name": "Pig",
  "description": "Pig.",
  "version": "1.0",

  "permissions": [
    "activeTab"
  ],
  "background": {
    //"scripts": ["js/background.js"],
    "scripts": ["js/jquery.js", "js/jquery-ui.js", "js/background.js"],
    "persistent": false
  },
  "browser_action": {
    //"default_title": "Append Test Text",
    "default_icon": "images/menu.png",
    "default_popup": "popup.html"
  }
}

popup.html

<!DOCTYPE html>
<html>
	<head>
		<script src="js/jquery.js"></script>
		<script src="js/jquery-ui.js"></script>
		<script src="js/panel.js"></script>
	</head>
	<body>
		<button id="new_tab">New tab</button>
		<button id="spawn_div">Spawn Div</button>
	</body>
</html>

insert.js

var element = document.createElement('div');
    element.id = "draggable";
    element.style.width = "100px";
    element.style.height = "200px";
    element.style.backgroundColor = '#FF6633';

    var body = document.getElementsByTagName('body')[0]; 
        body.appendChild(element).firstChild;

panel.js

$(function(){
	$('#new_tab').click(function(){
		chrome.tabs.create({});
	});

	$('#spawn_div').click(function(){
		chrome.tabs.executeScript({
			file: "js/insert.js"
	});
})
});

background.js

chrome.browserAction.onClicked.addListener(function(tab) {
	chrome.tabs.executeScript({
	  file: "js/insert.js"
	});
	});


$(document).ready(function() {
    $('div#draggable').draggable();

    chrome.browserAction.onClicked.addListener(function(tab) {
        $('div#draggable').toggle(350);
    });
});