Refused to execute inline event handler because it violates CSP. (SANDBOX)

by

Answer for your non sandbox related question:

You have something in your code like this:

<button onclick="myFunction()">Click me</button>

In a nutshell this is not allowed in chrome apps and extensions.

Change this to the following and it will work:

  • html: 

    <button id="myButton">Click me</button>
<script src="https://stackoverflow.com/questions/36324333/script.js"></script>

  • script.js:

    document.getElementById("myButton").addEventListener("click", myFunction);

function myFunction(){
  console.log('asd');
}

Long story:

In chrome apps, Content Security Policy does not allow inline javascript. So you have to put your javascript in a .js file and include it in your HTML.

Further reading: https://developer.chrome.com/extensions/contentSecurityPolicy

More Related Contents:

  1. Get the real width and height of an image with JavaScript? (in Safari/Chrome)
  2. Is it possible to display a custom message in the beforeunload popup?
  3. How to wait until an element exists?
  4. jqGrid does not render correctly in Chrome/Chrome Frame
  5. JSFiddle code not working in my own page
  6. Chrome refuses to execute an AJAX script due to wrong MIME type
  7. How to use jQuery in chrome extension?
  8. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  9. Javascript Debugging line by line using Google Chrome
  10. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  11. Setting onbeforeunload on body element in Chrome and IE using jQuery
  12. How can I retain the scroll position of a scrollable area when pressing back button?
  13. How to disable Chrome’s saved password prompt setting through JavaScript
  14. Disable Chrome strict MIME type checking
  15. Communicating between a Chrome packaged app and a Chrome extension?
  16. JavaScript: Invert color on all elements of a page
  17. Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
  18. Proper way to reset a GIF animation with display:none on Chrome
  19. jQuery in Chrome returns “block” instead of “inline”
  20. Get cursor or text position in pixels for input element
  21. How to find what code is run by a button or element in Chrome using Developer Tools
  22. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  23. Print repeating Page headers in Chrome [closed]
  24. Chrome and Safari XSLT using JavaScript
  25. The onclick event does not work for options
  26. Force hide address bar in Chrome on Android
  27. How to read a properties file in javascript from project directory?
  28. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]
  29. document.documentElement.scrollTop return value differs in Chrome
  30. Circumventing Chrome Access-control-allow-origin on the local file system?

Leave a Comment