CSS Inspector — это мощный инструмент разработчика, который позволяет просматривать все CSS-свойства любого элемента, просто наведя на него курсор. Нажмите, чтобы зафиксировать стили, отредактируйте их напрямую и увидите изменения, мгновенно примененные на странице.
Независимо от того, исправляете ли вы проблемы с макетом или изучаете понравившийся сайт, CSS Inspector предоставляет всё необходимое в чистой плавающей панели. Инспектируйте легко, не открывая DevTools браузера.
Мгновенно просматривайте шрифты, размеры, цвета, отступы и многое другое при наведении на любой элемент.
Нажмите на элемент, чтобы заблокировать панель, чтобы она не исчезала, что позволит провести детальный осмотр.
Дважды щелкните по значениям, чтобы изменить их напрямую. Ваши правки мгновенно отражаются на странице.
Копируйте отдельные свойства или весь блок стилей дизайна в буфер обмена одним кликом.
Визуально просматривайте значения полей (margin), границ (border) и внутренних отступов (padding).
Отображает ширину, высоту и положение элемента на странице.
CSS Inspector показывает более 40 свойств:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorПроверяйте невыровненные элементы с высокой точностью.
Изучайте стили ваших любимых сайтов.
Тестируйте изменения перед написанием кода.
Показывайте изменения в реальном времени во время встреч.
Легко получайте CSS-код для новых элементов.
Нажмите на иконку CSS Inspector на панели инструментов DevSuite Pro.
Наведите курсор на любой элемент, чтобы увидеть его свойства.
Нажмите на элемент, чтобы закрепить панель.
Дважды щелкните по значениям, чтобы настроить их.
Скопируйте обновленный код и используйте его в своем проекте.
Установите DevSuite Pro бесплатно и разблокируйте более 39 инструментов разработчика для вашего браузера.