Monitor de red para desarrolladores web


9

Al usar Google Chrome, hay una práctica herramienta de monitor de red. Sin embargo, la herramienta de red de Chrome solo realiza un seguimiento de la página web abierta actual.

Hay muchas herramientas de monitor de red complicadas disponibles y solo necesito las características de la herramienta de monitor de red Chrome.

Para realizar un seguimiento de la actividad de todos los navegadores (Chrome, Firefox, IE, etc.), estoy buscando una herramienta que tenga la misma idea e interfaz que la herramienta de red de Chrome.

Alguien conoce una herramienta como esa?

Algunas capturas de pantalla con las características deseadas:

Una descripción general de todos los archivos descargados Una visión general de toda la actividad de la red.

al seleccionar un archivo puedes ver muy bien los encabezados encabezamiento

Y con la pestaña de respuesta, el contenido del cuerpo es visible contenido


¿Puedes subir una captura de pantalla del monitor de red Chrome para que sepa qué buscar? Y si se trata de una extensión, proporcione un enlace a la página de la extensión en Chrome Web Store.
matan129

Es estándar en todos los navegadores Chrome que puede ver cuando hace clic derecho -> inspeccionar -> red. Subiré una captura de pantalla como me pediste.
botenvouwer

Genial, simplemente no tengo Chrome instalado, así que esperaré la captura de pantalla.
matan129

OK, ahora veo las capturas de pantalla. Sin embargo, esta es una herramienta para desarrolladores, que solo está disponible en Chrome (y herramientas similares en otros navegadores). Me resulta difícil de creer que haya algún tipo de herramienta de inspección de páginas web como esta que se aplique a todo el tráfico en curso. Pero aún así haré una investigación sobre esto. si encuentro algo, escribiré una respuesta lo antes posible.
matan129

However the chrome network tool only keeps track of the current open webpage- En realidad, en la barra inferior, ¿ves ese círculo sólido? Haga clic en él y la actividad de la red se mantendrá entre páginas web.
Izkata

Respuestas:


22

Prueba Fiddler desde http://fiddler2.com/

Lo uso para el desarrollo web y especialmente me parece útil que le permite modificar y reproducir una solicitud http previamente grabada.


2

Parece que le interesan los encabezados y el contenido HTTP, pero para todo el tráfico. Aunque es una herramienta más compleja, Wireshark puede proporcionar fácilmente lo que está buscando, a pesar de que inicialmente es un diseño intimidante y una gran cantidad de capacidades.

  1. Ejecutar wireshark
  2. Seleccione el adaptador que se comunicará (es decir, su adaptador de Internet) y comience a capturar
  3. En el campo "Filtro:", escriba "http.request" (sin comillas) y presione Aplicar

El resultado resultante contendrá cada solicitud realizada por su sistema (esto es potencialmente más que solo la sesión de su navegador: puede preferir filtrar aún más el tráfico agregando "&& ip.addr ==" al filtro si está obteniendo demasiado) tráfico en su salida). Si solo conoce el nombre del servidor, puede usar "nslookup .com" en una línea de comando para resolver la dirección IP del servidor.

Cuando hace clic en una solicitud en el marco superior de Wireshark, el marco central presentará las capas dentro. Expanda la capa "Protocolo de transferencia de hipertexto" presionando el + al lado para exponer los encabezados de la solicitud.

Finalmente, si está interesado en ver los encabezados o el contenido de la respuesta, haga clic derecho en la solicitud de interés en el cuadro superior y haga clic en "Seguir TCP Stream".

NOTA: Todo lo anterior supone que no está intentando capturar el tráfico a un servidor web que aloja en localhost, 127.0.0.1.


0

He encontrado a Charles . Es gratis y está disponible para Windows, Linux y Mac. Se ve muy similar a las herramientas de desarrollo de Chromes en mi opinión.


Esta herramienta es más un complemento de Firefox y no es gratis. ¡Es una prueba de 30 días!
botenvouwer

Bien, no me di cuenta.
matan129
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.