Ferramenta de desenvolvedor do Chrome: o script html está em branco (no código-fonte) tutorial de depuração


93

Estou fazendo o tutorial de depuração do C hrome , usando NetBeans e Google Chrome. Tudo, incluindo extensões, parece funcionar corretamente, mas quando chego à seção Use the Debugger, não consigo ver o código html para inserir um ponto de interrupção.

Depois de selecionar inspecionar pop-up no navegador, ele abre no Console, não mostrando nada, Elements mostra popup.html com imagens adicionadas. Quando vou para Sources, o arquivo popup.html pode ser aberto, mas a única linha, Linha 1, está em branco. Se eu abrir o arquivo js, ​​o arquivo js está lá e pode ser editado (ponto de interrupção).

Sinto muito - provavelmente algo básico, mas não tenho muita experiência com isso. Tentei recarregar e atualizar tudo.

SEGUIMENTO: Ao entrar location.reload(true)no prompt do console, o arquivo popup.html se tornou visível como Fonte! Por quê? Nenhuma idéia.

Espero que isso salve alguém o dia inteiro que passei tropeçando.


5
location.reload (true) funcionou para mim.
WillB3

Sim, mas isso recarrega a página e perde qualquer interação que você possa ter tido na página antes de abrir o depurador.
Peter Brand

onde devo escrever "location.reload (true)"
sidhewsar

2
Ainda enfrentando o problema em 2019!
Aamir Rizwan

Isso aconteceu na última versão do Chrome, outubro de 2019, mas o truque location.reload (true) não carregou nada. A propósito, a janela de origem mostra apenas o número da linha 1, mas nada mais.
Howard Brown

Respostas:


55

Este parece ser um problema conhecido com o Chromium DevTools. Basicamente, o HTML e outro conteúdo que não seja de script já é liberado antes que o DevTools seja aberto e não há maneira confiável de recuperá-lo. Atualizar a página com DevTools aberto "corrige" o problema.


4
Concordo - eu tenho o problema e esta correção está desatualizada (para um problema anterior idêntico) ou não funciona.
Dan Nissenbaum

3
Também estou tendo o mesmo problema. Atualizar a página não resolve o problema.
MH

17
você pode fazê-lo funcionar fechando as ferramentas do desenvolvedor e reabrindo-as novamente usando a opção inspecionar elemento. Funciona para mim.
Vishal

7
Continuando em dezembro de 2017!
Peter Brand

7
Bug ainda presente - maio de 2019
Chris Rogers

53

no meu caso o pedido ajudou foi

  1. feche a guia em branco nas fontes
  2. fechar ferramentas de desenvolvimento
  3. abrir ferramentas de desenvolvimento
  4. abra a guia em fontes (ainda está em branco)
  5. atualizar a página

1
Quem sabe se esta será uma solução confiável, mas funcionou desta vez! 😁
James Hill

1
Cara, estou sempre procurando por essa "solução"
Jordec

2
Eu não posso. Acreditam. É ... anos. Do. Dor ... Resolvido. Dentro. A. Instante. OBRIGADO.
egmfrs

24

Eu tive esse problema e acabei de descobrir que desabilitar "Ativar mapas de origem Javascript" na janela de configurações do Inspetor (F1) resolveu o problema

Recriei meu js.map, reativei a configuração e a fonte ainda estava disponível.

Acho que meu problema era que eu estava servindo js (configurações de desenvolvimento) não minimizados, mas o mapa (criado para configurações de produção) ainda estava lá e desatualizado.


4
feche o cromo e reabra após alterar a configuração também!
Nateous

17

No meu caso, não consegui acessar o console, pois sua guia também exibia uma página em branco. Minha solução é usar a combinação CTRL + SHIFT + I com a tela em branco do depurador em foco e, em seguida, digitar parent.location.reload(true)no console do depurador de pop-up.


2
Como no comentário de WillB acima, isso recarrega a página e perde qualquer interação que você possa ter tido na página antes de abrir o depurador.
Peter Brand

Impressionante! Isso funcionou para mim depois de 2 horas de luta.
Zeeshan Adil de

Eu não sei o que o parent.location.reload implica, mas resolveu meu problema após várias reinicializações do Chrome / hard refresh / esvaziamento dos dados do cache do Chrome! obrigado!
beluga

Que bom que pude ajudar. Ele recarrega a janela pai (a janela em branco onde você digitou CTRL + SHIFT + I) da janela filho.
Ikenna Anthony Okafor

5

No meu caso, havia uma extensão no cromo fazendo com que o depurador fornecesse a página de índice em branco em uma seção "sem domínio" do depurador. Após desativar todas as extensões não essenciais no Chrome, o depurador mostrou a fonte correta novamente.


4
Teria sido ótimo se você anotasse a extensão que está causando o problema. Muitas extensões podem ser não essenciais para você e essenciais para mim. Isso torna a resposta inútil.
Imad

5
Eu não concordaria com "inútil". Pelo menos você sabe verificar os plugins.
Brett Drake de

Este era o meu problema - no meu caso, eu tinha instalado a extensão VPN UltraSurf Unblock. Abrir a página de depuração local em uma janela anônima a trouxe instantaneamente. Um momento meio "durrrr", devo admitir :( haha!
IfElseTryCatch

Usar o modo anônimo consertou para mim.
Petah

4

Ferramentas Dev (F12) -> Janela de configurações do Inspetor (F1) -> Restaurar padrões e recarregar [botão na parte inferior] funciona para mim!


2

Percebi que alguns problemas graves de javascript causam problemas como este. No meu caso, eu estava substituindo erroneamente todo o meu documento devido a um erro de digitação.

Se você estiver obtendo uma página html em branco no depurador Chromium WebTools, dê uma boa olhada em seu javascript para se certificar de que não está fazendo nada de estranho.


1
Isso parece ser o que causou o problema para mim também. No meu caso, tive uma referência incorreta do jquery. $ ('inputid') em oposição a $ ('# inputid').
Vincent

2

Corrigi meu problema usando uma sessão totalmente nova com o argumento de linha de comando "--user-data-dir" e desabilitando "Ativar mapas de origem Javascript". Meu código aparece bem no depurador do Firefox, então parece que foi causado por um bug do Chrome.


1

Eu tive o mesmo problema. Mesmo uma atualização da página não funcionou.

Ir chrome://helpe atualizar o navegador + reiniciar funcionou para mim.

Você também pode atualizar o Chrome por meio do menu:

insira a descrição da imagem aqui



0

No meu caso, tomei um gole com o navegador do navegador em execução por alguns dias. Eu engoli em seco e resolvi meu problema.


0

Eu também tive esse problema quando tinha um enorme arquivo java-script, eu tinha esta linha

                points.push({
                    location: new google.maps.LatLng(46.5376919, 4.5425704),
                    date : "5/8/2017 5:11:00 PM",
                    free : true
                });

em um ciclo for e contava 3.000 itens, então o arquivo ficou grande no script e o arquivo estava em branco nas fontes do Chrome. (Acho que atingi alguma limitação)

Depois de diminuir o arquivo removendo para 100 itens, ele funcionou perfeitamente.


0

Eu tive o mesmo problema quando meu documento HTML estava em branco na guia Fontes. Tentei algumas das correções recomendadas aqui, mas nenhuma funcionou. Essa sugestão até fez com que todos os scripts locais desaparecessem. A única coisa que funcionou para mim foi, na janela do inspetor, pressionar a tecla F5. Crédito a esta resposta SO .

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.