Weiß jemand, was die Farben auf den Hauptvertikalen darstellen? Einige sind offensichtlich, wie blau ist html, lila ist css .. aber ich bin mir nicht sicher, was der Unterschied zwischen rosa und hellgrün ist.Chrome DevTools Performance Audit - Hauptfarben
3
A
Antwort
1
The Fine Manual erklärt, dass die Farben sind frei wählbar:
DevTools ordnet Skripte zufällige Farben. In Abbildung 16 sind Funktionsaufrufe von einem Skript hellgrün gefärbt. Anrufe von einem anderen Skript sind beige gefärbt. Das dunklere Gelb steht für die Skriptaktivität und das lila Ereignis für die Rendering-Aktivität. Diese dunkleren gelben und violetten Ereignisse sind in allen Aufzeichnungen konsistent.
anzeigen Netzwerk fordert einen festen Satz von Farben verwendet:
Anfragen sind farbcodiert, wie folgt:
HTML: Blau, CSS: Lila, JS: Gelb, Bilder: Grün
Verwandte Themen
- 1. Chrome DevTools 100% CPU
- 2. Chrome DevTools Erweiterung Konsole
- 3. Keine Farbe Profiler in Chrome DevTools
- 4. Chrome Devtools Erweiterung für IndexedDB
- 5. Chrome DevTools Frame Event Timing
- 6. Promise Tab in Chrome DevTools
- 7. Chrome Devtools leere Datei-Liste
- 8. chrome devtools eds css class
- 9. Chrome DevTools Workspace-Ordner entfernen
- 10. Chrome - Unterschied zwischen Ereigniszeit in DevTools Timeline und Performance Timing API
- 11. HTML Chrome Audit angeben Bild Abmessungen
- 12. Warum gibt es keine „User Timing“ in meinem Chrome DevTools
- 13. Was bedeutet "Kind" in Chrome Devtools?
- 14. Wohin ging das Rendering in Chrome DevTools?
- 15. Google Chrome DevTools-Elementsuche funktioniert nicht mehr?
- 16. Verwendung von Haltepunkten in Quellkarten (Chrome DevTools)
- 17. Timestamp in Chrome DevTools Zeitleiste .json
- 18. Warum funktionieren die Chrome DevTools-Shortcuts nicht?
- 19. Highlight-Knoten mit Chrome Devtools Erweiterung
- 20. chrome devtools: Verknüpfung zu Elementen panel subpanel
- 21. 3rd Party Abzeichen in Chrome DevTools: Farben
- 22. Chrome devTools Tastaturkürzel zum Löschen von Netzwerkregisterkarten
- 23. Chrome Devtools Erweiterung Hintergrundseite zu Panel
- 24. Chrome Devtools Fehler in der Produktion
- 25. Automatisches Scrollen der DevTools-Konsole von Chrome
- 26. Chrome DevTools-Touch-Emulation funktioniert nicht
- 27. Chrome DevTools Timeline Update Layer Baum Ereignis
- 28. Chrome Druckvorschau anders als in DEVTools
- 29. Wie verstehen Sie Anforderungsheader in Chrome DevTools?
- 30. Stoppt Chrome DevTools vom letzten CSS-Element