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