Sofia Emelianova
Découvrez un ensemble d'options qui affectent l'affichage du contenu Web dans cette présentation des fonctionnalités de l'onglet Rendu dans les outils de développement.
Présentation
L'onglet Rendu vous aide à:
- Identifier les problèmes de performances d'affichage Repérez les changements de peinture, les décalages de mise en page, les calques et les tuiles, les problèmes de défilement, et consultez les statistiques de rendu et les métriques Core Web Vitals.
- Émuler les fonctionnalités multimédias CSS Testez l'affichage de vos pages avec différentes fonctionnalités multimédias CSS sans les spécifier manuellement dans votre code ou votre environnement de test.
- Appliquer d'autres effets utiles Mettez en surbrillance les cadres publicitaires, émulez la sélection d'une page, désactivez les polices locales et les formats d'image, activez un thème sombre automatique et émulez des déficiences visuelles.
Ouvrir l'onglet Rendu
Pour ouvrir l'onglet Rendu:
Appuyez sur Commande+Maj+P (Mac) ou Ctrl+Maj+P (Windows, Linux, ChromeOS) pour ouvrir le menu Commandes.
Commencez à saisir
rendering, sélectionnez Show Rendering (Afficher le rendu), puis appuyez sur Entrée. Les outils de développement affichent l'onglet Rendu en bas de la fenêtre.
Vous pouvez également ouvrir l'onglet Rendu en procédant comme suit:
- Appuyez sur Esc pour ouvrir le panneau, puis, en haut à gauche, cliquez sur Plus d'outils
> Rendu. - En haut à droite, cliquez sur Plus d'options
> Plus d'outils > Rendu.