Estoy creando una extensión de Chrome simple que almacena sus contraseñas para tratar de familiarizarse con el desarrollo de extensiones de Chrome. Sin embargo, me he encontrado con un problema. Cuando ingresa su contraseña en la ventana emergente y presiona guardar, se supone que debe guardarla en chrome.storage.sync y alertarlo de que lo hizo. Sin embargo, Chrome no cargará la secuencia de comandos con el error: Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'wasm-unsafe-eval'". Either the 'unsafe-inline' keyword, a hash ('sha256-PfaVjHfWFbJmtU/PEvrfMT58HksWjwxh6ow0JOs564w='), or a nonce ('nonce-...') is required to enable inline execution. .
HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script>popup.js</script> <h1>100% definately secure password manager </h1> <input type="text" placeholder="Super secret password..." id="textbox_password"> <input type="button" value="Save" id="button_enter"> </body> </html>JavaScript:
//popup.js const button = document.getElementById("button_enter") button.addEventListener("click", () => { chrome.storage.sync.set({password: document.getElementById("textbox_password")}, function() { alert("Password saved: " + document.getElementById("textbox_password")); }); });