0
137
VistasLlegar al origen de los datos en HTML/JavaScript
¿Cuál es una forma coherente de encontrar el origen de los datos de una determinada aplicación web?
Contexto: estoy trabajando en una aplicación nativa e intento capturar datos de una aplicación de JavaScript alojada públicamente. Pero no puedo averiguar de dónde se originan exactamente los datos que estoy buscando. El modelo de objeto del documento es bastante caótico.
Considerar:
<html> <body> <script src="app.js"></script> </body> </html> y considere app.js :
// super complex app starts here var hello = "hello world"; document.write(hello); // super complex app ends here Digamos que app.js es una aplicación JS comprimida súper compleja, que de alguna manera escribe "hola mundo" en el documento, pero no tenemos idea inmediata de dónde viene...
¿Cuál es una forma definitiva de averiguar dónde se menciona por primera vez "hello world" al DOM?
El inspector web parece incapaz de buscar "hola mundo" en todos los archivos descargados...
2 Respuestas
Responde la pregunta0
Con las herramientas de desarrollo de Chrome, puede hacer lo siguiente:
- Navegar al panel Elementos
- Haga clic con el botón derecho en la etiqueta
<body/>y seleccione Interrumpir en... > modificaciones del subárbol
- Recarga la página
Ahora, cada vez que JavaScript modifique el contenido del elemento <body/> , Chrome Devtools se detendrá como si hubiera un punto de interrupción establecido en la línea que está realizando la modificación.
Una advertencia: si la fuente está minimizada sin mapas fuente, puede intentar "imprimirla de forma bonita" haciendo clic en el icono " {} " en la parte inferior izquierda de la vista del código fuente, pero incluso eso puede tener un valor limitado; leer código minimizado puede ser desde difícil hasta imposible.
0
Es posible buscar en la consola del navegador en todos los scripts.
En la pestaña correspondiente (Firefox: depurador, Chrome: fuentes) se abre el campo de búsqueda con el acceso directo:
CTRL+SHIFT+F