Cómo analizar lo que sucede cuando presiono un botón en un sitio web

Nota: Esto funciona en todos los navegadores de computadoras populares, pero no en la mayoría de los navegadores de dispositivos / teléfonos …

Haga clic derecho en el botón del que está hablando, luego haga clic en “Inspeccionar”. En la ventana del desarrollador busque los “Eventos” o “Oyentes de eventos” y haga clic en el evento “Hacer clic”. Esto enumerará los puntos de entrada de Javascript que se ejecutan cuando se hace clic en ese botón. Puede hacer clic en ellos para ver lo que hacen: leer el código Javascript.

Ahora, comprender ese código es un problema mayor. Tendrás que aprender Javascript. Y la mayoría del código que ve en un sitio web ha sido minimizado u ofuscado para que sea muy difícil de leer.

Si su único objetivo es descubrir las URL que se descargan, puede ser mucho más fácil. En esa misma ventana de desarrollador, haga clic en la pestaña “Red”. Esto muestra todos los archivos que se transfieren. Para eliminar el desorden, es posible que deba filtrar cualquier cosa que no sea lo que está buscando, seleccionando solo “Medios”, por ejemplo. Si está buscando un video grande, ordene la lista por tamaño en orden descendente.

Buena suerte.

Debe mirar el panel Red en Chrome Dev.

Verás muchas URL descargadas (presiona el botón ‘Todas’ para verlas todas).

Uno de ellos es 2815.m3u8. Esta es una lista de las URL para los fragmentos de video y audio.

Así que aquí es donde el navegador termina mirando para saber qué descargar.

La otra pregunta es ¿dónde se requiere este archivo .m3u8?

Puedes ver también en Dev Console. Está en el primer archivo descargado,

https://www.ted.com/talks/adam_alter_why_our_screens_make_us_less_happy

Dentro de su código fuente, puede buscar el archivo .m3u8, y allí está: en el script que inicia q (‘talkPage.init’) , en la parte inferior del código fuente:

Obviamente, hay mucha más investigación por hacer antes de ser capaz de reproducir todo el comportamiento, pero ahí tiene la explicación de su pregunta '¿de dónde vienen las URL?'.

Vaya al depurador o la consola compruebe las solicitudes de red, encontrará todas las URL que el sitio ha consultado.

More Interesting

¿En qué idioma se escribe Twitch?

¿Es posible que mi código haya producido respuestas incorrectas para algunos datos ingresados, pero los sitios web de competencia de programación (como CodeChef, TopCoder, HackerRank) no pueden detectarlos y aceptar mi código?

¿Es necesario usar sitios web con altos niveles de PA y DA para actividades fuera de la página?

¿Cuáles son los mejores proveedores de alojamiento web para un sitio web orientado a las redes sociales basado en los siguientes criterios: precio, espacio en disco, velocidad, confiabilidad, facilidad de uso para un no experto, aplicaciones compatibles proporcionadas (por ejemplo: WordPress, MySQL, etc.)?

¿Cuáles son algunos sitios web similares a la academia Khan?

¿Qué tipo de especialista necesito si quiero que alguien haga un sitio web como jigsawplanet.com para mí?

¿Cuáles son los beneficios de un blog frente a un sitio web para un inicio de redes sociales único?

¿Cuál es una manera fácil de hacer que su sitio web aparezca?

Cómo crear solo invitar a WordPress sitio web

¿Cuáles son los diseños de diseño web de tendencia?

¿Qué se necesita para tener servicios como https://meetcleo.com/ en Singapur?

¿Cómo debo hacer para construir un sitio web serio con WordPress?

¿Hay algún sitio web de casting en línea o correo electrónico de estudio (películas o televisión), donde una persona puede enviar videos?

¿Qué hace que un sitio web sea bueno?

¿Qué sitio web me permite crear algo así como un generador de precios para mis clientes?