Начните использовать DevSuite Pro в несколько кликов
Начать очень просто. Установите расширение, откройте любую веб-страницу и получите доступ к 39+ инструментам разработчика из всплывающего окна или плавающей панели. Настройка не требуется.
Добавьте расширение в Chrome
Откройте Chrome Web Store и найдите расширение «DevSuite Pro».
Нажмите «Добавить в Chrome» и подтвердите, нажав «Установить расширение» во всплывающем окне.
Откройте любую веб-страницу и запустите инструмент
Перейдите на любой веб-сайт, затем нажмите на иконку DevSuite Pro на панели инструментов или используйте плавающую панель на странице.
Выберите любой инструмент из сетки. Инструменты, такие как CSS Inspector, Линейки или Пипетка, активируются на текущей странице мгновенно.
Функции расширения
Ключевые особенности DevSuite Pro
DevSuite Pro предоставляет 39+ инструментов разработчика для проверки, измерения, дизайна и анализа веб-страниц. Ускорьте свой рабочий процесс с помощью мощных функций, встроенных прямо в ваш браузер.
CSS Inspector
Наведите курсор на любой элемент, чтобы мгновенно увидеть его CSS-стили и отредактировать их в реальном времени, что упрощает отладку и настройку дизайна.
Нажмите на любой элемент, чтобы проверить его свойства, размеры, отступы, шрифты и цвета. Мгновенно поймите структуру страницы, не открывая DevTools браузера.
Линейки и направляющие
Измеряйте расстояния, проверяйте выравнивание и добавляйте пиксельные линейки и направляющие на любую веб-страницу для идеального выравнивания вашего дизайна.
Пипетка (Color Picker)
Выбирайте цвета любого элемента на странице и копируйте значения HEX, RGB или HSL в буфер обмена одним кликом.
Захват скриншота
Делайте скриншоты всей страницы или видимой области на любом веб-сайте и скачивайте их мгновенно — идеально для обмена дизайном и сообщения об ошибках.
Тестировщик адаптивности
Предварительно просмотрите любую веб-страницу на различных размерах экрана и разрешениях устройств для тестирования адаптивного дизайна, не покидая браузер.
Часто задаваемые вопросы от пользователей DevSuite Pro
Распространенные вопросы о функциях и использовании расширения DevSuite Pro. Если у вас есть вопрос, ответ может быть уже ниже.
Как установить DevSuite Pro?
Посетите Chrome Web Store, найдите «DevSuite Pro», нажмите «Добавить в Chrome» и подтвердите, выбрав «Установить расширение». После установки значок расширения появится на панели инструментов вашего браузера. Нажмите на него, чтобы мгновенно получить доступ к 39+ инструментам разработчика.
В чем разница между бесплатными и Pro инструментами?
Бесплатные инструменты (20+) доступны всем без лицензии. Инструменты Pro отмечены золотым значком PRO и требуют активной лицензии Pro для использования. Во всплывающем окне вы можете увидеть, какие инструменты бесплатные, а какие pro — у бесплатных инструментов нет значка замка, в то время как pro инструменты выглядят немного приглушенными, пока вы не активируете свою лицензию.
Почему инструмент не работает на некоторых сайтах?
Некоторые веб-сайты имеют строгую политику безопасности контента (CSP), которая блокирует определенные действия браузерных расширений. Это особенно часто встречается на сайтах банков и государственных учреждений. Кроме того, внутренние страницы Chrome (chrome://) не позволяют расширениям запускать контентные скрипты.
Мои изменения на странице постоянны?
Нет. Все изменения, внесенные такими инструментами, как Переместить элемент, Редактор текста, Удалить/Скрыть элемент и CSS Inspector, являются временными. Они влияют только на то, что вы видите в своем браузере в данный момент. Перезагрузка страницы вернет все в исходное состояние.
Как активировать Pro-лицензию?
Откройте всплывающее окно DevSuite Pro, нажмите на значок настроек в правом верхнем углу. Прокрутите вниз до раздела «Лицензия», вставьте лицензионный ключ в поле ввода и нажмите «Активировать». Если ключ действителен, значок изменится с FREE на PRO, и все pro-инструменты будут мгновенно разблокированы.
Как переместить или скрыть плавающую панель?
Вы можете переместить панель, перейдя в Настройки и выбрав другое положение боковой панели — сверху, снизу, слева или справа. Вы также можете полностью скрыть панель, отключив параметр «Показывать панель на страницах» в Настройках или нажав Ctrl+Shift+X в любое время.
Собирает ли DevSuite Pro данные о просмотре?
Нет. DevSuite Pro не собирает, не отслеживает и не передает данные о вашем просмотре сайтов. Все настройки хранятся локально в вашем браузере. Единственный внешний запрос выполняется во время активации лицензионного ключа для проверки ключа на нашем сервере.
Можно ли использовать DevSuite Pro в Firefox?
Да! DevSuite Pro доступен как в Chrome Web Store, так и в Firefox Add-ons. Он работает в Chrome, Edge, Brave и других браузерах на базе Chromium, а также в Firefox.
