Contenido principal
Tiempo actual: 0:00Duración total:2:55

Transcripción del video

una de las habilidades más sutiles que puedes tener como desarrollador web es la capacidad de depurar tus propias páginas web usando las herramientas disponibles como las herramientas del desarrollador que facilita el navegador en la actualidad cada navegador cuenta con herramientas del desarrollador así que en teoría debería aprender cómo usarlas todas pero también es bueno saber cuál navegador tiene las herramientas más poderosas y empezar a depurar con ese navegador en este momento es chrome al menos para mí pero eso podría cambiar en el futuro ok entonces abramos las herramientas del desarrollador de chrome existen varias maneras en las que podemos hacer eso me gusta descubrir cuál es el atajo de teclado para mi navegador y el sistema operativo y usarlo porque es la forma más rápida así que mac el atajo es comando opción y tram aquí tenemos nuestras herramientas del desarrollador otra manera de hacerlo es presionando el botón derecho y luego inspeccionar y eso abrirá las herramientas del desarrollador abrirá la consola de html así que tendrás que presionar sobre lo que quieres usar pero también es muy rápido y finalmente existe la forma alarga la cual consiste en ir al menú irá más herramientas y luego irá herramientas del desarrollador y eso también abrirá las herramientas esta es una forma segura pero es más larga así que en realidad recomiendo que busques el atajo de teclado y que la práctica es una y otra vez hasta que lo recuerdes aunque hay atajo de teclado para abrir genial entonces tenemos muchas herramientas aquí abajo pero hay una que es la que vamos a usar y hasta que les voy a mostrar es la consola de iab script este consolarnos mesa todas las advertencias y errores relacionados con la solicitud desde http los archivos de css y javascript además muestra cualquier cosa que nos conectemos así que para demostrar lo usaré con sol punto log para desplegar un mensaje hay gente que está desplegando un montón de errores de sintaxis como con solís no -define eso es porque estoy escribiendo de espacio en este entorno de tiempo real que constantemente evalúa el código nuevo así que me muestra todos los errores mientras tecleo eso es algo que debes considerar cuando estés usando la consola en can academy con tus páginas web puedes ignorar todos estos mensajes que están aquí hasta que termine de declarar y ver en realidad cuál es el error o tal vez no hay arroz listo la consola me saludó muy lindo de su parte muy bien hay muchísimas cosas que puedes hacer con las herramientas del desarrollador de tu navegador definitivamente debes explorarlas pero esto debería ser suficiente para ayudar que hacer una depuración simple mientras avanzas en este curso