Agence web » Actualités du digital » Ce que font vos touches de fonction dans Chrome DevTools

Ce que font vos touches de fonction dans Chrome DevTools

Les touches de fonction des claviers n'obtiennent pas l'amour auquel elles étaient habituées, mais selon l'application que vous utilisez, elles peuvent toujours être utiles. Chrome DevTools a quelques fonctionnalités intéressantes cachées derrière vos touches de fonction. Voici ce qu’ils font.

Qu'est-ce que Chrome DevTools?

Comme son nom l'indique, Chrome DevTools est un ensemble d'outils de développement dans le navigateur Google Chrome. Chrome DevTools est souvent utilisé pour diagnostiquer les problèmes avec les pages Web en fouillant dans le code source HTML de ladite page Web.

Chrome DevTools est également utilisé pour voir à quoi peuvent ressembler certaines pages Web lorsque des modifications spécifiques sont mises en œuvre. Les développeurs peuvent réellement le faire en modifiant le code HTML de leur page directement dans DevTools. En fait, vous pouvez changer l'apparence de n'importe quel site. Bien sûr, ces changements ne sont pas visibles par quiconque sauf vous.

Utilisation des touches de fonction dans Chrome DevTools

Comme pour les raccourcis clavier, les touches de fonction peuvent vous aider à augmenter votre rendement pour certaines tâches. Voici ce que font les touches de fonction dans Chrome DevTools.

Clé de fonction La description
F1 Affiche le menu Paramètres. Vous pouvez également afficher le menu des paramètres en appuyant simplement sur «?».
F2 Active la fonction Modifier en HTML, vous permettant de modifier l'élément sélectionné sur la page Web.
F3 Aucun
F4 Aucun
F5 Effectue un rechargement normal de Chrome DevTools. Vous pouvez également utiliser Ctrl + R.

Utilisez Control + F5 pour effectuer un rechargement dur. Vous pouvez également utiliser Ctrl + Maj + R.

F6 Aucun
F7 Aucun
F8 Suspend (ou reprend, s'il est actuellement suspendu) l'exécution du script. Vous pouvez également utiliser Ctrl + .
F9 Aucun
F10 Etape le prochain appel de fonction. Vous pouvez également utiliser Ctrl + ’.
F11 Accède au prochain appel de fonction. Vous pouvez également utiliser Ctrl + ;.

Utilisez Shit + F11 pour sortir de la fonction actuelle. Vous pouvez également utiliser Ctrl + Maj +;.

F12 Ouvre le panneau que vous venez d'utiliser précédemment. Vous pouvez également utiliser Ctrl + Maj + I.

Si vous n'êtes pas actuellement dans Chrome Devtools, vous pouvez utiliser la touche F12 pour l'ouvrir dans Chrome! Cela vous amène directement à l'onglet Sources.


★★★★★