Chrome Developer Tools: Buscar archivos, métodos o líneas. Accesos directos para utilizar las funciones de Google Chrome.

Chrome Developer Tools: Buscar archivos, métodos o líneas. Accesos directos para utilizar las funciones de Google Chrome.

La capacidad de encontrar o navegar entre archivos específicos, métodos o lineas en una aplicación web de forma rápida, es fundamental si estáis trabajando en proyectos web. Conocer los atajos de teclado del navegador es aún más importante si lo que queremos es ganar tiempo ya que es tal vez el programa que más mantenemos abierto en nuestras sesiones en el computador.

Para buscar los scripts, hojas de estilo y fragmentos de nombre de archivo que se pueden utilizar:

* Ctrl + O (Windows)
* Cmd + O (Mac OS X)

Para realizar una búsqueda de texto dentro del archivo actual se puede utilizar:

* Ctrl + F (Windows)
* Cmd + F (Mac OS X)

Para hacer una búsqueda de texto en todos los archivos que se pueden utilizar:

* Ctrl + Shift + F (Windows)
* Cmd + Opt + F (Max OSX)

Es posible filtrar a favor o navegar a una función / método o regla CSS JavaScript particular, cuando se visualiza un archivo mediante:

* Ctrl + Shift + O (Windows)
* Cmd + Shift + O (Mac OS X)

Para buscar un número de línea de código:

* Ctrl + L (Windows)
* CMD + L (Mac OS X)

Algunas notas adicionales:

* Comando / Ctrl + F Si se marca la opción "filtro" en la búsqueda, se filtrarán sólo los resultados que contienen los términos que estabas buscando.

* También puedes cambiar pestaña utilizando Cmd + [y Cmd +]

* Si vas a editar una secuencia de comandos, puedes verlo en la consola usando Ctrl + Shift + E

 
by Janeth Kent Date: 11-08-2016 chrome chrome developer tools chrome tricks chrome trucos visitas : 10482  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.

 
 
 

Artículos relacionados

Como integrar lazy-loading nativo de imágenes en tus proyectos web

¡El soporte nativo de lazy-loading en imágenes está ahora soportado en la web! Mira esta demostración de la función A partir de la versión 76 de Chrome, puedes usar el atributo…

20 funciones ocultas de Chrome que te harán la vida más fácil

El navegador Chrome de Google tiene un montón de pequeños trucos ocultos que quizá no conozcas. Aquí tienes 20 consejos que te ayudarán a ser un mejor usuario de Chrome. Los navegadores…

javascript: Aprende a usar Breakpoints en la depuración de código en Chrome DevTools

La depuración es una tarea muy difícil, especialmente cuando se trabaja en proyectos complejos. Las herramientas de depuración incorporadas en el navegador han hecho que sea bastante fácil depurar códigos.   Así…

Microsoft renuncia a Edge y crea nuevo navegador basado en Cromium

No es ningún secreto que el navegador Edge de Microsoft, de 3 años de antigüedad, no ha podido competir con Google Chrome a pesar de la inversión sustancial y las…

Los experimentos de Chrome: Google Chrome Experiments

No sólo el lema Don’t be evil (no seas malvado)! Los chicos de Google tienen como norma la frase "Be funny (sé divertido)" y "Let’s surprise (Sorprende)". Es por eso que cada dos por tres nos alegran…

Clicky