Screen Ruler
Screen Ruler - это незаменимый инструмент для веб-разработчиков и дизайнеров, позволяющий измерять и проверять размеры, отступы и выравнивание элементов на веб-страницах.
Перечислено в категориях:
Расширения ChromeИнструменты дизайнаИнструменты разработчика
Описание
Линейка экрана - это расширение для Chrome, предназначенное для веб-разработчиков и дизайнеров, позволяющее измерять размеры, расстояния, отступы и поля любого элемента на веб-странице. Оно позволяет пользователям проверять реализацию своих веб-сайтов, предоставляя подробную информацию об элементах на странице, включая имена тегов, идентификаторы и классы.
Как использовать Screen Ruler?
Переключите Линейку экрана, нажав на значок расширения, выбрав его из контекстного меню правой кнопки мыши или используя сочетание клавиш Alt/Option + Shift + R. Наведите курсор на элементы, чтобы отобразить их размеры и свойства, и выберите элементы, чтобы измерить расстояния между ними.
Основные функции Screen Ruler:
1️⃣
Измерение пиксельного размера любого элемента
2️⃣
Измерение пиксельного расстояния между любыми двумя элементами
3️⃣
Доступ к именам HTML-тегов, именам классов и идентификаторам
4️⃣
Адаптивные выборки, которые изменяются вместе с окном браузера
5️⃣
Копирование вычисленного CSS в буфер обмена
Почему использовать Screen Ruler?
| # | Сценарий использования | Статус | |
|---|---|---|---|
| # 1 | Веб-разработчики, проверяющие макеты веб-сайтов | ✅ | |
| # 2 | Дизайнеры, обеспечивающие идеальную реализацию дизайнов | ✅ | |
| # 3 | Команды контроля качества, проверяющие выравнивание и расстояние между веб-элементами | ✅ | |
Разработано Screen Ruler?
Линейка экрана разработана мистером Виолетом, разработчиком, сосредоточенным на создании инструментов, которые улучшают опыт веб-разработки. Расширение разработано для стабильной работы в Google Chrome и совместимо с другими браузерами на основе Chromium.