0
322
ViewsNo se puede acceder a los elementos DOM de la extensión de Chrome desde el trabajador del servicio
Estoy tratando de hacer una extensión de Chrome que cuando haces clic en un botón abre una ventana emergente. Puedo abrirlo con una función a través de la consola, pero cuando lo conecto a un botón en el archivo popup.html y lo pruebo, arroja estos errores:
primer error :
Segundo error :
He intentado un par de formas diferentes de hacerlo, pero ninguna de ellas ha funcionado hasta ahora. ¿Alguien sabe cuál es el problema con mi código?
ventana emergente.html
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="popup.css"> <script defer src="background.js"></script> </head> <body> <h2>Click to Make New Sticky Note.</h2> <button id="newNoteButton">Press</button> </body> </html>fondo.js
const newNoteButton = document.getElementById('newNoteButton') const windowData = { 'type': "popup", 'url': "http://www.google.com" } function createNewNote() { chrome.windows.create(windowData) } newNoteButton.addEventListener('click', createNewNote())manifiesto.json
{ "name": "Sticky Froggies", "description": "Sticky Notes. Now with Frogs!", "version": "1.0", "manifest_version": 3, "background": { "service_worker": "background.js" }, "permissions": ["tabs", "storage"], "action": { "default_popup": "popup.html" } }
·
Juan Pablo Isaza
Answer question