Javascript y extensión de Chrome chico nuevo aquí. Entonces, esto es lo que estoy tratando de averiguar: me gustaría crear una extensión de Chrome que envíe la URL de la pestaña activa de Chrome a un punto final HTTP a través de POST (cuando presiono el botón) y luego mostrar el resultado de la respuesta HTTP.
Revisé https://developer.chrome.com/docs/extensions/mv3/getstarted/ y eso me ayudó con algunos de los conceptos básicos, pero no estoy seguro de por dónde empezar en términos de mudarme desde aquí. He estado por todas partes tratando de resolver esto (lo cual aprecio en términos de aprender algo nuevo), pero ahora me siento estancado. A continuación se muestra con lo que estoy trabajando actualmente: se agradecen todas las recomendaciones sobre cómo abordar, saludos.
manifiesto.json
{ "name": "Prototype", "description": "Prototype", "version": "1.0", "manifest_version": 3, "background": { "service_worker": "background.js" }, "permissions": ["storage", "tabs"], "action": { "default_popup": "popup2.html", "default_icon": { "16": "/images/test.png" } }, "icons": { "16": "/images/test.png" } }emergente2.html
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="myButton.css"> </head> <body style="background-color:Gray;"> <a href="#" class="myButton">Scan</a> </body> </html>miBoton.css
.myButton { box-shadow:inset 0px 1px 0px 0px #ffffff; background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); background-color:#f9f9f9; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#666666; font-family:Arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; } .myButton:hover { background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%); background-color:#e9e9e9; } .myButton:active { position:relative; top:1px; }fondo.js
// background.js chrome.browserAction.onClicked.addListener(function(e){ console.log(e.url); //give you the url of the tab on which you clicked the extension })