Don't forget the Chrome Dev Summit, starting Monday at 10:00am (Pacific) and streaming live on YouTube. Schedule.

Inspeccionar recursos

Organiza recursos por marco, dominio, tipo u otros criterios.

TL;DR

  • Usa el subpanel Frames del panel Application para organizar los recursos por marcos.
  • También puedes ver recursos por marcos desde el panel Sources inhabilitando la opción group by folder.
  • Para visualizar recursos por dominio y carpeta, usa el panel Sources.
  • Filtra recursos por nombre u otros criterios en el panel Network.

Organizar recursos por marco

Usa el subpanel Frames en el panel Application para obtener una representación organizada por marcos de los recursos de la página.

![detalles de marcos][frames]

  • El nivel superior (top en la captura de pantalla precedente) corresponde al documento principal.
  • Debajo de ese nivel (p. ej., widget2 en la captura de pantalla precedente) se encuentran submarcos del documento principal. Expande uno de estos submarcos para ver los recursos que se originan de ese marco.
  • Debajo de los submarcos, se encuentran las imágenes, las secuencias de comandos y otros recursos del documento principal.
  • El documento principal en sí se encuentra en el último lugar.

Haz clic en un recurso para obtener una vista previa de él.

Haz clic con el botón secundario en un recurso para verlo en el panel Network, abrirlo en una pestaña nueva, copiar su URL o guardarlo.

![ver un recurso][resource]

También puedes ver recursos por marco en el panel Sources haciendo clic en el menú ampliado del navegador e inhabilitando la opción Group by folder para detener la agrupación de los recursos por carpeta.

opción group by folder

Los recursos se ordenarán por marco solamente.

sin carpetas

Organizar recursos por dominio y carpeta

Para ver recursos organizados por dominio y directorio, usa el panel Sources.

panel sources

Filtrar recursos por nombre, tipo u otros criterios

Usa el panel Network para filtrar recursos por nombre, tipo y una amplia variedad de otros criterios. Consulta la guía a continuación para obtener más información.