Започнете да използвате DevSuite Pro с няколко кликвания
Започването е лесно. Инсталирайте разширението, отворете всяка уеб страница и получете достъп до 39+ инструмента за разработчици от изскачащия прозорец или плаващия панел. Не е необходима конфигурация.
Добавете разширението към Chrome
Отворете уеб магазина на Chrome и потърсете разширението "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, потърсете "DevSuite Pro", кликнете върху "Добавяне към Chrome" и потвърдете, като изберете "Добавяне на разширение". След инсталиране иконата на разширението ще се появи в лентата с инструменти на вашия браузър. Кликнете върху нея, за да получите незабавен достъп до 39+ инструмента за разработчици.
Каква е разликата между безплатните и професионалните инструменти?
Безплатните инструменти (20+) са достъпни за всеки без лиценз. Професионалните инструменти имат златен PRO бадж и изискват активен Pro лиценз за използване. Можете да видите кои инструменти са безплатни или професионални в изскачащия прозорец — безплатните инструменти нямат икона на катинар, докато професионалните инструменти ще изглеждат леко сиви, докато не активирате лиценза си.
Защо инструментът не работи на някои уебсайтове?
Някои уебсайтове имат строги политики за сигурност на съдържанието (CSP), които блокират определени действия на разширенията на браузъра. Това е особено често при банкови и правителствени уебсайтове. Също така, вътрешните страници на Chrome (chrome://) не позволяват на разширенията да изпълняват скриптове за съдържание.
Постоянни ли са промените, които правя на страницата?
Не. Всички промени, направени от инструменти като Преместване на елемент, Редактор на текст на живо, Изтриване/скриване на елемент и CSS Inspector, са временни. Те засягат само това, което виждате в браузъра си в момента. Опресняването на страницата ще върне всичко в първоначалното му състояние.
Как да активирам своя Pro лиценз?
Отворете изскачащия прозорец на DevSuite Pro, кликвете върху иконата на настройките в горния десен ъгъл. Слезте до секцията за лиценз, поставете лицензионния си ключ в полето и кликнете върху Активиране. Ако ключът е валиден, баджът ще се промени от FREE на PRO и всички професионални инструменти ще бъдат отключени незабавно.
Как мога да преместя или скрия плаващия панел?
Можете да преместите панела, като отидете в Настройки и изберете различна позиция на страничната лента — Горе, Долу, Ляво или Дясно. Можете също така напълно да скриете панела, като изключите превключвателя "Показване на панел на страници" в Настройки или като натиснете Ctrl+Shift+X по всяко време.
Събира ли DevSuite Pro данни за сърфирането?
Не. DevSuite Pro не събира, проследява или предава нито една от вашите данни за сърфиране. Всички настройки се съхраняват локално във вашия браузър. Единствената външна заявка се изпраща по време на активиране на лицензионния ключ, за да се провери вашият ключ с нашия сървър.
Мога ли да използвам DevSuite Pro във Firefox?
Да! DevSuite Pro е наличен както в уеб магазина на Chrome, така и в добавките за Firefox. Работи на Chrome, Edge, Brave и други браузъри, базирани на Chromium, както и на Firefox.
