javascript - programa - Modificar el HTML de las páginas cargadas usando extensiones chrome

create chrome extension

Question

¿Cómo puedo agregar un código HTML a la página cargada si el título de la página contiene texto específico?

Las extensiones de Chrome son nuevos motivos para mí y su ayuda sería muy apreciada.

Answer 1

Referencias

• Scripts de contenido
• Archivo de manifiesto

Puede tomar el siguiente código como referencia para agregar código HTML.

manifest.json

Este archivo registra el script de contenido en la extensión.

{
"name":"Inject DOM",
"description":"http://stackoverflow.com/questions/14068879",
"version":"1",
"manifest_version":2,
"content_scripts": [
    {
      "matches": ["http://www.google.co.in/*","https://www.google.co.in/*"],
      "js": ["myscript.js"]
    }
  ]
}

myscript.js

Una secuencia de comandos trivial para agregar un botón a la página de Google

// Checking page title
if (document.title.indexOf("Google") != -1) {
    //Creating Elements
    var btn = document.createElement("BUTTON")
    var t = document.createTextNode("CLICK ME");
    btn.appendChild(t);
    //Appending to DOM 
    document.body.appendChild(btn);
}

Output

Verá un botón agregado a la página deseada