web-dev-qa-db-fra.com

Outil pour les développeurs Chrome: le script html est un didacticiel de débogage vide (dans la source)

Je fais le tutoriel de débogage C hrome , en utilisant NetBeans et Google Chrome. Tout, y compris les extensions, semble fonctionner correctement, mais lorsque je parviens à la section Use the Debugger, je ne peux pas voir le code html pour insérer un point d'arrêt.

Après avoir sélectionné Inspecter popup dans le navigateur, celui-ci s’ouvre dans la console et n’affiche rien. Elements affiche popup.html avec des images ajoutées. Quand je vais aux sources, le fichier popup.html peut être ouvert, mais la seule ligne, la ligne 1, est vide. Si j'ouvre le fichier js, le fichier js est là et peut être édité (break pointé).

Je suis désolé - probablement quelque chose de fondamental, mais je ne suis pas très expérimenté avec cela. J'ai essayé de recharger et d'actualiser tout.

SUIVI: En entrant location.reload(true) dans l'invite de la console, le fichier popup.html est devenu visible en tant que source! Pourquoi? Aucune idée.

J'espère que cela sauvera toute la journée que j'ai passée à trébucher.

debugginggoogle-chromedeveloper-tools
59
DrWhat

Cela semble être un problème connu avec Chromium DevTools. Fondamentalement, le contenu HTML et tout autre contenu non scripté est déjà vidé avant que DevTools soit ouvert et il n'existe aucun moyen fiable de le récupérer. L'actualisation de la page lorsque DevTools est ouvert "corrige" le problème.

37
Eric

J'ai eu ce problème et je viens de constater que la désactivation de "Activer les cartes source Javascript" dans la fenêtre de configuration de l'inspecteur (F1) permettait de le résoudre.

J'ai recréé mon js.map, réactivé le paramètre et la source était toujours disponible.

Donc, je pense que mon problème était que je servais js non finis (paramètres de dev), mais la carte (construite pour les paramètres de prod) était toujours là et obsolète.

17
paul

Dans mon cas, je n'ai pas pu accéder à la console car son onglet affichait également une page vierge. Ma solution consiste à utiliser la combinaison CTRL + MAJ + I avec l'écran de débogueur vide, puis à taper parent.location.reload(true) dans la console du débogueur contextuel.

12
Ikenna Anthony Okafor

dans mon cas l'ordre a aidé était

  1. ferme l'onglet vide dans les sources
  2. outils de développement proches
  3. outils de développement ouverts
  4. ouvrez l'onglet dans les sources (c'est toujours vide)
  5. rafraîchir la page
7
Andrey Zausaylov

Dans mon cas, une extension en chrome obligeait le débogueur à donner la page d'index vide sous une section "aucun domaine" du débogueur. Après avoir désactivé toutes les extensions non essentielles de Chrome, le débogueur a de nouveau affiché la source correcte.

5
Brett Drake

J'ai remarqué que certains problèmes graves de javascript causent des problèmes comme celui-ci. Dans mon cas, j'ai écrasé par erreur tout le document en raison d'une faute de frappe.

Si vous obtenez une page html vierge dans le débogueur Chromium WebTools, examinez bien votre javascript pour vous assurer qu'il ne fait rien d'étrange.

2
AWT

J'ai résolu mon problème en utilisant une toute nouvelle session avec l'argument de ligne de commande "--user-data-dir", et en désactivant "Activer les cartes source JavaScript" . Mon code s'affiche correctement dans le débogueur Firefox. un bug de Chrome.

2
Simon

J'ai eu le même problème. Même un rafraîchissement de la page n'a pas fonctionné.

Aller chrome://help et rafraîchir le navigateur + redémarrer a fonctionné pour moi.

Vous pouvez également mettre à jour Chrome via le menu:

 enter image description here

1
Charles

Dans mon cas, j’avais avalé avec browsersync pendant quelques jours. J'ai rebondi et résolu mon problème. 

0
dman

J'avais aussi ce problème quand j'avais un énorme fichier de script Java, j'avais cette ligne 

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

dans un cycle for et il comptait 3000 éléments pour que le fichier grossisse dans le script et soit vierge dans les sources Chrome. (Je pense que je frappe une limite)

Après avoir réduit le fichier en supprimant 100 éléments, cela fonctionnait parfaitement.

0
Dongolo Jeno

Outils de développement (F12) -> Fenêtre de configuration de l'inspecteur (F1) -> Restaurer les valeurs par défaut et recharger [le bouton en bas] fonctionne pour moi!

0
Sylwia M