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

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.

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.

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

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.

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.

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.

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

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.

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.

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:

no meu caso, aconteceu de repente, depois de infectar com malware e redefinir meu navegador - cache / appdata excluídos.

Solução: remova a extensão que pode afetar Js no meu caso

Eu removi / desativei a extensão abaixo e trabalhei https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en

estranho porque antes de fazer aquele addon sem problemas, acho que é como uma ressuscitação cardiopulmonar. :)

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.

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.

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 .