CRX id
bndjgcbfkgajohplnleblfkmcfdefjee
bndjgcbfkgajohplnleblfkmcfdefjee
Description from extension meta
Используй CSS Viewer | Inspect Element, чтобы быстро посмотреть код CSS и разобраться, как узнать шрифт на сайте. Просто и понятно.
Image from store
Description from store
CSS Viewer | Inspect Element — Мощный и при этом минималистичный CSS Viewer
Хотите узнать, как посмотреть код сайта? Ищете, чем заменить обычный Inspect element, чтобы не делать лишних кликов? Или хотите разобраться, как узнать шрифт на сайте и css сайта без лишних проблем? Для этого мы создали CSS Viewer | Inspect Element. Простой интерфейс, легкая установка, сочетания клавиш — все под рукой. Конфиденциальность обеспечена: не нужен аккаунт, вы не оставите следов. Работает даже в тёмной теме, на macOS, Windows и Linux.
Основные возможности CSS Viewer | Inspect Element
✨ Лёгкий доступ к структуре страницы
✨ Минимальный интерфейс — ничего лишнего
✨ Тёмный режим — стильная альтернатива Inspect Element Сhrome
✨ Горячие клавиши для быстрого открытия
✨ Анонимное использование — без сбора личных данных
Горячие клавиши Windows & Linux
🔎 Открыть: Alt + E
🔎 Закрыть: Esc
🔎 Скопировать код: C
Горячие клавиши macOS
🍏 Открыть inspect element: Cmd + E
🍏 Закрыть: Esc
🍏 Скопировать код: C
Кому пригодится CSS Viewer | Inspect Element
1. Разработчики — ускорить просмотр css кода, отладить стили, проверить структуру
2. Дизайнеры — узнать, как определить шрифт на сайте, проверить размеры и отступы
3. QA‑инженеры — найти баги, посмотреть скрытые компоненты, проверить адаптивность
4. Начинающие разработчкики — разобраться, как посмотреть css код страницы онлайн
Для любого уровня навыков
Если вы только начинаете или давно работаете с web‑проектами, CSS Viewer | Inspect Element полезен всем — от быстрой проверки дизайна до глубокого css сканирования.
Что можно просканировать
• Тени и рамки
• Расположение и отступы
• Размеры, цвета, а также разберетесь, как узнать какой шрифт на сайте
• Структуру страницы, включая невидимые слои
Почему именно CSS Viewer | Inspect Element
1️⃣ Проверка типографики, цвета, padding
2️⃣ Есть темный режим, чтобы глаза не уставали
3️⃣ Горячие клавиши под macOS и Win
4️⃣ Можно посмотреть css код сайта без консоли
5️⃣ Этот CSS checker не требует обновления страницы
Чем лучше встроенного инспектора Chrome?
🚀 Минимум отвлекающих элементов — только функциональность css scan
🚀 Красивый интерфейс в светлом и тёмном режимах
🚀 Включить быстрее, чем inspect element Chrome
Сценарии использования
💡 Понять, как посмотреть код сайта в браузере и разобраться с паддингами
💡 Узнать, как определить шрифт на сайте через код, для точного дизайна
💡 Использовать css scan для сравнения стилей
💡 Inspect shortcut Chrome для ускорения работы
Обзор
➤ Наведение для инспекции элементов
➤ Увидеть отступы, границы и паддинги
➤ Горячие клавиши для мгновенного просмотра
➤ Без нотификаций и отвлекающих уведомлений
Ещё полезные фичи
🧪 Поддерживает динамический контент
🧪 Можно применять при проверке доступности и производительности
🧪 Удобен для начинающих, чтобы обучаться программированию
🧪 Анонимный — без отслеживания личных данных
❓ FAQ – Частые вопросы
Q: Как включить расширение?
A: Нажмите иконку расширения или используйте Cmd + E для Mac, Alt + E для Windows.
Q: Чем отличается от встроенного Chrome inspect element?
A: CSS Viewer | Inspect Element запускается быстрее, интерфейс понятней, информация хорошо структурирована.
Q: Собираете ли вы мои данные?
A: Нет. Inspect Element не хранит и не передает личную информацию третьим лицам.
Q: Работает ли без интернета?
A: Нет. Требуется подключение к сети.
Q: Это расширение похоже на CSS checker или CSS peeper?
A: Да, расширение показывает активные, вычисленные и унаследованные стили — как css checker.
Попробуйте CSS Viewer | Inspect Element — простое, приватное и быстрое расширение. Хотите узнать, как посмотреть код страницы сайта или посмотреть код css страницы мгновенно? Это расширение - отличный вариант для продуктивной разработки и обучения.
✨ Сделан для продуктивности. Создан для ясности. Предназначен для любознательных.