elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Introducción a Git (Primera Parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Aplicación google chrome
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Aplicación google chrome  (Leído 1,476 veces)
Toracos

Desconectado Desconectado

Mensajes: 5


Ver Perfil
Aplicación google chrome
« en: 25 Noviembre 2013, 11:11 am »

 Buenas gente, estoy en proceso de desarrollar una extensión para google chrome, a ver si me podeís echar un cable, ya que soy nuevo con esta API.

 La idea es simple, la aplicación debe filtrar el codigo de la web actual, y a continuación, sustituir la publicidad (adsense) por otra propia.
 
 A ver si algún experto me puede aconsejar como hacerlo.

Saludos!


En línea

EFEX


Desconectado Desconectado

Mensajes: 1.171


"Dinero Facil"


Ver Perfil WWW
Re: Aplicación google chrome
« Respuesta #1 en: 26 Noviembre 2013, 09:47 am »

No toque nunca este tema, pero igual queria aportar algo.

Si visitamos el sitio www.google.co.in se injectara el archivo myscript.js, donde generarà un boton.

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

myscript.js
Código
  1. // Checking page title
  2. if (document.title.indexOf("Google") != -1) {
  3.    //Creating Elements
  4.    var btn = document.createElement("BUTTON")
  5.    var t = document.createTextNode("CLICK ME");
  6.    btn.appendChild(t);
  7.    //Appending to DOM
  8.    document.body.appendChild(btn);
  9. }
  10.  

Fuente: http://stackoverflow.com/a/14069119

Te recomiendo que visites los enlaces que proporciona el usuario, tambien leer sobre modificar DOM con javascript y ademas...

Crear nuestra primera extensión: https://developer.chrome.com/extensions/getstarted.html
Uso del patron para URLs: https://developer.chrome.com/extensions/match_patterns.html



« Última modificación: 26 Noviembre 2013, 10:17 am por EFEX » En línea

Toracos

Desconectado Desconectado

Mensajes: 5


Ver Perfil
Re: Aplicación google chrome
« Respuesta #2 en: 27 Noviembre 2013, 05:26 am »

No toque nunca este tema, pero igual queria aportar algo.

Si visitamos el sitio www.google.co.in se injectara el archivo myscript.js, donde generarà un boton.

manifest.json
myscript.js
Código
  1. // Checking page title
  2. if (document.title.indexOf("Google") != -1) {
  3.    //Creating Elements
  4.    var btn = document.createElement("BUTTON")
  5.    var t = document.createTextNode("CLICK ME");
  6.    btn.appendChild(t);
  7.    //Appending to DOM
  8.    document.body.appendChild(btn);
  9. }
  10.  

Fuente: http://stackoverflow.com/a/14069119

Te recomiendo que visites los enlaces que proporciona el usuario, tambien leer sobre modificar DOM con javascript y ademas...

Crear nuestra primera extensión: https://developer.chrome.com/extensions/getstarted.html
Uso del patron para URLs: https://developer.chrome.com/extensions/match_patterns.html



muchas gracias por la aportación, estoy buscando en el manual de google y ya he avanzado algo, si consigo acabar el proyecto lo subiré para evitar ralladas a los que vengan detrás mia  ;).
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines