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...
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
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
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á...
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...
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
Existe uma maneira rápida de mudar do código jsx mostrado no Chrome DevTools para o ES5 bruto e vice-versa?
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...
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 fazer isso no...
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...
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
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...
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:
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...
Qual a diferença entre essas duas quantidades de dados, localizadas na parte inferior da guia Rede?
Estou depurando uma versão móvel do nosso site por meio da ferramenta de emulação móvel do Chrome, mas não consigo descobrir como fazer um teclado na tela aparecer ao selecionar um campo de texto. Eu cliquei na caixa de texto, mas nenhum teclado aparece. Se eu fizer isso em um dispositivo móvel,...
Estou visualizando uma página que possui um redirecionamento de javascript embutido ( window.location = "/anotherpage"). Quero carregar a página no Chrome, mas tenho a linha de redirecionamento desativada, para que possa usar a página sem ser redirecionado. Aqui está o que eu...
Eu criei alguns elementos DOM bastante elaborados com um pseudo-elemento: after, e gostaria de poder inspecioná-los e ajustá-los no Chrome Inspector ou Firebug ou equivalente. Apesar desse recurso ser mencionado nesta postagem do blog WebKit / Safari (datado de 2010), não consigo encontrar esse...
Eu sei que __proto__está obsoleto (ou não faz parte do padrão) e tudo isso, mas ainda estou curioso para saber o que significa quando diz Data inválida quando vejo o __proto__valor de .. var myDate = new Date(1331869050000);
Eu tenho uma extensão de cromo que se conecta às ferramentas de desenvolvimento. Idealmente, eu quero um emblema que, ao ser clicado, abra as ferramentas de desenvolvimento na nova guia que criei. Existe alguma maneira de fazer isso na página de fundo?