Какие инструменты разработчика Chrome выделяют цвета?


54

В предыдущих версиях Chrome инструменты разработчика позволяли просматривать элементы страницы и выделяли их синим цветом. Последние версии Chrome выделяют элементы синим цветом, но также имеют зеленую и оранжевую области.

Что означают цвета?

введите описание изображения здесь


1
Вот для чего я пришел: синий # 9FC4E7 зеленый # C2DDB6 оранжевый # F8CB9C
быстрое умножение

Ответы:


54

Цвета представляют области элементов, соответствующие блочной модели CSS .

  • Синий это содержание
  • Зеленый цвет
  • Апельсин - это граница
  • Красный край

(Выбор похожих оттенков оранжевого и красного, вероятно, не самый лучший.)

Это можно увидеть в разделе « Метрики » инструментов разработчика (который по умолчанию скрыт):

введите описание изображения здесь


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.