Chrome Débogage JavaScript - comment enregistrer des points de rupture entre le rafraichissement de la page ou de la pause par le biais du code?

Question

Lors de l'utilisation de Chrome et c'est le débogueur JavaScript, à chaque fois que je recharge ma page / scripts, mes points sont perdus et je dois aller trouver le fichier de script dans la fenêtre pop-up, trouver la ligne de code de mon point de rupture, cliquez sur pour l'ajouter, etc.

Est-il un moyen de sauver ces points d'arrêt, donc il se casse, même après un rafraichissement de la page (d'autres débogueurs j'ai utilisé ce faire)?

Sinon, est-il un moyen propre dans mon code JavaScript je peux taper quelque chose à dire à google chrome pour démarrer le suivi (à la pause sur une ligne)?

Answer 1

Vous pouvez mettre un

debugger;

pour briser dans la plupart des environnements JavaScript. Ils continuent à coup sûr. Il est bon d'avoir un minifier qui débarrasse le débogueur et console.journal des appels pour l'environnement de production, si vous utilisez ces.

Un clic droit sur le vide de la fenêtre de console apportera également une option qui dit "Préserver journal lors de la navigation". C'est pratique lorsque vous n'avez pas de console intégrée.journal des états ou codée en dur débogueur appels.

mise à jour: j'ai trouvé un outil sur github, appelé cheminée, qui prend un fichier et supprime toutes les console.journal des appels. il donne une bonne idée sur la façon de supprimer débogueur appels.

Answer 2

Définissez vos points d'arrêt, passez à l'onglet Réseau, puis sélectionnez le Préserver du Journal Lors de la Navigation bouton à bascule. Maintenant, les points d'arrêt doivent être là quand vous rafraîchir.

Ou le JavaScript façon est d'utiliser des

debugger;

Answer 3

Aussi, pensez-vous envoyer votre fichier JavaScript(s) à partir du serveur vers le client avec un joint paramètre de requête de l'URL avec l'Époque actuelle, le temps? Ce est utilisé pour empêcher la mise en cache du fichier JavaScript(s).

Lorsque c'est le cas, il semble que les Outils de développement Chrome interprète le fichier à un autre, l'un après l'actualisation, qui sera (bien) supprimer les points d'arrêt.

Pour moi, en supprimant le paramètre de requête faite le CDT garder les points d'arrêt après l'actualisation.

Answer 4

C'est probablement en passe pour les scripts que vous êtes le chargement dynamique ou de l'évaluation à partir d'autres scripts? Je peux dire que pour moi-même que ce scénario vraiment irritée moi jusqu'à ce que j'ai découvert le sourceURL de la propriété. Placer les suivantes spécialement mis en forme des commentaires sur la dernière ligne du script que vous souhaitez déboguer va ancrer dans Chrome il a donc un cadre de référence pour elle:

//# sourceURL=filename.js

Votre manuellement placé des points d'arrêt seront maintenant persistent entre le chargement de la page! La convention provient en fait de l'sourcemap cahier des charges, mais Chrome au moins les honneurs comme une technique autonome. Voici une référence.

Answer 5

Vous pouvez utiliser l' debugger; déclaration dans votre source pour faire le débogueur de repos.