Programação google-chrome-devtools

4

Inspecione o elemento que só aparece quando outro elemento é sobreposto / inserido

Freqüentemente, desejo inspecionar um elemento (por exemplo, dica de ferramenta) que só aparece quando outro elemento é sobreposto / inserido com o mouse. O elemento que aparece torna-se visível por meio do evento mouseenter do jQuery. Não consigo inspecionar a dica de ferramenta, pois ela desaparece quando meu mouse deixa …

119 javascript google-chrome-devtools

1

Como filtrar (ocultar) solicitações pré-voo em minha rede de ferramentas de desenvolvimento

Normalmente, ambas as chamadas são mostradas, a pré-voo e a solicitação real. Isso às vezes é irritante. Existe uma maneira de ocultar as solicitações de pré-voos? Ou existe um plugin para filtrar certas solicitações com base em cabeçalhos?

117 cors google-chrome-devtools

3

Como pesquisar elementos DOM usando seletores XPath ou CSS nas Ferramentas de desenvolvedor do Chrome?

O documento http://code.google.com/chrome/devtools/docs/elements.html diz que suporta seletores XPath ou CSS, mas quando tentei, não pareceu funcionar para mim. Alguém sabe como usar?

116 dom google-chrome google-chrome-devtools

1

Chrome> = 24 - como encaixar devtools à direita?

Eu gosto de encaixar devtools à direita. Lembro-me de como fiquei feliz quando vi essa opção pela primeira vez, quando percebi que não precisava mais dividir a tela e posicionar as janelas manualmente. Versões recentes do Chrome essa opção parece estar faltando. Mesmo em minhas instalações onde já tenho devtools …

112 google-chrome-devtools

20

Inspecionar elemento pairado no Chrome?

Estou tentando visualizar, por meio das ferramentas de desenvolvedor do Chrome, como as dicas de ferramentas são estruturadas em um site. No entanto, mesmo quando estou focado sobre o item, quando "inspeciono o elemento", nada aparece para a dica de ferramenta no html. Eu sei que posso definir o estilo …

106 html css hover google-chrome-devtools

12

Como posso ver as solicitações de rede (para depuração) no React Native?

Gostaria de ver minhas solicitações de rede no React Native para me ajudar a depurar - de preferência na guia 'Rede' dos devtools do Chrome. Existem alguns problemas fechados sobre isso no GitHub ( https://github.com/facebook/react-native/issues/4122 e https://github.com/facebook/react-native/issues/934 ), mas eu não t compreendê-los inteiramente. Parece que preciso desfazer alguns polyfills …

102 javascript google-chrome-devtools react-native

9

“Inspecionar” um elemento flutuante?

Nota: Eu li tópicos semelhantes, mas nenhum é exatamente meu - posso clicar com o botão direito do mouse e ele desaparece. Acho "Inspecionar Elemento" uma ferramenta inestimável no Chrome, no entanto, minha última incursão ao aprender as maneiras mágicas que muitos de vocês já possuem me viram criando um …

100 google-chrome google-chrome-devtools

2

Desativar mapas de origem no Chrome DevTools

Existe uma maneira rápida de mudar do código jsx mostrado no Chrome DevTools para o ES5 bruto e vice-versa?

100 javascript google-chrome google-chrome-devtools source-maps

6

Como usar o inspetor da web do Chrome para visualizar o código flutuante

Usar o inspetor da web do chromes para visualizar o código é muito útil. Mas como você vê, por exemplo, o código de foco de um botão? Você terá que passar o mouse sobre o botão e, portanto, não poderá usá-lo (mouse) no inspetor. Existem atalhos ou outras maneiras de …

99 css google-chrome google-chrome-devtools web-inspector

3

O que é raiz de sombra

Nas Ferramentas do desenvolvedor do Google Chrome, vejo um #shadow-rootdireito sob a <html lang="en">tag. o que ele faz e para que é usado? Não vejo isso no Firefox nem no IE; apenas no Chrome, este é um recurso especial? Se eu abri-lo, ele mostra <head>e <body>e um link ao lado …

99 html google-chrome dom google-chrome-devtools

6

Posso dizer ao depurador de script do Chrome para ignorar jquery.js?

Existe uma maneira de dizer ao depurador do Chrome (ou talvez Firebug?) Para não quebrar dentro de certos arquivos? Para assumir que eles não estão quebrados, essencialmente? Isso parece algo que eles podem incorporar.

98 javascript google-chrome-devtools

4

Como acessar um arquivo específico nas Ferramentas do desenvolvedor do Chrome?

Estou desenvolvendo um aplicativo da web com uma abordagem de front-end pesada. Usando o Dojo e o modo AMD, atualmente tenho telas de teste que podem facilmente carregar mais de cem arquivos javascript diferentes. Quando desejo depurar algum problema específico ou verificar se estou vendo uma versão antiga de um …

97 javascript debugging google-chrome google-chrome-devtools frontend

1

O que significa quando o Chrome Dev Tools mostra uma propriedade computada esmaecida

Observe, não o painel Estilos (eu sei o que acinzentado significa nesse contexto - não aplicado), mas o próximo painel, o painel de propriedades Computadas. O que significa quando uma propriedade Computed é mostrada em cinza? Exemplo:

97 css google-chrome google-chrome-devtools

3

Como usar o seletor de cores (conta-gotas)?

Existe uma ferramenta muito útil construída na ferramenta de desenvolvimento do Chrome, que acabei de descobrir. Nem sei o nome dele, e não consigo encontrar no google. Eu diria que é uma ferramenta de inspeção de pixels. Acho o seguinte método de como usá-lo: 1a. Inspecione um elemento html com …

96 google-chrome-devtools

1

Qual é a diferença entre “transferido” e “recursos” na guia Chrome DevTools Network?

Qual a diferença entre essas duas quantidades de dados, localizadas na parte inferior da guia Rede?

96 google-chrome google-chrome-devtools

Perguntas com a marcação «google-chrome-devtools»