As ferramentas de desenvolvedor do Chrome não mostram mais todos os arquivos JavaScript

86

Nem todos os arquivos JavaScript são mais visíveis nas ferramentas Chorme Developer.

Google Chrome está atualizado. Versão 44.0.2403.130 m Versão de depuração do aplicativo. Scripts na cabeça.

<script src="/Scripts/jquery-ui-1.8.24.js"></script>
<script src="/Scripts/jquery.validate.js"></script>

...

<script src="/Client/Statics/GuiContainers.js"></script>
<script src="/Client/ClientDAL.js"></script>
<script src="/Client/ClientLayoutUpdater.js"></script>
<script src="/Client/ClientRenderer.js"></script>
<script src="/Client/ControllerLocator.js"></script>

A primeira parte dos scripts está visível nas Ferramentas do desenvolvedor do Chrome no menu Fontes no caminho localhost / Scripts / *. A segunda parte dos scripts não está visível desde ontem. Qual é o problema com as Ferramentas do desenvolvedor?

Não há erros no console JavaScript. Posso ver as solicitações bem-sucedidas de arquivos JavaScript na guia rede. Todo o JavaScript está carregado. O aplicativo funciona bem.

Qual é o problema com as Ferramentas do desenvolvedor? Alguém tem alguma ideia?

Se eu adicionar "pasta" localhost ao espaço de trabalho, tudo ficará visível, até mesmo os arquivos de origem do servidor.

Fosna
fonte
10
Use a guia de rede nas ferramentas do desenvolvedor e atualize a página para determinar se o arquivo js foi realmente carregado quando a página carrega.
Seano666
@ Seano666 Eu fiz isso. A explicação da pergunta é esclarecida como resultado de seu comentário. THX.
Fosna
2
coloque um console.log em um arquivo de origem, atualize a página, você obterá o console.log e poderá clicar na origem do console.
SilentTremor
Se nenhum log do console estiver presente, significa que seus arquivos de origem não foram carregados de onde você esperava.
SilentTremor
@SilentTremor Ótima ideia. THX. O nome do arquivo próximo à mensagem do parâmetro console.log () é VM254 DdiClientMain.js: 17. Eu me pergunto o que isso significa?
Fosna

Respostas:

114

Abriu a aba rede nas ferramentas do desenvolvedor e apertou F5 para atualizar - obrigado @ Seano666 pelo seu comentário sobre a questão

abiNerd
fonte
9
isso funcionou para mim também. abrir a guia de rede durante o recarregamento parece afetar o bug
CodeToad
Dica profissional: você pode classificar tudo o que foi carregado em uma página classificando por 'Tipo', dessa forma todos os scripts são listados juntos
Novastorm
Abrir o Devtools funciona bem para mim. Não há necessidade de abrir a guia Rede.
Surjith SM de
Uau, isso funcionou. Como você descobriu essa solução? : P
Gokul NK
Este bug ainda existe na versão 77.0.3865.90 (versão oficial) (64 bits)
Markus Zeller
40

Para mim, bastava abrir as configurações das Ferramentas do desenvolvedor e clicar no botão "Restaurar padrões e recarregar" na primeira guia.

Então, todos os meus scripts locais apareceram novamente e a depuração voltou ao normal.

Brendan
fonte
21

Adicione a debugger;instrução em qualquer parte do seu script, o depurador irá parar neste ponto e mostrar o script, mesmo se o script for carregado dinamicamente.

                onSuccess: function (result) {
                    debugger;
                    combo.empty();
                    $(result).each(function () {
                        var option;

                        option = document.createElement('option');
                        option.value = this.Id;

                        $(option).appendTo(combo);
                    });
                }
bigpony
fonte
2
Isso funcionou perfeitamente para um script que foi carregado por meio de uma chamada AJAX que se recusava a ser exibida no painel de fontes. Como o Chrome estava executando em um arquivo VM de algum tipo, colocar a debugger;linha forçou o Chrome a abrir o arquivo VM.
James Haug,
@JamesHaug, na verdade, esta é a única maneira de depurar scripts carregados dinamicamente, sejam eles carregados por meio de uma estrutura ou injetados
bigpony
Isso funcionou para mim, mas ainda não mostra se eu não tenho o 'depurador' lá.
Steve
10

Tente clicar com o reloadbotão direito do mouse nas ferramentas do desenvolvedor.
Você vai ter um menu a partir do qual você pode escolher: Empty Cache & Hard Reload.
Isso funcionou para mim.

Fogo do Sul
fonte
Isso funciona para mim também. Além disso, mesmo antes de atualizar, posso encontrar o script que falta na guia 'Aplicativo'.
knopch1425
4

Tive o mesmo problema e "Esvaziar o cache e recarregar fortemente" funcionou para mim.

koshy6252
fonte
Funcionou para mim sem a necessidade de reinstalar o Chrome
Dimitry K
3

Problema: eu já estava desenvolvendo / depurando há algum tempo e então encontrei um problema semelhante. Embora meus logs de console mostrassem números de linha, quando eu cliquei neles, fui levado para a linha 1 de uma página em branco. Meus scripts foram incorporados ao html, então pude vê-los na guia Elementos, mas quando abri o arquivo na guia Fontes, ele estava apenas em branco.

Solução: a correção para mim foi copiar o endereço de url e colá-lo em uma nova guia e reabrir as ferramentas de desenvolvimento. A guia original havia entrado em um estado ruim de alguma forma.

Marcus
fonte
De fato. Eu tive exatamente o mesmo problema. Chrome reiniciado que corrigiu o problema.
Rustem Zinnatullin
2

O problema é devido ao mapeamento e desmapeamento da rede. Há algum bug estranho nas ferramentas de desenvolvimento do Chrome que causa esse tipo de problema. Algumas vezes você pode até ver arquivos css antigos na barra lateral e quando você abre o arquivo css na barra lateral esquerda. ficaria apenas em branco ou, pior ainda, nem mesmo seria visível.

Até eu tentei todas as opções. reiniciando, removendo todo chache, mapeando desmapeamento. modo incógnito. Mas no final tive que reinstalar para fazer essa correção.

Então vá em frente e faça uma nova instalação do Chrome. tudo deve estar bem.

Tarandeep Singh
fonte
2

Eu tive o mesmo problema com uma pasta que não estava sendo carregada e resolvi da seguinte maneira:

  1. No Sourcesmodo, clique no botão destacado em azul:

    insira a descrição da imagem aqui

  2. Selecione Open file.

  3. Digite o nome do arquivo desejado na caixa de entrada de pesquisa.

  4. Selecione o arquivo na lista de resultados.

NiVeR
fonte
1

O motivo é que seu arquivo de script ainda não foi carregado, atualize a página com f5 e você verá os scripts listados nas fontes. Isso aconteceu quando você colocou sua tag de script no final da tag.

akaMahesh
fonte
1

No meu caso, foi o problema do cache do Chrome. Atualizar não funcionou para mim. Depois de mapear o arquivo abaixo, resolvi meu problema

1- Abra o arquivo no navegador, por exemplo, http://example.com/script.js

2- Adicione uma versão, por exemplo, http://example.com/script.js ? V = 2

Isso limpa o cache e o arquivo começa a aparecer como editável.

Onur Kocatas
fonte
1

Se você estiver depurando no cromo, adicione o depurador; declaração antes e depois no javascript onde você deseja que o navegador pare para depuração

Gopal Sinha
fonte
0

Reinstalei o Chrome com a remoção de dados de perfil do Chrome. Funciona agora.

Fosna
fonte
1
Existe algum lugar onde excluir seletivamente os dados de perfil das ferramentas de desenvolvimento do Chrome? Não queira perder o histórico completo, os favoritos e assim por diante.
Alex
3
Me deparei com esta resposta e você pode redefinir seletivamente as configurações das ferramentas de desenvolvimento sem excluir todo o perfil do Chrome. Pressione F12 e, em seguida, F1 e, na parte inferior da página, há um botão que redefinirá as ferramentas de desenvolvimento.
Michael Thessel
Muito obrigado Michael Tessel - meu desenvolvedor de cromo por motivos obscuros começou a mostrar apenas meus menos arquivos (o que torna a depuração bastante difícil). Reinicializei as configurações do devtool e tudo voltou a funcionar! :-)
hasse
0

Eu tive o mesmo problema, tudo o que fiz foi excluir todos os arquivos Temp no AppData local, sob o nome do seu perfil, por exemplo, C: \ Usuários \ perfil do usuário \ AppData \ Local \ Temp

Steward Bopape
fonte
0

Para mim também foi um problema de 'mapeamento e desmapeamento'. Removi todos os mapeamentos, mas as pastas do site não estavam visíveis.

A solução para mim foi: nas configurações das ferramentas de desenvolvimento vá para a aba "Workspace". Ainda havia algum mapeamento. Eu removi tudo. Depois de uma recarga estava tudo bem.

Matteo Tosato
fonte
0

Eu tive o mesmo problema e tentei as respostas mencionadas, mas o Google Chrome foi atualizado silenciosamente e precisa ser reiniciado para que tudo funcione bem.

Digite chrome://settings/helpseu URL do Chrome e verifique se ele precisa ser reiniciado.

Shiko
fonte
0

Eu enfrentei esse problema, devido a um erro de grafia dentro da tag de script javascript.

<script type="text/javsscript" src="./../js/lib/darkmodejs.min.js"></script>

problema eram erros ortográficos dentro do atributo type, que então mudei para:

<script type="text/javascript" src="./../js/lib/darkmodejs.min.js"></script>

e funcionou bem para mim, às vezes o problema é mínimo, mas os efeitos são maiores.

ArifMustafa
fonte
0

No meu caso, o problema era que os arquivos JavaScript que eu tinha demoravam muito mais para carregar (cerca de 5 minutos), então me deu a impressão de que eles não estavam sendo carregados. Já vi isso acontecer quando carrego o projeto local depois de muito tempo. Depois de carregados, eles permanecem na memória mesmo depois que eu atualizo a página.

Saumil
fonte