Es posible que haya oído hablar de un término, "captura". Tales como el desarrollo de software antes y después del final de la FBI, llame a la interfaz de gestión no responde, a continuación, a menudo decimos: "agarrar los paquetes de datos de transmisión final frente a verlo." O el acceso a nuestra página web después de la CDN, el almacenamiento en caché de tiempo estrategias de caché que desea buscar en el sitio y establecer sus propios recursos estáticos son consistentes, también se utiliza la captura de paquetes. ¿Cuál es la captura de él?
La comunicación de datos entre el ordenador central se lleva a cabo por la red de transmisión, la transmisión de la red y enviar y recibir paquetes de datos interceptados retransmisión, edición, etc. operación de volcado es la captura.
A menudo se utiliza para capturar y observación de datos, tomados para la obtención de encabezado HTTP, contenido, tamaño y otra información para el análisis, la determinación de gran ayuda el software de depuración. Así que aprende a la captura, por alguna red de solución de problemas es muy importante.
paquete de la corriente principal herramienta de captura de comparación
Lo primero a tener un breve vistazo a lo que la herramienta de captura de paquetes común, son las siguientes categorías:
-
Charles
-
Violinista
-
WireShark
-
tCPDUMP
-
Chrome Red
Cuando las actuales herramientas de paquetes de la corriente principal de captura: tcpdump, WireShark, violinista, vamos a hacer una comparación sencilla de estas varias rendimiento de la herramienta de captura.
1. tCPDUMP
herramienta de red de paquetes de datos de captura en la plataforma Android, emulador de Android que viene con el archivo TCPDUMP.
captura de datos de red con tcpdump, no tome el proxy teléfono - añadiendo al análisis de paquetes de red WireShark puede ser.
desventajas:
-
El teléfono debe tener privilegios de root;
-
No se pueden ver los datos de tráfico en tiempo real - volcado se debe a que se arrastró fuera de los archivos, intercambio de datos no en tiempo real;
-
Obtener una gran cantidad de datos, tenemos que filtrar los análisis de la información verdaderamente útil.
2. WireShark
PC lado interceptar, analizar todo el tráfico de red a través del paquete de la tarjeta (por hora de finalización móvil, hay que configurar un servidor proxy para el terminal móvil) herramienta poderosa, vista completa de cada red, cada protocolo, cada paquete la información detallada composición; paquete TCP, UDP, HTTP, HTTPS y otros protocolos pueden ser adquiridos;
desventajas:
-
Demasiado acceso a la información, la necesidad de filtrado de forma manual para el análisis.
-
Sólo vista no se puede modificar, re-envío de paquetes de red.
3. El violinista
HTTP herramienta de proxy de protocolo, capturar, analizar todo el equipo y fuera de la tarjeta, el intercambio de datos con los datos de la red (cuando se captura para fines móvil, es necesario configurar un servidor proxy), dirigida principalmente a protocolo HTTP / HTTPS, capaz de claridad vista paquetes del contenido del paquete --HTTPS pueden descifrarlo.
desventajas:
-
Se aplica sólo a la primera solicitud, la siguiente petición necesita ser restablecida
-
modificar manualmente se necesita tiempo, si las esperas de programa para un tiempo de espera, ajuste esta respuesta no válida resultados
Chrome Red introducción de captura de paquetes
Anterior se puede ver las herramientas de captura de paquetes de corriente son más o menos tiene la desventaja de que no hay una interfaz sencilla, fácil de operar, puede ser muy conveniente para ver toda la red solicita una página web, y revisar la propiedad para comprobar un único recurso, Por ejemplo, HTTP encabezado, contenido, tamaño de la herramienta de captura de paquetes?
Cromo de la red se puede hacer. Chrome DevTools Chrome Red es parte de un conjunto de herramientas de depuración, aquí voy a usarlo para hacer una introducción breve.
Nota: Este tutorial está destinado a kernel uso del navegador Chromium, Microsoft Edge y Firefox tiene panel de control similar, no se discuten aquí.
¿Cómo abrir el panel Herramientas de Desarrollo
- Uso teclas de acceso directo para abrir.
-
Control + Shift + J o F12 (Windows)
-
Comando + Opción + J (Mac)
2. [Más Herramientas] - Abra [Herramientas de Desarrollo].
Herramientas de Desarrollo abrir, cambiar a [el grupo de red], constituyendo un panel puede ver el gráfico:
-
Controlador: Usted puede activar / desactivar las herramientas de red de registro de actividad de la red, así como algunas otras opciones de configuración.
-
: Filtros solicitan para mostrar la lista de recursos.
-
Descripción general: para mostrar gráficamente el eje del tiempo en respuesta a las peticiones HTTP.
-
Solicitud de lista: páginas cada registro de solicitud de recursos, el tiempo predeterminado de clasificación, haga clic para ver más detalles.
-
Resumen: Contiene la corriente traiga número de solicitud, el tamaño y la transmisión de información de transmisión procesados
A continuación llegamos a saber acerca de los diferentes módulos.
controlador
De izquierda a derecha son funciones de los botones:
-
Stop / Start de captura de paquetes, la captura de paquetes es los círculos rojos representan;
-
Borrar toda la lista de solicitudes de pedido;
-
Captura de pantalla;
-
Ocultar / Mostrar panel Filtros;
-
Encontrar Buscar;
-
El aumento de la lista de peticiones altura de la línea de cada fila;
-
Ocultar / Mostrar panel de vista general
-
De acuerdo con el marco para integrar los recursos
-
Cruz-carga de la página guardada solicitud
-
Desactivar la caché del navegador
-
acceso sin conexión analógica
-
Simular la velocidad de acceso lento, velocidad de la red puede ser personalizado
Nosotros simplemente para experimentar el uso de varias funciones.
Escena uno: ¿Cómo acceder a simular una página Web en caso de que no caché local?
Podemos abrir la función del controlador [caché Desactivar], actualice la página, el navegador solicitar el acceso analógico sin búfer, para asegurar que cada solicitud se inicia a la red.
Escena 2: solicitar una lista de la página actual sólo registra solicitud de acceso, si hace clic en un hipervínculo para saltar a otra página, lo que eliminará el registro antes. Puede hacer clic en el enlace después del salto, todavía Guardar solicitud antes de grabarla?
Podemos abrir el controlador [Conservar registro] función, así que haga clic en el enlace para saltar a una nueva página, la solicitud de registros antes del salto aún conservaba para ayudarnos a llevar la respuesta a la solicitud.
filtro
Cuando se visita un sitio Web, puede haber decenas o cientos de peticiones, que algunos de nosotros estamos preocupados, algunos que no necesitamos, en este momento se puede utilizar rápidamente los filtros de pantalla cabo nos importa de esas solicitudes.
Filtros de modo común es el filtro por tipo.
Los tipos de filtros por defecto se han construido, por ejemplo, podemos filtrar la solicitud de clase JS, imágenes de la clase o tipo de solicitud de petición de WebSocket, mantenga pulsada la tecla [Ctrl (Windows)] o [Comando (Mac)] puede seleccionar simultáneamente múltiples un tipo de filtro.
Así [URL de datos ocultas] opción ¿Qué significa?
Los desarrolladores web a menudo serán algunas pequeñas imágenes o secuencias de comandos CSS incrustados en formato HTML con el fin de BASE64 para reducir el número de peticiones HTTP. Cuando se protege la opción Ocultar los datos de URLs, puede ocultar la lista de peticiones de datos como: o blob: Solicitud de clase.
Además de proporcionar más de unos pocos filtro de Chrome también pueden ser filtros de uso muy flexible en la caja del filtro de detección atributos del registro de solicitudes.
propiedades de filtración comunes que se muestran en la tabla.
Escena uno: Abrir la nube cuando toman web oficial, queremos filtrar la página para solicitar recursos de diferentes dominios, puede [dominio:] Introduzca la caja del filtro, Chrome nos ayudará a anexar automáticamente la información relacionada con el nombre de dominio.
Escena dos: Abrir la página Web, la forma de ver lo que las solicitudes para usar el almacenamiento en caché? Usando el comando [es: de-cache]
Lista solicitud
La lista predeterminada de solicitudes se inicia de acuerdo con el tiempo de petición de recursos en orden ascendente, también podemos optar por ordenar una columna especificada, por ejemplo, la columna [Cascada] a la derecha, de acuerdo con el tiempo a las actividades de ordenación.
Solicitar una lista del significado de cada columna es por defecto:
-
Nombre: nombre de la solicitud de recursos
-
De estado HTTP: código de estado
-
Solicitud tipo MIME del recurso
-
Iniciador: un objeto o proceso inició la solicitud
-
Tamaño: el tamaño de la respuesta devuelta por el servidor (incluyendo el cuerpo de la cabeza y el cuerpo del paquete) puede aparecer después de la descompresión Tamaño
-
Tiempo: Duración total del último byte desde el principio a la respuesta petición recibida
-
análisis visual figura de cada uno de las actividades relacionadas solicitud: Cascada
También podemos añadir algún otro directorio que aparece en la columna en el menú exhalado solicitud derecha, se puede ver la opción más columnas.
Además, también podemos configurar una columna personalizada, añadir cabeceras de respuesta quieren enumeran en la columna de la derecha solicitud exhalado menú -Respuesta Headers- Administrar columnas de cabecera en.
Escena: Cómo personalizar la solicitud de visualización después de lo cual el nodo CDN?
CDN se añadirá en las cabeceras de respuesta a través de en cada cabecera de respuesta, entonces podemos personalizar la visualización de la lista solicitud a través de columnas.
peticiones y respuestas HTTP
Clic en una solicitud específica de la lista de peticiones, puede solicitar a abrir los detalles del contenido, los detalles del contenido, podemos hacer lo siguiente:
-
Ver encabezados de solicitud HTTP / respuesta
-
Ver galletas
-
cuerpo de la respuesta de vista previa, tales como la visualización de la imagen
-
Ver el cuerpo de la respuesta
-
distribución del tiempo detallada
-
Los datos de solicitud de copia en el portapapeles
-
Ver tamaño sin comprimir del recurso, el uso de grandes Solicitar Filas
Escena uno: Compruebe la solicitud en respuesta al mensaje de petición
Escena dos: imagen de vista previa
Escena tres: una solicitud de comando curl de exportación
A la derecha en el menú petición exhalado, seleccione la opción Copiar.
Estos son la introducción del panel de red de Chrome, a través de una serie de escenarios para ayudarle a entender la función de la utilización del panel. En comparación con alguna otra herramienta de captura de paquetes de red términos Wireshark, Chrome red más fácil de usar, ver el HTTP / 2 o HTTPS y otro mensaje también es más conveniente para un número de problemas de la pantalla frontal o de conexión de red, el posicionamiento y más es rápido y fácil.