Nota Mental: 27:00 aprox habla sobre cómo buscar el js responsable de los eventos que generan cambios en el DOM, 40:00 ver la data de respuesta ajax en una tabla (Por cierto gracias por el video)
Hola Rubén, habéis pensado en sacar otro video como este con la versión última de Chrome 60 que viene más completa. Sería grandioso de tu parte. Felicitaciones porque explicas excelente. Saludos.
hola estoy empezando a conocer y utilizar todas estas herramientas y este tutorial me ha gustado aunque no entiendo el lenguaje que utilizáis pero seguiré aprendiendo con los tutoriales tan buenos que tienes.
hola buenismo el video. como hago si quiero ver las líneas que contienen a los divs? sería algo así como poder ver la estructura de los divs. muchas gracias
hola ruben tengo una pregunta como inspeccionar una deposito bancario y utilizar las herramientas de desarrolladores para que se me deposite a mi cuenta de banco
¿Alguien me podría ayuda? Lo que pasa es que cada vez que estoy escribiendo se abren las herramientas de desarrollo sin que ni siquiera utiliza ningún comando ni nada por el estilo
@@julior.chopite nos podrias dar una ayuda con esta herramienta, no la necesito, se me hace imposible desactivarla, ya que esta en ingles y no entiendo nada. La tecla "F12" esta bien, se abre con cualquier tecla.
Hola, hay una pestaña llamada Coverage en Source para analizar que tipos de archivos incrementan la carga de la web, ¿quisiera saber que me dice esta función con respecto a la barra roja de los archivos. Esto significa, que debo editar el código css de dicho archivo para llevar al final del documento todo el código en rojo para que la carga de la web sea más rápida, puede ser?, si no es así, ¿cómo debo editar estos archivos donde me indica que la barra tiene mas de rojo que de verde? Excelente video, Saludos!
Buenas, tengo un problema con un un programa echo en para Chrome del cual antes me funcionaba y de la nada dejo de funcionar. Antes ejecutaba un botón que ahora no, y me gustaría saber porque o cómo arreglarlo. Quería saber si me podrías dar una mano con respecto a ello. Si podés pásame tu mail así te envío el programa y te cuento más en detalle del mismo. Desde ya miles de gracias por tus aportes, son geniales. Saludos desde Argentina!.
Hola en mi PC me aparece sin apretar nada la ventana herramientas para desarrollador, cómo puedo deshabilitarla? Por más q la cierre vuelve a. Abrirse, gracias
Hola Matías! Nunca me he encontrado con ese comportamiento. Por defecto esa ventana debe estar cerrada y sólo aparecer cuando la abres desde el menú del Chrome. Siento no poder ayudarte más.
En el vídeo estoy usando "localhost" y me funciona porque tengo lanzado un servidor web en mi ordenador en el puerto 80 y "localhost" es la dirección local de los ordenadores. Si no tienes lanzado un servidor web en tu ordenador que responda a "localhost" no te funcionará. Pero puedes usar las herramientas de desarrollo con cualquier otra web de internet.
holaa quisiera saber si las herramientas de desarrollo sirve en los juegos online ?? solo quería descargar las imágenes que se encuentran dentro del juego y quería saber si es posible solo pude descargar las que están fuera de la ventana del juego y no se como acceder a las que se encuentran dentro del juego ?? porfa si sabes me explicarías me sería de gran ayuda
Hola! Depende de cómo use las imágenes el juego online te será más fácil o difícil. Las imágenes se pueden encontrar dentro de ficheros JS o en binarios propietarios. No siempre se descargan como ficheros de imagen directamente. Si se descargan como imágenes lo más sencillo es ir a la pestaña "network", filtrar por ficheros de imagen y localizarlas. Sin saber a qué juego te refieres no puedo afinar más la respuesta.
por favor tu te oyes super bien con tu explicacion, y si bien esa consola se me abre automaticamente y no me deja trabajar, por mas q la sierri en la X o ctrl+shift+F12 y adivina,,,, vuelve y abre y es q no uedo escribir pero nadaaaaa, te agradezco
No se si te he entendido bien, ¿te refieres a que no puedes escribir nada en la consola del las DevTools? Si es así, no se me ocurre qué te puede estar pasando. Igual es algún estado inconsistente del navegador. Yo probaría a reinstalar Chrome y ver si se soluciona el problema.
No se exáctamente a qué imagen te refieres. Si que veo que el juego se renderiza mediante "canvas" por lo que quien controla lo que se pinta dentro es un código javascript. Si quieres cambiar la imagen que se muestra es necesario manipular ese código javascript. También veo que usa imágenes en línea codificadas en base64. Si es una de esas imágenes la que quieres modificar es necesario modificar ese html cambiando la imagen en línea.
Yo a lo que vine es como mierda Puedo cerrar esa herramienta que ya me tiene hasta los huevos de que quiero editar un video , y se me vuelve abrir la cierro le quito y pongo casillas aver que sucede , y o imagina se vuelve abrir ya me tiene cansado dime como la puedo cerrar para siempre y abrirla hasta que yo quiera porque se me abre sola !! ya me tiene desesperado y asustado esta herramienta de los cojones !!
Hola Leoncio, las Devtools vienen incorporadas en el mismo navegador de Chrome, no es necesario instalar nada. Para abrirlas tienes que abrir el menú de 3 puntos que se encuentra arriba a la derecha del navegador, dentro pulsar en "más herramientas" y luego en "Herramientas para desarrolladores". Si usas Windows, es suficiente con pulsar la tecla F12
Las DevTools están pensadas para trabajar con el código de una aplicación web que se ejecuta en el navegador, por lo que, de serie sólo trae herramienta para poder inspeccionar las bd de navegador IndexedDB y Web SQL. Ambas las encontrarás en la pestaña "Application" una vez abras las DevTools. Si lo que quieres es acceder a bd de un servidor, como mysql, postgresql, mongodb, etc puedes encontrar extensiones de terceros en la tienda de chrome para ello. Al final son aplicaciones que usan la infraestructura de chrome para ejecutarse. La tienda de extensiones de chrome está en chrome.google.com/webstore/category/extensions
@@alexisuriel1969 Sólo en tú ordenador, chrome sólo modifica tu sistema de ficheros asociado. A partir de ahí te toca subir los cambios a tu repositorio y desplegarlo en los entornos que desees.
Que Genialidad! Excelente Aporte Ruben Fernandez!
Hola amigo me puedes decir como se puede desactivar eso de todos mis navegadores de la pc
Todo un Experto! Gracias Rubén. Mucho que aprender.
Nota Mental: 27:00 aprox habla sobre cómo buscar el js responsable de los eventos que generan cambios en el DOM,
40:00 ver la data de respuesta ajax en una tabla
(Por cierto gracias por el video)
Excelente vídeo, muy bien explicado , gracias por compartir
Gracias, me alegro que te haya sido de utilidad :)
Muy brutal, necesito un curso completo sobre esto
Hola Rubén, habéis pensado en sacar otro video como este con la versión última de Chrome 60 que viene más completa. Sería grandioso de tu parte. Felicitaciones porque explicas excelente. Saludos.
hola estoy empezando a conocer y utilizar todas estas herramientas y este tutorial me ha gustado aunque no entiendo el lenguaje que utilizáis pero seguiré aprendiendo con los tutoriales tan buenos que tienes.
Eso me aparece solo como lo quito ?
Muy didactico y muy bien explicado. Gracias!
Me alegro que te haya servido, gracias por comentar :-)
Buenazo amigo un experto en el tema !!
solo hay este videazo, que pasó con la segunda parte??!!
Me está pareciendo muy práctico, enhorabuena.
Unai Aizpurua Muchas gracias! :)
Me estoy preparando la segunda parte, con todo lo que no tuve tiempo de enseñar en esta charla.
muchas ggracias por el esfuerzo :)
hola buenismo el video. como hago si quiero ver las líneas que contienen a los divs? sería algo así como poder ver la estructura de los divs. muchas gracias
Hola yo no puedo imprimir una diapositiva no me deja podrías hacer un video de como puedo cambiar esos cambios
hola ruben tengo una pregunta como inspeccionar una deposito bancario y utilizar las herramientas de desarrolladores para que se me deposite a mi cuenta de banco
¿Alguien me podría ayuda? Lo que pasa es que cada vez que estoy escribiendo se abren las herramientas de desarrollo sin que ni siquiera utiliza ningún comando ni nada por el estilo
x2
Ufff que buen video muchas gracias!!!!
Que viejo me siento, estoy trabajando con la Versión 109.0.5414.120 (Build oficial) (64 bits) de chrome
y en este video alrededor de la versión 50
me aparece a cada rato, como hago para desactivar esa pestaña de dev trools?
¿En microsoft forms utilizando el desarrollador de Chrome como puedo ver la respuesta correcta?
Aver el q iso el video si hace otro como desactivarlo. Gracias
Seguro tu tecla F12 se activa sola, cambia de teclado.
Me sale cada vez que abro Google Chrome el devtools y cuando abro word, se abre solo el modo guardar coml
Se activa solo cada vez que toco alguna tecla, y el f12 anda bien. No entiendo como mierda desactivarlo
@@julior.chopite nos podrias dar una ayuda con esta herramienta, no la necesito, se me hace imposible desactivarla, ya que esta en ingles y no entiendo nada. La tecla "F12" esta bien, se abre con cualquier tecla.
@@lucasmorales1689 pudiste solucionar eso?
Hola, hay una pestaña llamada Coverage en Source para analizar que tipos de archivos incrementan la carga de la web, ¿quisiera saber que me dice esta función con respecto a la barra roja de los archivos. Esto significa, que debo editar el código css de dicho archivo para llevar al final del documento todo el código en rojo para que la carga de la web sea más rápida, puede ser?, si no es así, ¿cómo debo editar estos archivos donde me indica que la barra tiene mas de rojo que de verde? Excelente video, Saludos!
Muy bueno, seria bueno otro video,
donde se puede encontrar mas informacion?
+James Silva De la página oficina de Google aprendí muchos de sus aspectos. Ahí encontrarás más información: developer.chrome.com/devtools
De locos 10/10
¿Cómo guardo lo que hago con esta herramienta? porque sucede que modifico la plantilla de mi página y luego no se guardan los cambios.
Yo también necesito saber eso, lo averiguaste??
Buenas, tengo un problema con un un programa echo en para Chrome del cual antes me funcionaba y de la nada dejo de funcionar. Antes ejecutaba un botón que ahora no, y me gustaría saber porque o cómo arreglarlo. Quería saber si me podrías dar una mano con respecto a ello. Si podés pásame tu mail así te envío el programa y te cuento más en detalle del mismo. Desde ya miles de gracias por tus aportes, son geniales. Saludos desde Argentina!.
Hola no me deja hacer nada ni escribir como desactivarlo o quitarlo de mi pc
Me gusto mucho el video, me gustaria ver mas videos profundizando sobre las herramientas para desarrolladores?
Gracias!
Hola en mi PC me aparece sin apretar nada la ventana herramientas para desarrollador, cómo puedo deshabilitarla? Por más q la cierre vuelve a. Abrirse, gracias
Hola Matías! Nunca me he encontrado con ese comportamiento. Por defecto esa ventana debe estar cerrada y sólo aparecer cuando la abres desde el menú del Chrome. Siento no poder ayudarte más.
Ruben Bernardez si es raro ya lo mandé a arreglar, y nada voy a cambiar de técnico. Si lo arreglo te comentaré que fué
Me pasa lo mismo!
Seguro tu tecla F12 se activa sola, cambia de teclado.
Como puedo hacer
Cómo quitar el bloqueo del código por que aparece un bloque que no deja ver el código alguien sabe como se quita es que necesito una parte del código?
@
Ruben Bernardez puedes echar una mano en un proyecto ?
puedo jugar con depositos bancarios como en iq option un trading virtual oara obtener mis dinero con retiro a mi favior
Muuuy bueno
me sale que no existe Local host ¿Qué puedo hacer?
En el vídeo estoy usando "localhost" y me funciona porque tengo lanzado un servidor web en mi ordenador en el puerto 80 y "localhost" es la dirección local de los ordenadores. Si no tienes lanzado un servidor web en tu ordenador que responda a "localhost" no te funcionará. Pero puedes usar las herramientas de desarrollo con cualquier otra web de internet.
holaa quisiera saber si las herramientas de desarrollo sirve en los juegos online ?? solo quería descargar las imágenes que se encuentran dentro del juego y quería saber si es posible solo pude descargar las que están fuera de la ventana del juego y no se como acceder a las que se encuentran dentro del juego ?? porfa si sabes me explicarías me sería de gran ayuda
Hola! Depende de cómo use las imágenes el juego online te será más fácil o difícil. Las imágenes se pueden encontrar dentro de ficheros JS o en binarios propietarios. No siempre se descargan como ficheros de imagen directamente. Si se descargan como imágenes lo más sencillo es ir a la pestaña "network", filtrar por ficheros de imagen y localizarlas. Sin saber a qué juego te refieres no puedo afinar más la respuesta.
Muy buen video, se podrìa hacer lo mismo con las historias de instagram y poder borrar los stickers? Como encuestas, ubicaciones, emoticones, etc
con cualquier programa java
por favor tu te oyes super bien con tu explicacion, y si bien esa consola se me abre automaticamente y no me deja trabajar, por mas q la sierri en la X o ctrl+shift+F12 y adivina,,,, vuelve y abre y es q no uedo escribir pero nadaaaaa, te agradezco
No se si te he entendido bien, ¿te refieres a que no puedes escribir nada en la consola del las DevTools? Si es así, no se me ocurre qué te puede estar pasando. Igual es algún estado inconsistente del navegador. Yo probaría a reinstalar Chrome y ver si se soluciona el problema.
Boton derecho, editar como html.
Hay una manera de guardar los cambios en todo el servidor?
No que yo conozca, la funcionalidad de almacenamiento está pensada para el ordenador local.
me gustaria saber como puedo eliminar el fondo en slither.io.... la imagen que tiene por defecto la encuentro en "sources" pero no la puedo modificar
No se exáctamente a qué imagen te refieres. Si que veo que el juego se renderiza mediante "canvas" por lo que quien controla lo que se pinta dentro es un código javascript. Si quieres cambiar la imagen que se muestra es necesario manipular ese código javascript. También veo que usa imágenes en línea codificadas en base64. Si es una de esas imágenes la que quieres modificar es necesario modificar ese html cambiando la imagen en línea.
Yo a lo que vine es como mierda Puedo cerrar esa herramienta que ya me tiene hasta los huevos de que quiero editar un video , y se me vuelve abrir la cierro le quito y pongo casillas aver que sucede , y o imagina se vuelve abrir ya me tiene cansado dime como la puedo cerrar para siempre y abrirla hasta que yo quiera porque se me abre sola !! ya me tiene desesperado y asustado esta herramienta de los cojones !!
Seguro tu tecla F12 se activa sola, cambia de teclado.
puedo editarlo y que se quede eso en la pagina como mis calificaciones que se queden en la pagina de la escuela ?
claro, facil, popr eso no hay aplazados en el mundo!! (sarcasmo)
cual es el link para descargar esa extencion porque por mas que busco no encuentro ninguna extencion que se llame solo "Devtools"
Hola Leoncio, las Devtools vienen incorporadas en el mismo navegador de Chrome, no es necesario instalar nada. Para abrirlas tienes que abrir el menú de 3 puntos que se encuentra arriba a la derecha del navegador, dentro pulsar en "más herramientas" y luego en "Herramientas para desarrolladores". Si usas Windows, es suficiente con pulsar la tecla F12
hay alguna manera de ver las tablas de una bd??
Las DevTools están pensadas para trabajar con el código de una aplicación web que se ejecuta en el navegador, por lo que, de serie sólo trae herramienta para poder inspeccionar las bd de navegador IndexedDB y Web SQL. Ambas las encontrarás en la pestaña "Application" una vez abras las DevTools.
Si lo que quieres es acceder a bd de un servidor, como mysql, postgresql, mongodb, etc puedes encontrar extensiones de terceros en la tienda de chrome para ello. Al final son aplicaciones que usan la infraestructura de chrome para ejecutarse. La tienda de extensiones de chrome está en chrome.google.com/webstore/category/extensions
En el minuto 22:23 como guardaste??? No se te entiende
Se guarda pulsando CTRL+S o CMD+S en macOS. El clásico atajo de teclado de guardar fichero. Espero que te sea de ayuda :)
@@ruben_biko efectivamente funciona con CTRL+S, muchas gracias
@@ruben_biko se queda guardado en todos los servidores o solo en nuestro compu? 💻💾
@@alexisuriel1969 Sólo en tú ordenador, chrome sólo modifica tu sistema de ficheros asociado. A partir de ahí te toca subir los cambios a tu repositorio y desplegarlo en los entornos que desees.
@@ruben_biko y no se puede guardar los cambios a todos los servidores?
Tiene algun correo neceito decirle algo
como guardar ajuste
ruben