Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
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.
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.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2022/04/13 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Il n'y a pas l'information dont j'ai besoin"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Trop compliqué/Trop d'étapes"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsolète"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problème de traduction"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Mauvais exemple/Erreur de code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Autre"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile à comprendre"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"J'ai pu résoudre mon problème"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Autre"
}]
{"lastModified": "Derni\u00e8re mise \u00e0 jour le 2022/04/13\u00a0(UTC)."}
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2022/04/13 (UTC)."],[],[]]
> Rendu.
> Plus d'outils > Rendu.