Saltar al contenido
Cursos/Crea webs profesionales con IA desde cero/Revisa y corrige con el navegador integrado

Revisa y corrige con el navegador integrado

Comprueba la interfaz como una persona real: móvil, escritorio, teclado, contenido, enlaces y errores visibles.

Lección 8 de 4755 min Fundamentos Codex + GPT-5.6 Sol

Resultado visible

Producirás QA-LOCAL.md con evidencias por tamaño de pantalla y una lista priorizada de defectos reproducibles.

Recorrido de revisión

  1. Abre la URL local en el navegador integrado.
  2. Revisa primero a 390 × 844 y después a 1440 × 900.
  3. Usa solo teclado: Tab, Mayús+Tab, Enter, Espacio y Escape.
  4. Amplía el texto al 200 %.
  5. Comprueba enlaces, formularios, menú, foco y desbordamiento horizontal.
  6. Observa consola y solicitudes fallidas.
  7. Guarda capturas que muestren el defecto y la corrección.

Prompt para una corrección controlada

Reproduce este defecto en la web local antes de editar:
[URL, tamaño, pasos, resultado observado, resultado esperado].
Identifica la causa y cambia solo lo necesario. Después repite los pasos,
revisa móvil y escritorio y aporta evidencia. No rediseñes otras partes.

Cómo escribir un defecto útil

Mal: «no se ve bien». Bien: «En /contacto, a 390 px, el botón sale 24 px por la derecha y obliga a desplazamiento horizontal. Espero que ocupe como máximo el ancho disponible».

Prioridad

Corrige primero bloqueo de tarea, pérdida de datos, inaccesibilidad y errores. Después confusión y legibilidad. El pulido visual llega al final.

Mini ejercicio

Introduce temporalmente un texto un 50 % más largo en una tarjeta y comprueba si el diseño resiste. Revierte la prueba. La evidencia final debe incluir URL, tamaño, pasos y captura.

Fuentes oficiales