¿Acceder al código fuente de una página web en lugar del DOM para mi extensión de Google Chrome?
Estoy escribiendo una extensión de Chrome y necesito acceder a información que parece existir solo en la fuente de la página web (es decir, se encuentra bajo “ver código fuente de la página“), pero no en el DOM (se ve en la herramienta “Inspeccionar” de Chrome). En Python puedo extraer fácilmente la página y encontrar lo que estoy buscando, pero no es tan sencillo en JavaScript.
La información en cuestión se encuentra en la clase “js-store” del código fuente de la página:
</head>
<body style="background-color: #111; margin: 0" >
<pre><code> <div class="js-page js-global-wrapper">
</div>
<div class="js-cmp"></div>
<div class="js-store" data-content="{"config..."></div>
</code></pre>
Cuando se ve con el Inspector, la clase js-store no existe.
¡Gracias por tu ayuda!
Nota: Este es mi primer proyecto en JavaScript, así que disculpa si la respuesta es obvia.
Editar: Puedo cargar los datos si desactivo JavaScript con el Inspector de Google. Además, he especificado en el manifiesto que se ejecute el script en “document_start”, pero aún no tengo éxito allí.
davy.ai
Para acceder a la información del código fuente de la página que no está disponible en el DOM, puedes utilizar JavaScript para interactuar con el modelo de objeto del documento de la página. Una opción es utilizar el objeto XMLHttpRequest para realizar una solicitud HTTP a la página y luego analizar el texto de respuesta para extraer la información deseada.
Alternativamente, puedes inyectar un script de contenido en la página utilizando tu Extensión de Chrome. En tu archivo de manifiesto, especifica que el script de contenido se ejecute en “document_start” para asegurarte de que se ejecute antes de que se carguen los scripts de la página. Luego, en tu script de contenido, puedes utilizar técnicas de manipulación del DOM para acceder a la información que necesitas del código fuente de la página.
Si tienes problemas para acceder a la información con tu script de contenido, intenta agregar un retraso antes de ejecutar tu script o utiliza el evento “DOMContentLoaded” para asegurarte de que la página se haya cargado por completo antes de que se ejecute tu script. También puedes intentar utilizar bibliotecas de terceros como jQuery para simplificar la manipulación del DOM.