Alternativas terminal a herramientas desarrollador navegador

En la terminal, no existe una herramienta única que reemplace por completo a las herramientas de desarrollador de un navegador web, pero sí dispones de múltiples utilidades que cubren funciones específicas. A continuación te presento alternativas según el área que quieras abordar:

1. Inspección de HTML y CSS

• Navegadores en modo texto:
  lynx, w3m o links permiten visualizar la estructura básica de una página web y navegar por sus enlaces.
• Obtener y filtrar HTML:
  curl o wget descargan el código fuente. Luego puedes procesarlo con grep, sed, awk o usar herramientas más especializadas como:
  • pup: permite parsear HTML con selectores CSS (similar a querySelectorAll).

    curl -s https://ejemplo.com | pup 'h2.title text{}'
    

  • htmlq: otra alternativa moderna para extraer partes del HTML usando selectores CSS.

2. Depuración de JavaScript

• Node.js: ejecuta y depura JavaScript directamente desde la terminal.
  • Depurador integrado: node inspect script.js
  • ndb: una interfaz mejorada para depurar Node.js (aunque abre una ventana, es una alternativa si buscas algo más gráfico).
• Navegadores sin cabeza (headless):
  Puedes usar Puppeteer o Playwright desde Node.js para controlar Chromium/Firefox sin interfaz gráfica y acceder a la consola, red, etc.
  • Ejemplo con Puppeteer desde línea de comandos (usando puppeteer-cli o un script):

    const puppeteer = require('puppeteer');
    (async () => {
      const browser = await puppeteer.launch();
      const page = await browser.newPage();
      page.on('console', msg => console.log('CONSOLE:', msg.text()));
      await page.goto('https://ejemplo.com');
      // ... inspeccionar, evaluar JS, etc.
      await browser.close();
    })();
    

3. Monitoreo de red (peticiones HTTP, WebSockets, etc.)

• Clientes HTTP:
  • curl: el clásico para hacer peticiones manuales, ver cabeceras, seguir redirecciones.

    curl -I https://ejemplo.com           # solo cabeceras
    curl -v https://ejemplo.com           # salida detallada (handshake, cabeceras)
    

  • httpie: más amigable, con colores y sintaxis sencilla.

    http https://ejemplo.com
    

• Captura de tráfico:
  • tcpdump: captura paquetes en la interfaz de red.

    sudo tcpdump -i any -A -s 0 'host ejemplo.com and port 80'
    

  • ngrep: grep para la red, permite filtrar por contenido.
  • websocat: para interactuar con WebSockets desde la terminal.
• Herramientas específicas de navegador:
  • Con Puppeteer/Playwright puedes acceder a las peticiones de red mediante eventos (como request y response).
  • chrome-remote-interface: permite conectarse a un Chrome en ejecución (incluso con interfaz gráfica) y obtener información de red, consola, etc.

4. Análisis de rendimiento

• Pruebas de carga:
  • ab (Apache Bench): realiza peticiones concurrentes y mide tiempos.

    ab -n 1000 -c 10 https://ejemplo.com/
    

  • siege: similar, con más opciones.
  • wrk: herramienta moderna y rápida para pruebas de estrés.
• Trazas de sistema:
  • perf, strace, htop para analizar el rendimiento a nivel del sistema operativo.
• Trazas de JavaScript: con Node.js puedes usar el perfilador integrado (por ejemplo, node --prof script.js) y luego analizar el archivo generado.

5. Consola y logs

• Ver mensajes de console.log de páginas web:
  • Mediante Puppeteer/Playwright puedes suscribirte al evento console y mostrarlos en tu terminal.
• Herramientas como browser-console: existen paquetes npm como browser-console que te dan una consola interactiva para un navegador remoto (usando el protocolo Chrome DevTools).

6. Almacenamiento (cookies, localStorage, etc.)

• Cookies:
  • curl maneja cookies con las opciones -b (enviar) y -c (guardar).

    curl -c cookies.txt -b cookies.txt https://ejemplo.com
    

  • edit-cookie o scripts simples para manipular archivos de cookies.
• localStorage / sessionStorage: no se accede directamente desde terminal, pero con Puppeteer puedes ejecutar page.evaluate() para leer o modificar estos almacenes.

7. Emulación de dispositivos y geolocalización

• User-Agent: puedes simular diferentes navegadores o dispositivos con curl -A "Mozilla/5.0 (iPhone; ...)".
• Geolocalización: con Puppeteer puedes emular coordenadas fácilmente.

8. Herramientas todo-en-uno (headless browsers)

• Puppeteer y Playwright no son solo librerías, también ofrecen interfaces de línea de comandos (CLI) que permiten tareas como generar capturas de pantalla, PDFs, o ejecutar scripts en la página.
  • Ejemplo con Puppeteer CLI:

    npx puppeteer browsers install
    npx puppeteer screenshot https://ejemplo.com --viewport='{"width":375,"height":812}'
    

  • Playwright CLI similar: npx playwright open https://ejemplo.com abre una ventana interactiva, pero también puede usarse en modo headless.

Resumen

Las herramientas de desarrollador del navegador son muy completas y visuales. En la terminal puedes combinar varias utilidades para lograr objetivos similares, especialmente si automatizas tareas con scripts. Si necesitas una inspección profunda y dinámica, lo más práctico es usar un navegador sin cabeza controlado por código (Node.js con Puppeteer/Playwright), que te da acceso programático a casi todas las funcionalidades de las DevTools.