Suspendu dans le débogueur dans Chrome?

Réponses:

198

Une cause possible, c'est que vous avez activé la "pause sur exceptions" (la petite icône en forme de panneau d'arrêt avec le symbole de pause (||) avec dedans en bas à gauche de la fenêtre). Essayez de cliquer dessus pour revenir à l'état désactivé / gris (pas aux états rouge ni bleu) et rechargez la page.

MISE À JOUR: Ajout d'une capture d'écran pour référence:

entrez la description de l'image ici

DavidJ
la source
1
parfois, vous devriez savoir où cliquer.
Darshan Thanki
@DavidJ J'ai ajouté une capture d'écran de l'icône, j'espère que cela ne vous dérange pas.
RubenGeert
Merci beaucoup. Cela commençait à me frustrer. Je ne me souviens même pas d'avoir cliqué sur ce bouton.
dminer
1
Faire une pause sur les exceptions n'est ni un problème (@Luja) ni un problème (@ Bosworth99) ou quelque chose de frustrant (@dminer). C'est une fonctionnalité très utile pour le débogage. Cela ne prend que quelques heures (ou moins selon votre expérience) pour afficher toutes les options de l'interface utilisateur de devTools et vous familiariser avec elles. Veuillez investir cette fois! Cela vous aidera énormément dans votre routine de débogage quotidienne.
CodeVortex
4
@CodeVortex Juste parce que quelque chose est utile, cela ne l'empêche pas d'être problématique s'il fait quelque chose que vous ne voulez pas en ce moment et que vous ne savez pas comment l'arrêter.
Jessica B
99

Dans mon cas, j'avais le Any XHRdrapeau défini sur true sur les XHR Breakpointsparamètres, accessible via l'onglet Sources dans les outils de développement de Chrome.

N'importe quel indicateur XHR dans les outils de développement Chrome

Décochez-la pour que Chrome fonctionne à nouveau normalement.

k0pernikus
la source
4
C'était le même problème que j'avais
Jimbo Jones
Même problème ici aussi, merci - cela me rendait fou.
zigojacko
3
tu viens de me sauver la vie :-)
Alex
@Alex Aw, cute : D
k0pernikus
Je l'ai eu sur Animation - m'a rendu fou jusqu'à ce que je lise ceci, merci!
asimovwasright
32

Cela peut également causer le problème

L'icône du point de rupture en haut à droite doit être bleue comme ceci

entrez la description de l'image ici

Ne devrait pas griser comme ça

entrez la description de l'image ici

Asif Asghar
la source
1
Ceci est trompeur car il désactive l'arrêt à tous les points d'arrêt, pas à celui de pageload. Cela évite donc également les points d'arrêt souhaités. Le problème réel n'est pas le bouton en haut à droite, mais la case cochée «Any XHR» en bas à gauche.
k0pernikus
12

Et il y a quelques options ci-dessous, si vous en avez coché, lorsque la condition est active, le débogueur de point d'arrêt est également actif

rayking
la source
11

Si vous accédez à Sources, vous pouvez voir le entrez la description de l'image icibouton de pause en bas des DevTools. Fondamentalement, il existe 3 options de pause possibles dans DevTools lors du débogage du fichier js,

  • Ne vous arrêtez pas sur les exceptions ( entrez la description de l'image ici):

    Le bouton de pause sera de couleur grise comme si "Ne pas mettre en pause sur les exceptions" était actif. entrez la description de l'image ici

  • Pause sur toutes les exceptions ( entrez la description de l'image ici):

    Le bouton pause sera de couleur bleue comme si "Pause sur toutes les exceptions" était actif. entrez la description de l'image ici

  • Pause sur les exceptions non interceptées ( entrez la description de l'image ici):

    Le bouton Pause sera de couleur violette comme si "Pause sur les exceptions non interceptées" était actif. entrez la description de l'image ici

Dans votre cas, si vous ne souhaitez pas mettre en pause, sélectionnez Ne pas mettre en pause sur les exceptions. Pour sélectionner, faites basculer le bouton pause jusqu'à ce qu'il devienne grisentrez la description de l'image ici .

Vijin Paulraj
la source
3
Merci pour la capture d'écran!
Maksym
MERCI! Vous êtes le seul à avoir répondu à cette question avec une indication claire de qui est lequel. Les info-bulles devraient être utiles, pas déroutantes: quand elle est grisée, et donc désactivée, l'info-bulle dit "Pause sur les exceptions" ... quelles info-bulles pour les bascules étaient moins idiotes ("Ne pas faire de pause sur les exceptions. Cliquez pour basculer.")
Jürgen A. Erhard
7

entrez la description de l'image ici

Oui. J'apprends juste les outils de développement Chrome aujourd'hui et j'ai trouvé la même chose - si ce qui précède échoue, développez la zone illustrée ici et recherchez les points d'arrêt que vous avez peut-être définis et oubliés.

ouonomos
la source
5

Vous pouvez appuyer sur CTLR+ F8pour activer ou désactiver les points d'arrêt.

C'est la solution courte.

Nasser Albelbeisi
la source
3

Cliquez sur l'icône Paramètres, puis sur le bouton Restaurer les paramètres par défaut et recharger. Cela a fonctionné pour moi alors que la réponse acceptée n'a pas fonctionné.Paramètres de restauration par défaut et rechargement de Google Chrome

codeymcgoo
la source
J'ai eu la même expérience, et j'avais l'impression de prendre des pilules folles: cl.ly/f4Jj La "restauration des paramètres par défaut" dans les paramètres a corrigé cela pour moi. Aucune idée de ce que c'était, mais comme cela ne se produisait pas à Canary, je savais que c'était quelque chose de spécifique aux outils de développement de Chrome.
Brandon Aaskov le
3

Dans le coin supérieur droit, l'avant-dernière icône (entourée de rouge dans l'image jointe) sert à activer / désactiver le débogage. Cliquez dessus pour activer le débogage à tout moment.

Console de débogage Chrome

Shailendra Singh Rajawat
la source
2

Problème vraiment idiot que j'ai rencontré qui m'a amené ici avec le débogueur; commande: "débogueur;" a une montre sur elle.

Cela a provoqué une page qui vient de dire le débogueur; à apparaître entre chaque chargement de page.

La façon de le désactiver consiste simplement à cliquer avec le bouton droit sur ladite montre et à cliquer sur «Supprimer l'expression de la montre».

Tout est un
la source
2

C'est vraiment une mauvaise expérience. si la réponse ci-dessus n'a pas fonctionné pour vous, essayez ceci.

Cliquez sur l'icône Paramètres, puis sur le bouton Restaurer les paramètres par défaut et recharger.

Appuyez sur «F8» jusqu'à ce que cela devienne normal.

Bon codage !!

Épée I
la source
1

Un autre utilisateur a mentionné cela en détail mais je l'ai manqué jusqu'à ce que je revienne ici environ 3 fois en 2 jours -

Il existe une section intitulée Points d'arrêt EventListener qui contient une liste d'autres points d'arrêt pouvant être définis. Il arrive que j'aie accidentellement activé l'un d'entre eux sur DOM Mutation qui me prévenait chaque fois que quelque chose dans le DOM était remplacé. Malheureusement, cela m'a conduit à désactiver un tas de plug-ins et d'add-ons avant de réaliser que c'était juste ma machine. J'espère que ceci aide quelqu'un d'autre.

PW Kad
la source
0

Vous pouvez simplement accéder aux points d'arrêt dans la console du développeur Chrome, cliquer avec le bouton droit de la souris et supprimer des points d'arrêt. Facile.

ZubairAnwar
la source
0

Il y a eu une erreur de syntaxe dans ma forboucle. Cela a provoqué l'erreur de pause.

Anirudh
la source
0

Cela m'arrivait. J'avais un point d'arrêt sur les modifications de sous-arbre sur la balise body, et chaque fois que je supprimais les points d'arrêt, ils revenaient après l'actualisation. J'étais tellement confus, et j'ai même supprimé tous les points d'arrêt DOM, mais le point d'arrêt de modification du sous-arbre du corps fantôme revenait sans cesse. Finalement, j'ai rechargé le cache, et ils ont disparu.

codecubed
la source