Como saber o caminho com a ferramenta Inspecionar elemento?

Willy · 21/04/2014

Olá amigos,

Tenho uma pergunta: como bem sabem, a partir do navegador Google Chrome, quando clicamos com o botão direito sobre um elemento da página web e selecionamos "Inspecionar elemento" podemos ver as propriedades ... mas, existe alguma forma de saber o caminho e o nome do arquivo correspondente? Exceto o arquivo CSS que sempre nos indica o caminho na barra lateral direita.

PS. Isso é muito interessante quando usamos um template.

Obrigado sempre.

Abraços.

ramonjosegn · 21/04/2014

Na janela que se abre para inspecionar os elementos, há uma opção que diz "sources", ali você pode ver tudo o que o navegador carrega com seus caminhos (boa forma de saber os plugins e themes que um site em wordpress usa)

Também em "resources" dá dados a respeito

Willy · 21/04/2014

ramonjosegn disse:
Na janela que se abre para inspecionar os elementos, há uma opção que diz "sources", ali você pode ver tudo o que o navegador carrega com seus caminhos (boa forma de saber os plugins e themes que um site em wordpress usa)

Também em "resources" dá dados a respeito

Em primeiro lugar quero te agradecer, amigo ramón. Mas não sei se há algo mais preciso, ou seja, visualizar apenas o caminho e o nome do arquivo correspondente. Por exemplo, aqui mostro uma captura de teste, no entanto, source, me facilita um monte de caminhos, exceto a parte selecionada. Só foi testar, dado que o caminho dessa parte do template eu conheço e é: .../themes/default/modules/blockcms.tpl

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

Eu gostaria de saber se há algum outro método mais específico.

Saudações.

ramonjosegn · 21/04/2014

Willy disse:
Em primeiro lugar quero te agradecer, amigo ramón. Mas não sei se há algo mais preciso, ou seja, visualizar apenas o caminho e o nome do arquivo correspondente. Por exemplo, aqui mostro uma captura de teste, no entanto, source, me facilita um monte de caminhos, exceto a parte selecionada. Só foi testar, dado que o caminho dessa parte do template eu conheço e é: .../themes/default/modules/blockcms.tpl

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

Eu gostaria de saber se há algum outro método mais específico.

Saudações.

é que o chrome não é exatamente o que tem o melhor sistema para isso, o melhor addon que existe é o Firebug, que é muito mais explícito e até te dá os caminhos, não sei por que essa insistência em usar Chrome sabendo todos os problemas que tem e o quão limitado ele é

O sistema que o Opera traz também funciona muito bem, às vezes até melhor que o Firebug

shadowhck · 21/04/2014

Para conhecer o caminho de um arquivo de template, normalmente gerenciado com PHP, você teria que adicionar comentários HTML, não dá para saber exatamente qual parte é, porque é um processo do lado do servidor.

Se tudo tem classes e ids CSS, recomendo criar um CSS com background ou outline personalizados, para destacar cada zona.

Willy · 21/04/2014

O.K.! Anotado.

Muito obrigado amig@s.

Como saber o caminho com a ferramenta Inspecionar elemento?

Willy

ramonjosegn

Willy

ramonjosegn

shadowhck

Willy

Tópicos similares