DocumentaciónNavegador y CrawlAgent BrowserHerramientas para desarrolladores

Herramientas para desarrolladores

Las Herramientas para desarrolladores le permiten supervisar y depurar su sesión del navegador en tiempo real, tanto en una sesión activa como en el historial de sesiones. Las Herramientas para desarrolladores ofrecen contenido amplio, que abarca tres categorías principales de eventos:

Consola

El panel de Consola muestra la salida de registros en tiempo real de la página. En el entorno de pruebas, agregar sentencias como console.log le permite inspeccionar rápidamente valores de variables, rastrear la ejecución de funciones e identificar errores lógicos, especialmente útil al depurar scripts de automatización o flujos de trabajo complejos.

  • Registros en vivo y monitoreo de errores: Visualice registros, advertencias y mensajes de error generados por el JavaScript de la página en tiempo real para localizar rápidamente problemas en el código.
  • Depuración de scripts de automatización: La consola es una herramienta indispensable para depurar scripts de automatización. Puede generar información clave, rastrear el flujo de ejecución del script y ver posibles errores del lado del servidor, mejorando significativamente la eficiencia del proceso de depuración.

console.gif

Red

El panel de Red proporciona una visión clara de los detalles básicos de cada solicitud, y permite inspeccionar la información completa de la solicitud, como los encabezados de respuesta, haciendo clic para expandir entradas individuales.

  • Análisis de rendimiento: Identifique cuellos de botella que ralenticen la carga de la página, como imágenes grandes o respuestas lentas de la API, analizando la línea de tiempo de las solicitudes de red y los tiempos de carga.
  • Inspección de solicitudes y respuestas: Examine las propiedades de recursos individuales, como sus encabezados HTTP, contenido y tamaño, para asegurarse de que se estén cargando según lo esperado. También puede buscar en los encabezados y respuestas de todos los recursos para verificar configuraciones como las políticas de caché.

network.gif

Elementos

El panel de Elementos le permite ver directamente la estructura HTML actual de la página y los estilos CSS asociados.

elements.gif

¿Desea obtener más provecho de sus sesiones en vivo? La consola del navegador Scrapeless le permite inspeccionar elementos, ejecutar scripts en tiempo real y depurar directamente en la nube. Aprenda cómo utilizarla para acelerar el desarrollo y la resolución de problemas👉Ya está disponible la nueva consola del navegador en tiempo real