Cómo conocer la ruta con la herramienta Inspeccionar un elemento ?

Willy · 21 Abr 2014

Hola amigos,

Tengo una pregunta: como bien saben, desde el navegador de Google Chrome, cuando hacemos clic derecho sobre un elemento de la página web y seleccionamos "Inspeccionar elemento" podemos apreciar las propiedades ... pero, ¿ hay alguna forma de saber la ruta y el nombre del archivo correspondiente ? Salvo el archivo CSS que siempre nos indica la ruta en la barra lateral derecha.

PD. Esto es muy interesante cuando usamos una plantilla.

Gracias siempre.

Un abrazo.

ramonjosegn · 21 Abr 2014

En la ventana que se abre para inspeccionar los elmentos, hay una opción que dice "sources", ahì puedes ver todo lo que carga el navegador con sus rutas (buena forma de saber los plugins y themes que usa un sitio en wordpress)

También en "resources" da datos al respecto

Willy · 21 Abr 2014

ramonjosegn dijo:
En la ventana que se abre para inspeccionar los elmentos, hay una opción que dice "sources", ahì puedes ver todo lo que carga el navegador con sus rutas (buena forma de saber los plugins y themes que usa un sitio en wordpress)

También en "resources" da datos al respecto

En primer lugar quiero darte las gracias, amigo ramón. Pero no sé si hay algo más preciso, es decir, únicamente visualizar la ruta y el nombre del archivo correspondiente. Por ejemplo, aquí muestro una captura de prueba, sin embargo, source, me facilita un montón de rutas, excepto, la parte seleccionada. Solo fue probar, dado que la ruta de esa parte de la plantilla la conozco y es: .../themes/default/modules/blockcms.tpl

http://i60.tinypic.com/2gy626u.png

Me gustaría saber si hay algún otro método más específico.

Saludos.

ramonjosegn · 21 Abr 2014

Willy dijo:
En primer lugar quiero darte las gracias, amigo ramón. Pero no sé si hay algo más preciso, es decir, únicamente visualizar la ruta y el nombre del archivo correspondiente. Por ejemplo, aquí muestro una captura de prueba, sin embargo, source, me facilita un montón de rutas, excepto, la parte seleccionada. Solo fue probar, dado que la ruta de esa parte de la plantilla la conozco y es: .../themes/default/modules/blockcms.tpl

http://i60.tinypic.com/2gy626u.png

Me gustaría saber si hay algún otro método más específico.

Saludos.

es que chrome no es precisamente el que tiene el mejor sistema para eso, el mejor addon que existe es Firebug, que es mucho más explícito e incluso te da las rutas, no sé porqué esas insistencia en usar Chrome sabiendo todos los problemas que tiene y lo limitado que es

El sistema que trae Opera también funciona muy bien, a veces incluso mejor que Firebug

shadowhck · 21 Abr 2014

Para conocer la ruta a un archivo de plantilla, normalmente manejado con PHP, tendrías que agregar comentarios HTML, no puedes saber exactamente que parte es, porque es un proceso de lado del servidor.

Si todo tiene clases y ids CSS, te recomiendo crear un CSS con background o outline personalizados, para remarcar cada zona.

Willy · 21 Abr 2014

¡ O.K. ! Queda anotado.

Muchas gracias amig@s.

Cómo conocer la ruta con la herramienta Inspeccionar un elemento ?

Willy

ramonjosegn

Willy

ramonjosegn

shadowhck

Willy

Temas similares