web-dev-qa-db-fra.com

Les outils de développement de Chrome n'affichent plus tous les fichiers JavaScript.

Tous les fichiers JavaScript ne sont plus visibles dans les outils de développement de Chorme.

Google Chrome est à jour. Version 44.0.2403.130 m Version de débogage de l'application. Scripts dans la tête.

<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>

La première partie des scripts est visible dans Outils du développeur Chrome dans le menu Sources du répertoire localhost/Scripts/* La deuxième partie des scripts n'est plus visible depuis hier. Quel est le problème avec les outils de développement?

Il n'y a pas d'erreur dans la console JavaScript. Je peux voir les demandes réussies pour les fichiers JavaScript dans l'onglet Réseau. Tout le JavaScript est chargé. L'application fonctionne bien. 

Quel est le problème avec les outils de développement? est-ce que quelqu'un a une idée?

Si j'ajoute localhost "dossier" à l'espace de travail, tout est visible, même les fichiers source côté serveur.

javascriptgoogle-chromedebugginggoogle-chrome-devtools
64
Fosna

J'ai réinstallé Chrome avec la suppression des données de profil Chrome. Ça fonctionne maintenant. 

0
Fosna

Ouverture de l'onglet Réseau dans les outils de développement et appui sur la touche F5 pour l'actualisation - merci @ Seano666 pour votre commentaire sur la question.

94
abiNerd

Pour moi, il me suffisait d'ouvrir les paramètres des outils de développement et de cliquer sur le bouton "Restaurer les paramètres par défaut et recharger" dans le premier onglet. 

Ensuite, tous mes scripts locaux sont revenus et le débogage était revenu à la normale.

30
Brendan

Ajoutez l'instruction debugger; à n'importe quelle partie de votre script, le débogueur s'arrête à ce stade et affiche le script, même si le script est chargé de manière dynamique.

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

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

                        $(option).appendTo(combo);
                    });
                }
9
notmrkyle

Essayez un clic droit sur le bouton reload dans les outils de développement.
Vous obtiendrez un menu dans lequel vous pourrez choisir: Empty Cache & Hard Reload.
Cela a fonctionné pour moi.

7
Southern Fire

J'ai eu le même problème et "cache vide et rechargement dur" a fonctionné pour moi.

4
koshy6252

Le problème est dû au mappage et au démappage du réseau. Il existe un étrange bug dans les outils de développement de chrome qui pose ce type de problème. Parfois, vous pourriez même voir d'anciens fichiers css dans la barre latérale .__ et lorsque vous ouvrez le fichier css à partir de la barre latérale gauche. ce serait juste vide .__ ou même pire, ne sera même pas visible. 

Même j'ai essayé toutes les options. redémarrage, suppression de tout problème, mappage non mappé. mode incognito. Mais à la fin a dû réinstaller pour faire ce correctif. 

Alors allez-y, faites une nouvelle installation de chrome. tout devrait bien se passer. 

2
Tarandeep Singh

Problème: Je développais/déboguais depuis quelque temps, puis j’ai rencontré un problème similaire. Même si les journaux de ma console affichaient les numéros de ligne, lorsque je cliquais dessus, j'étais amené à la ligne 1 d'une page vierge. Mes scripts étaient incorporés dans le code HTML, je pouvais donc les voir dans l'onglet Éléments, mais lorsque j'ai ouvert le fichier dans l'onglet Sources, il était tout simplement vide.

Solution: le correctif pour moi était de copier l'adresse url et la coller dans un nouvel onglet et rouvrir les outils de développement. L'onglet d'origine s'était en quelque sorte détérioré.

1
Marcus

Dans mon cas, c'était le problème du cache Chrome. Rafraîchir n'a pas fonctionné pour moi. Après avoir mappé le fichier ci-dessous, j'ai résolu mon problème.

1- Ouvrez le fichier sur le navigateur, par exemple. http://example.com/script.js

2- Ajouter une version par exemple http://example.com/script.js? v = 2

Cela efface le cache et le fichier commence à apparaître comme éditable.

0
Onur Kocatas

J'avais le même problème et j'essayais de donner les réponses mentionnées, mais il s'est avéré que Google Chrome avait été mis à jour en mode silencieux et qu'il fallait le réactiver pour que tout fonctionne correctement.

Entrez chrome://settings/help dans votre URL chrome et vérifiez si elle a besoin d'être relancée.

0
Shiko

J'ai rencontré le même problème, tout ce que j'ai fait est de supprimer tous les fichiers Temp du AppData local, sous le nom de votre profil, par exemple C:\Users\userprofile\AppData\Local\Temp

0
Steward Bopape

Pour moi aussi, c’était un problème de "cartographie et de désassociation" ... J'ai enlevé toutes les correspondances, mais les dossiers situés sur le site Web n'étaient pas visibles.

La solution pour moi était la suivante: dans les paramètres des outils de développement, accédez à l'onglet "Espace de travail" . Il restait encore des correspondances. J'ai tout enlevé. Après un rechargement c'était bien.

0
Matteo Tosato

La raison en est que votre fichier de script n'est pas encore chargé. Actualisez la page avec f5 et vous verrez les scripts répertoriés dans les sources. Ceci se produit lorsque vous placez votre balise de script en bas de la balise.

0
akaMahesh

J'ai rencontré le même problème avec un dossier non chargé et je l'ai résolu de la manière suivante:

  1. En mode Sources, cliquez sur le bouton en surbrillance bleue:

     enter image description here 

  2. Sélectionnez Open file.

  3. Tapez le nom du fichier recherché dans la zone de saisie de la recherche.

  4. Sélectionnez le fichier dans la liste des résultats.

0
NiVeR