Google Chrome: atalho de teclado para visualizar o recurso Recursos / inspecionar?

O Google Chrome possui um recurso semelhante ao Firebug, no qual você clica em um elemento da página e escolhe "Inspecionar elemento".

Estou sempre pulando para a exibição de Recursos para examinar solicitações HTTP.

Existe um atalho de teclado para abrir esta ferramenta?

google-chrome

— frankadelic
fonte

Documentos oficiais e atalhos mais úteis: Ferramentas do desenvolvedor do Chrome: Atalhos de teclado

— Michal Mau

Aqui estão informações úteis; code.google.com/chrome/devtools/docs/overview.html

— Furkan Ekinci

Além disso, F12 traz o painel Inspect Element no Chrome no Ubuntu

— dylan murphy

Respostas:

Acabei de descobrir que Ctrl+ Shift+ Ie Ctrl+ Shift+ Cfuncionam. Assim como o Firebug.

No OS X, isso é Command+ Option+ Iou Command+ Shift+ C.

— RustyDev
fonte

Graças horizontes - exatamente o que eu estava procurando. Concordado, o inspetor ficou tão bom que não preciso mais do Firebug. Tchau, FF.

— shacker

Mudou minha resposta ... é ótimo ter o mesmo atalho do Firefox.

— frankadelic

Cmd / Ctrl + Shift + C também é bastante útil, pois permite selecionar um elemento específico para inspecionar sem navegar pelo menu de contexto. Veja também developers.google.com/chrome-developer-tools/docs/shortcuts

— Jo Liss

alguém sabe como mudar esse atalho de teclado? No Firebug, você pode configurar o atalho. É Chrome, parece ser difícil. por um motivo, eu uso o layout do teclado dvorak e a tecla C está longe da minha mão esquerda.

— Michael Butler

pressionar N e clicar com o botão direito do mouse em algum lugar da página abre a janela de inspeção e leva você para o trecho de código em que você clicou na página tnnnnnnnnhe. Acabei de descobrir isso.

— usuario
fonte

Seu erro tipográfico é involuntariamente hilariante :)

— frankadelic

+1 para um ponto específico da página (mesmo que o OP desejasse apenas a janela geral). Isso é bom para problemas de foco, deixando o mouse exatamente onde está, sem precisar mover o mouse para baixo no menu pop-up.

— goodeye 11/01

@ goodeye note: você também simula o cursor ao clicar no ícone de estado do elemento de alternância (caixa pontilhada com seta); fica à direita do menu accordian 'styles' se você não encontrar imagens do google para "alternar elemento state "

— Myster

Meu Deus, durante todo esse tempo estive clicando com o botão direito e fazendo "Inspect Element" desperdiçando todo esse tempo.

— grito

@ Myster, boa dica, Btw o modo de alternância do dispositivo apenas redimensiona?

— Pacerier

Ctrl+ Shift+ Iabre as ferramentas do desenvolvedor, até a última seção em que você estava. Se você foi o último na seção Recursos, verá os Recursos.

Eu não acho que exista um atalho de teclado especificamente para o Inspecionar elemento , pois isso depende do contexto (ou seja, a localização do mouse)?

— Sr. White
fonte

Frankadelic realmente deseja abrir as Ferramentas do desenvolvedor para acessar o painel Recursos, não o painel Elementos, portanto, Ctrl + Shift + I é um bom atalho para usar: ele abre as Ferramentas do desenvolvedor da mesma maneira que você as deixou. (Menus de contexto do Chrome têm muito poucas opções, então clique com o botão direito, Inspecionar elemento é maneira como as pessoas comuns sugiro começar a qualquer uma das Ferramentas de Desenvolvimento via mouse.)

— Bavi_H

Bavi_H, está correto.

— frankadelic