Découvrez le nouveau menu de commandes des outils de développement et ses plus de 60 actions permettant d'accélérer les workflows.
Cmd/Ctrl+Maj+P pour afficher le menu de commandes
La boîte de dialogue "Accéder au fichier" qui s'affiche lorsque vous appuyez sur Cmd + P (ou Ctrl + P) dans le panneau "Sources" n'est pas très connue, mais elle est disponible depuis un certain temps. Nous sommes maintenant allés beaucoup plus loin et avons développé un menu de commandes inspiré d'un éditeur de texte qui peut piloter presque toutes les actions importantes dans les outils de développement.
Appuyez sur Cmd + Shift + P (ou Ctrl + Shift + P) n'importe où (même lorsque la page est sélectionnée) pour afficher le menu de commandes, puis saisissez du texte pour filtrer et appuyez sur Enter pour déclencher l'action. Voici quelques exemples d'actions que vous pouvez essayer:
- Apparence: Passer au thème sombre
- Outils de développement: ancrer en bas
- Mobile: inspection des appareils...
- Réseau: passer en mode hors connexion
Le nouveau menu de commandes permet de découvrir très rapidement de nouveaux paramètres et actions dans les outils de développement.
Vous recherchez l'ancienne boîte de dialogue "Accéder au membre" précédemment associée à ce raccourci ? Il est toujours là. À partir de maintenant, appuyez sur Cmd + Shift + O (ou Ctrl + Shift + O).
Mettre le code HTML à l'effigie
Depuis un certain temps déjà, le panneau "Sources" intègre l'impression élégante pour les sources CSS et JS, mais nous venons de l'étendre afin d'accepter l'impression élégante HTML complète. Essayez cette fonctionnalité : elle reformate le code HTML, mais elle reformate également les fichiers JavaScript et CSS qu'elle contient.
Comme toujours, donnez-nous votre avis via Twitter ou les commentaires ci-dessous, et signalez les bugs sur crbug.com/new.
À très bientôt ! Paul Bakaus et l'équipe DevTools