DevTools-tips: Identificeer CSS-verbeteringen
Stay organized with collections
Save and categorize content based on your preferences.
In het CSS-overzichtspaneel in DevTools kunt u in één oogopslag potentiële CSS-verbeteringen op uw pagina vinden.
Om een rapport te krijgen, opent u DevTools > 
> Meer tools > CSS-overzicht en klik op Overzicht vastleggen .
Het rapport toont u verschillende secties:
- Een samenvatting met statistieken over stijlen, selectors en mediaquery's.
- Een overzicht van gebruikte kleuren, inclusief contrastproblemen : de meest voorkomende problemen op internet .
- Een overzicht van gebruikte lettertypen met statistieken over grootte, gewicht en lijnhoogte.
- Ongebruikte CSS-declaraties.
- Statistieken over mediaquery's gesorteerd op aantal keren dat ze voorkomen, in aflopende volgorde.
Voor een meer praktische leerervaring, zie CSS-overzicht: potentiële CSS-verbeteringen identificeren .
Zie Uw website leesbaarder maken voor meer informatie over contrastproblemen.
Tenzij anders vermeld, is de content op deze pagina gelicentieerd onder de Creative Commons Attribution 4.0-licentie en zijn codevoorbeelden gelicentieerd onder de Apache 2.0-licentie. Voor meer informatie raadpleegt u het Google Developers-sitebeleid. Java is een gedeponeerd handelsmerk van Oracle en/of diens aangesloten entiteiten.
Last updated 2022-11-23 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Translation issue","translationIssue","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2022-11-23 UTC."],[],[],null,[]]
