Comment développer tous les éléments de la vue des éléments de l'inspecteur WebKit?
Existe-t-il un moyen de développer tous les éléments dans la vue des éléments de l'inspecteur Chrome WebKit?
Se Tieni Premutoctrl + altpar Windows (solooptsur un Mac) cliquez ici pour afficher le contenu de votre disque dur, si l'un des deux morceaux est le meilleur. Quindi, se tu tuctrl + altfai clic sul tag <html>, che dovrebbe espandere l'intera pagina.
Questo collegamento elenca le scorciatoie da tastiera par gli strumenti di chrome dev, inclus quello.
Voici comment j'ai décidé de le faire:
Mettez en surbrillance la balise de l'élément que je souhaite inspecter. S'il s'agit de l'ensemble (développez tout) de l'exigence, mettez en surbrillance la balise <body> et cliquez sur F2.
Remarque: F2 est en réalité le raccourci de "Basculer en tant que HTML". Vous pouvez directement apporter des modifications dans ce mode. Les modifications sont reflétées sur la page Web. Vous pouvez cliquer avec le bouton droit de la souris dans cette nouvelle fenêtre d'affichage du code et activer/désactiver le retour à la ligne.
CTRL + SHIFT + ALT + LEFTCLICK
J'ai trouvé que le clic droit sur l'étiquette et la sélection de "Développer récursivement" fonctionnaient pour moi. J'utilise Chrome Version 66.
Vous pouvez également cliquer avec le bouton droit de la souris et «Réduire les enfants» pour tout réduire à nouveau.
Sur Chrome tout en cliquant sur la flèche dans le code source, tous les éléments enfants seront développés.
- ALT + Cliquez sur la flèche de déroulement = Déballer un niveau sur un
- ALT + CTRL + Cliquez sur la flèche de dépôt = Déballez le niveau "Tout" en une fois.