Extensión simple de Chrome en JavaScript: apertura de una URL, modificada desde el texto de entrada

Estoy tratando de usar el siguiente código para hacer una extensión de cromo simple, tener texto de entrada y un botón, y al hacer clic en un botón, quiero obtener una URL específica. Tengo problemas para escribir el código. Soy bastante nuevo en JavaScript.

   Title Name  body { min-width: 357px; overflow-x: hidden; } img { margin: 5px; border: 2px solid black; vertical-align: middle; width: 75px; height: 75px; }         

popup.js – Actualizado

 var VanillaRunOnDomReady = function() { document.getElementById('the_button').addEventListener('click', myFunction); function myFunction() { var siteid = document.getElementById('lolz').value //window.location = "https://www.websiteimusing.com/siteid" + siteid; chrome.tabs.create({ url: "https://www.websiteimusing.com/siteid" + siteid}); } } 

}

Manifest.json

 { "manifest_version": 2, "name": "ID URL opener", "description": "Enter ID and it will pull up the correct URL", "version": "1.0", "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html" }, "permissions": ["tabs"] } 

Error actual: actualizado

No está llenando un error, simplemente nunca carga la URL al hacer clic en el botón, ¿alguna idea?

de acuerdo, en realidad es muy simple de implementar. solo necesita agregar a esto un archivo background.js.

Aquí está el flujo de la extensión:

  1. el popup.js recibe el texto de entrada
  2. el popup.js plantea un evento solicita una nueva solicitud de tabulación
  3. el background.js escucha el evento y obtiene datos de la solicitud
  4. el background.js luego crea una nueva pestaña con el src como url + input

Ya terminaste, ¿estarías dispuesto a escribir este código?


EDITAR: El código


La mejor parte es que ahora no necesitará pasar mensajes a background.js según los últimos documentos de extensión de Chrome. Se puede acceder al permiso de tabulación desde las ventanas emergentes. El siguiente código tomará una cadena de entrada en la ventana emergente y enviará al usuario una nueva pestaña donde se busca la cadena de entrada en google. La mayoría del código es explicativo, déjame saber si no puedes resolverlo, te enviaré la fuente crx +

manifest.json:

 { "name" : "Simple Search", "version" : "0.1", "manifest_version" : 2, "description" : "Simple Search Plugin", "browser_action": { "default_icon": { "19": "images/icon_48.png" }, "default_title": "Simple Search", "default_popup": "popup.html" }, "permissions" : [ "tabs" ], "content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'" } 

popup.html

        

Simple Search

popup.js

 $(function() { $('#s').click(function() { var url = "https://www.google.com/search?q=" + $('#q').val(); chrome.tabs.create({url: url}); }); }); document.addEventListener('DOMContentLoaded');