I am trying to make basically an element highlighter chrome extension.
Workflow:
- click on browser icon
- click on the page
- hightlight the element clicked
I am having troubles in running content scripts upon browser action using manifest_version:2
When I inspect the popup that appears it says:
Refused to execute inline script because it violates the following
Content Security Policy directive: script-src 'self'
chrome-extension-resource: (popup.html:5).
Which is where the inline script in popup.html is and the script does not work
I have:
manifest.json:
{
browser_action: {
default_icon: images/icon.gif,
default_popup: popup.html
},
manifest_version: 2,
description: MEH!,
name: My First Extension,
permissions: [
tabs, http://*/*, https://*/*
],
version: 0.1
}
popup.html:
<html>
<head>
</head>
<body>
<script>
chrome.tabs.executeScript(null,{
code:document.body.style.backgroundColor='red'
});
</script>
<div id='msg' style=width:300px>...</div>
</body>
</html>
Any help would be very much appreciated