Existe-t-il un raccourci clavier dans Google Chrome qui interrompt l'exécution du script ? (Équivalent à l'appui sur la touche || "Pause de l'exécution du script" dans le panneau script des outils de développement).
J'aimerais utiliser les outils de développement pour inspecter un élément dans son état de survol par la souris. mouseleave Le code s'exécutera évidemment si j'essaie de cliquer sur le bouton de pause !
Mise à jour : Dev Tools dispose de nombreux raccourcis intégrés (appuyer sur F1 pour une liste). La mise en pause de l'exécution du script est F8 (en regardant l'onglet Sources, à partir de Chrome 45) ou Ctrl + / .
Le raccourci ne fonctionne que dans la fenêtre principale du navigateur si les Dev Tools sont déjà ouverts à l'onglet Sources.
Si le raccourci ci-dessus ne fonctionne pas, j'ai trouvé un raccourci 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; });L'exécution sera ainsi interrompue lorsque vous appuierez sur la touche F12 .
( debugger est une instruction JavaScript qui force un point de rupture).
Le site de Google Référence des raccourcis clavier listes pour "Pause / reprise de l'exécution de script" :
Il existe des moyens plus simples d'inspecter les éléments dans des états bizarres comme le survol ou l'activité. Tout d'abord, trouvez le nœud DOM dans le volet Éléments de Chrome Dev Tools. Vous pouvez alors soit cliquer avec le bouton droit de la souris sur le nœud et consulter l'option "Forcer l'état de l'élément" dans le menu contextuel, soit sélectionner le nœud et consulter l'onglet Styles pour trouver l'icône en forme de boîte en pointillé avec le pointeur de la souris en haut à droite (à côté de l'icône +/plus qui vous permet d'ajouter une nouvelle règle CSS à l'élément DOM). element.style l'élément que vous avez sélectionné).
Lorsque vous activez l'un de ces états, un petit cercle apparaît dans la marge gauche du volet des éléments pour indiquer que vous avez remplacé l'état naturel de l'élément sur cette ligne.
Les versions modernes de Chrome interrompent l'exécution lorsque vous appuyez sur la touche de raccourci Pause alors que vous êtes concentré sur la fenêtre DevTools ou sur la fenêtre de contenu principale (si les DevTools sont ouverts), et quel que soit l'onglet DevTools actif. Aucune installation ou extension supplémentaire n'est requise.
On ne sait pas exactement quelle version de Chrome a introduit la possibilité d'utiliser le raccourci dans la fenêtre principale, mais notez qu'un régression dans les versions 80-82. Assurez-vous que vous utilisez Chrome 83+.
En exerçant mon Google-fu, j'ai trouvé l'adresse suivante liste officielle de google des raccourcis clavier de Chrome
Il ne semble pas qu'il y en ait un qui lui soit consacré. Vous pouvez toujours écrire un plugin qui interprète une combinaison de touches comme un bouton de pause, si vous le souhaitez.
SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.
