web-dev-qa-db-fra.com

Raccourci clavier Chrome pour suspendre l'exécution du script

Existe-t-il un raccourci clavier dans Google Chrome qui interromprait l'exécution du script? (Équivalent à appuyer sur le bouton || "Suspendre l'exécution du script" dans le panneau Scripts des outils de développement.)

J'aimerais utiliser les outils de développement pour inspecter un élément dans son état de survol; le code mouseleave sera évidemment exécuté si j'essaie de cliquer sur le bouton de pause!

google-chromekeyboard-shortcutsweb-development
46
josh3736

Bien que je n’aie pas trouvé la solution exacte à ce problème, j’ai trouvé un one-liner qui peut être placé dans une page (ou collé dans la console Javascript) pour atteindre mon objectif:

jQuery(window).keydown(function(e) { if (e.keyCode == 123) debugger; });

Cela entraînera une pause de l'exécution lorsque vous frapperez F12.

( debugger est une instruction JavaScript qui force un point d'arrêt.)

Mise à jour: Dev Tools comporte de nombreux raccourcis intégrés (appuyez sur F1 pour une liste), mais vous devez vous concentrer sur la fenêtre Outils de développement pour qu’ils fonctionnent. Suspendre l'exécution du script est F8 (dans l'onglet Sources, à partir de Chrome 45) ou Ctrl+/.

La ligne ci-dessus peut toujours être utile si vous devez rester concentré sur la page avant de faire une pause.

55
josh3736

Les références de Google relatives aux raccourcis clavier pour "suspendre/reprendre l'exécution du script":

  • F8 ou Ctrl+\ (Les fenêtres)
  • F8 ou Cmd+\ (Mac)

Il existe des moyens plus simples d’inspecter des objets dans des états impairs, comme stationnaire ou actif. Tout d'abord, recherchez le nœud DOM dans le volet Éléments de Chrome Dev Tools. Maintenant, vous pouvez soit cliquer sur le noeud avec le bouton droit de la souris et regarder "Forcer l’élément d’élément" dans le menu contextuel, ou sélectionner le noeud et regarder dans l’onglet Styles et trouver l’icône en forme de pointillé avec la souris en haut (à côté de l'icône +/plus qui vous permet d'ajouter une nouvelle règle CSS à element.style, l'élément que vous avez sélectionné).

Lorsque vous activez l'un de ces états, la marge gauche du volet des éléments forme un petit cercle indiquant que vous avez remplacé l'état naturel de l'élément sur cette ligne.

12
alxndr

J'ai écrit une petite extension Chrome qui vous permet d'appuyer sur le bouton Pause de votre clavier pour suspendre l'exécution de javascript.

Comment l'obtenir:

Usage:

  1. Laissez les outils de développement chromés ouverts
  2. Appuyez sur pause/break sur votre clavier
8
SpareBytes

En exerçant mon Google-fu, j'ai trouvé la liste Google officielle des raccourcis clavier Chrome

Il ne semble pas y en avoir un dédié. Vous pouvez toujours écrire un plugin qui interpréterait une combinaison de touches comme un bouton de pause, si vous le souhaitez.

0
technowizard12