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.


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


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.


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);
                    });
                }

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.


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.


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.


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.


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.


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.


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.


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


0

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


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


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.


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.


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.


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.

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.