¿Cómo puedo modificar una página web usando el script de contenido de google chrome antes de procesar el DOM?

Question

Uso de scripts de contenido de Chrome Quiero eliminar varios iframes en una página web antes de cargar su contenido.

Encontré, que usando la propiedad run_at: document_start en el manifiesto de extensiones mi javascript se ejecuta justo después de la solicitud de la página principal y antes de que se procese el DOM y se carguen imágenes, iframes, etc. Logicaly en este punto la estructura DOM no es availabel y no puede modificar la página utilizando comandos como:

myelement=document.getElementById('iframeX'); 

myelement.parentNode.removeChild(myelement); 

¿Cómo puedo acceder y modificar los datos de la página reqeusted entonces?

Answer 1

Es necesario para activar la secuencia de comandos contenidos en document_start y añadir un oyente beforeload - se puede utilizar event.preventDefault para bloquear selectivamente el contenido de la carga y retire el marco que ha intentado cargar el contenido:

document.addEventListener('beforeload', function(event) { 
     if (event.url.match('facebook')) { 
      event.preventDefault(); 
      $(event.target).remove(); 
     } 
    }, false); 

Tengo blogged about an equivalent approach to using the beforeload event for Firefox también.

Answer 2

El manifest.json para este debe contener content_scripts como:

"content_scripts": [ 
    { 
     "matches": ["*://*/*"], 
     "js": [ "scan.js" ], 
     "run_at": "document_start", 
     "all_frames" : true 
    } 
]