Dodajte proširenje u Chrome
- Otvorite Chrome veb prodavnicu i potražite proširenje "DevSuite Pro".
- Kliknite na "Dodaj u Chrome", a zatim potvrdite klikom na "Dodaj proširenje" u iskačućem prozoru.
64+ moćnih alata za inspekciju, merenje, snimanje, analizu i dizajn veb stranica direktno u vašem pretraživaču.
Početak je jednostavan. Instalirajte proširenje, otvorite bilo koju veb stranicu i pristupite 64+ programerskih alata iz iskačućeg prozora ili lebdeće trake. Podešavanje nije potrebno.
DevSuite Pro nudi 64+ programerskih alata za inspekciju, merenje, dizajn i analizu veb stranica. Ubrzajte svoj rad uz moćne funkcije ugrađene direktno u vaš pretraživač.
Pređite mišem preko bilo kog elementa da biste trenutno videli njegove CSS stilove i menjali ih uživo, što olakšava otklanjanje grešaka i podešavanje dizajna u realnom vremenu.
Saznajte više →Kliknite na bilo koji element da proverite njegova svojstva, dimenzije, razmake, fontove i boje. Razumite strukturu stranice odmah bez otvaranja pretraživačkih DevTools.
Saznajte više →Merite rastojanja, proveravajte poravnanje i dodajte precizne lenjire i vođice na bilo koju veb stranicu kako biste osigurali da su vaši dizajni savršeno poravnati.
Saznajte više →Izaberite boje sa bilo kog elementa na stranici i kopirajte HEX, RGB ili HSL vrednosti u svoj klipbord jednim klikom.
Saznajte više →Snimite celu stranicu ili vidljivu oblast na bilo kojoj veb stranici i preuzmite ih odmah — savršeno za deljenje dizajna i prijavljivanje grešaka.
Saznajte više →Pregledajte bilo koju veb stranicu na različitim veličinama ekrana i rezolucijama uređaja da biste testirali responzivni dizajn bez napuštanja pretraživača.
Saznajte više →Прегледајте и уредите CSS стилове у реалном времену
CSS Инспектор је моћан, бесплатан алат за програмере који вам омогућава да пређете курсором преко било ког елемента на…
Отклоните грешке и управљајте CSS анимацијама у реалном времену
Инспектор анимација вам даје потпуну контролу над сваком CSS анимацијом и прелазом на било којој веб…
Претворите CSS било ког елемента у Tailwind класе
Копирај као Tailwind повезује визуелни дизајн са Tailwind CSS кодом.
Визуализујте комплетну структуру распореда странице
Режим оквира додаје обојене оквире сваком HTML елементу на страници, пружајући вам тренутни рендгенски поглед на…
Добијте категоризоване Tailwind класе за било који елемент
Tailwind Помоћник прегледа било који елемент и генерише комплетан, категоризован преглед одговарајућих Tailwind CSS…
Визуелни HTML приказ стабла на било којој страници
Прегледач странице приказује комплетну DOM структуру било које веб странице као визуелни приказ стабла директно на…
Откријте React, Vue, Angular и Svelte компоненте
Детектор компоненти аутоматски идентификује који frontend фрејмворк веб страница користи и открива комплетно стабло…
Превуците и отпустите за премештање било ког елемента
Помери елемент вам омогућава да кликнете на било који елемент и физички га превучете на нову…
Уклоните или преклопите видљивост било ког елемента
Обриши/Сакриј елемент вам омогућава да уклоните или привремено сакријете било који елемент једним…
Извезите било који елемент као HTML, CSS или JSON
Извези елемент вам омогућава да кликнете на било који елемент и извезете његову комплетну структуру у три…
Генеришите React, Vue и Svelte компоненте из било ког елемента
Копирај код компоненте трансформише било који елемент у чист, за продукцију спреман фајл…
Снимите видљиву област или целу страницу
Снимак екрана снима висококвалитетне слике било које веб странице у два режима — видљива област или цела…
Прегледајте, изаберите и преузмите све слике са било које странице
Извуците слике скенира било коју веб страницу и представља сваку слику у галерији за…
Пронађите, прегледајте и преузмите сваки SVG на било којој страници
SVG Хватач открива сваки SVG на веб страници — инлајн SVG елементе, екстерне .svg фајлове, SVG спрајтове и SVG data…
Замените било коју слику на страници својом
Замена слика вам омогућава да кликнете на било коју слику и замените је својом — отпремањем фајла или лепљењем…
Одмах генеришите QR кодове за било који URL или текст
Генератор QR кодова ствара скенирљив QR код за URL тренутне странице аутоматски или за било који прилагођени…
Пикселски прецизни лењири, водилице и мерења на било којој страници
Лењир странице додаје лењире и повлачиве водиличе линије у стилу Photoshop-а на било коју веб…
Преглед више уређаја истовремено
Респонзивни прегледач приказује тренутну страницу у више величина viewport-а једну поред…
Измерите тачно растојање у пикселима између два елемента
Измери растојање вам омогућава да кликнете на два елемента и одмах видите тачно растојање између…
Визуализујте контексте слагања и z-index слојеве
Z-Index Инспектор открива комплетан редослед слагања сваког елемента на страници.
Прегледајте CSS Grid и Flexbox распореде са визуелним преклапањима
Grid/Flex Визуализатор детектује сваки CSS Grid и Flexbox контејнер и приказује њихову структуру као обојене…
Симулирајте жариште пажње корисника
Симулатор топлотне мапе генерише предвиђену топлотну мапу пажње за било коју страницу на основу UX истраживачких…
Селективно очистите кеш, колачиће, localStorage и sessionStorage
Брзо и селективно очистите одређене типове података прегледања за тренутну…
Откријте сваку технологију иза било које веб странице
Технолошки стек скенира било коју веб страницу и идентификује њен комплетан технолошки…
Свеобухватна SEO ревизија: Мета ознаке, наслови, OpenGraph и више
SEO Инспектор пружа тренутну, свеобухватну SEO ревизију било које веб странице.
Аутоматизована WCAG ревизија: Контраст, Alt текст, ARIA и више
Инспектор приступачности покреће аутоматизоване WCAG 2.1 Level AA провере на било којој…
Кликните на било који текст на страници и одмах га уредите
Уређивач текста уживо чини сваки текстуални елемент на страници уредивим једним…
Замените било који фонт глобално или за појединачни елемент
Промена фонтова вам омогућава замену било ког фонта на страници другим из библиотеке Google…
Откријте сваки фонт коришћен на било којој страници
Листа свих фонтова скенира страницу и представља комплетан инвентар сваке коришћене породице…
Прецизан алат капаљке за HEX, RGB и HSL вредности
Бирач боја пружа пикселски прецизан алат капаљке за бирање боја из било ког…
Извуците комплетну палету боја из било које странице
Палета боја скенира сваки елемент и извлачи комплетан скуп коришћених боја сортираних по…
Одмах примените тамни режим на било коју страницу
Присили тамни режим примењује тамну шему боја на било коју страницу која је не…
Одмах укључите или искључите JavaScript за тренутну картицу
Укључи/Искључи JavaScript деактивира или реактивира извршавање JavaScripta за тренутну картицу једним…
Прегледајте, уредите, додајте и обришите колачиће
Уређивач колачића приказује све колачиће за тренутни домен у чистој, сортивној…
Прегледајте излаз конзоле у плутајућем панелу — без DevTools
Записивач конзоле хвата сав излаз конзоле и приказује га у плутајућем панелу директно на…
Пратите све мрежне захтеве у реалном времену
Мрежни монитор хвата и приказује сваки мрежни захтев који тренутна страница направи у реалном…
Прегледајте и уредите localStorage и sessionStorage
Уређивач локалног складишта пружа чист табеларни интерфејс за управљање localStorage и…
Скенирајте сваки линк на страници и пронађите покварене
Провера покварених линкова скенира сваки линк на страници и идентификује покварене (404, тајмаут…
Тренутна контролна табла перформанси: време учитавања, DOM статистике и ресурси
Перформансе странице пружа тренутан преглед перформанси било које веб странице.
Форматирајте, минификујте и валидирајте JSON једним кликом
JSON Formatter лепо форматира, минификује и валидира JSON директно у вашем прегледачу. Налепите било који JSON стринг…
Тренутно кодирајте стрингове у Base64 и назад
Base64 Encoder/Decoder претвара текст у Base64 и Base64 назад у текст директно у вашем прегледачу. Unicode-безбедно…
Кодирајте и декодирајте URL стрингове једним кликом
URL Encoder/Decoder претвара URL стрингове у њихов percent-encoded облик и назад.
Тренутно кодирајте и декодирајте HTML ентитете
HTML Entity Encoder претвара специјалне знакове (< > & " ') у њихове HTML ентитет еквиваленте (< > & "…
Escape и unescape стрингова за код
Backslash Escape/Unescape претвара стрингове у њихов escape-ovani облик и назад (\n \t \r \" \' \\ и Unicode escape…
Конвертујте слике у Base64 и назад
Слика ↔ Base64 конвертује слике (PNG, JPG, SVG, WebP, GIF) у Base64-кодиране data URI низове и назад. Превуците…
Тренутно декодирајте JSON Web Token-е
JWT Дебагер декодира и анализира JSON Web Token-е — рашчлањује заглавље (header), садржај (payload) и потпис, приказује…
Генеришите UUID v4 идентификаторе у масовним количинама
UUID Генератор производи криптографски снажне UUID v4 идентификаторе користећи crypto API прегледача. Генеришите један…
Израчунајте MD5, SHA-1, SHA-256, SHA-384, SHA-512 хешеве
Hash Генератор израчунава криптографске хешеве (MD5, SHA-1, SHA-256, SHA-384, SHA-512) било ког текстуалног уноса. Свих…
Генеришите криптографски снажне лозинке
Генератор лозинки производи снажне, случајне лозинке користећи криптографски API за случајност прегледача. Подесите…
Тестирајте регуларне изразе уживо са истицањем подударања
Regex Тестер процењује регуларне изразе над тест текстом у реалном времену.
Конвертујте Unix, ISO и датуме читљиве за човека
Конвертор Timestamp-ова преводи између Unix timestamp-ова (секунде, милисекунде, микросекунде, наносекунде), ISO 8601…
Упоредите два блока текста ред по ред
Diff Алат упоређује два блока текста и истиче додате, уклоњене и непромењене редове кроз излаз означен бојама. Unified…
Проверите WCAG однос контраста било које две боје
Провера контраста боја израчунава WCAG 2.1 однос контраста између две боје и оцењује их према AA/AAA праговима, како за…
Конвертујте HEX, RGB, HSL, HSV и OKLCH тренутно
Конвертор формата боја преводи било коју боју између HEX, RGB, HSL, HSV и OKLCH формата.
Издвојте доминантну палету боја из било које слике
Image Color Extractor анализира било коју слику (превуците, налепите или кликните да учитате) и враћа до 16 доминантних…
Добијте CSS селекторе и XPath за било који елемент
DOM Path Finder вам омогућава да пређете курсором преко било ког елемента на страници да бисте открили његов…
Тестирајте cross-origin захтеве и прегледајте CORS заглавља
CORS Checker тестира да ли би cross-origin захтев са вашег сајта био дозвољен од стране циљаног сервера. Извршава…
Снимајте WebSocket оквире у реалном времену
WebSocket Inspector снима сваки WebSocket оквир — послат и примљен — на свим везама на страници. Приказује животни…
Тренутно скенирајте страницу за оштећене слике
Broken Image Finder скенира сваки <img> елемент и CSS background-image на страници, открива неуспела учитавања (404…
Аутоматски попуните обрасце реалистичним тест подацима
Попуњавач образаца попуњава свако видљиво поље обрасца на страници реалистичним тест подацима — име, е-пошта, телефон…
Конвертујте између CSV и JSON у оба смера
CSV ↔ JSON конвертор обрађује потпуни двосмерни трансфер између два најчешћа табеларна формата. Паметни CSV парсе�…
Форматирајте, валидирајте и прегледајте XML са истицањем синтаксе
XML форматер лепо форматира, минификује и валидира XML директно у прегледачу.
Улепшајте и форматирајте SQL упите
SQL форматер претвара минификован или неуредан SQL у читљиве, увучене упите.
Сачувајте веб странице као чисте PDF документе
Конвертуј у PDF чува тренутну веб страницу као PDF помоћу дијалога за штампу прегледача, уз претходну примену стилова…
Izaberite najbolji plan za svoj rad. Počnite besplatno, nadogradite bilo kada.
Uobičajena pitanja o karakteristikama i korišćenju proširenja DevSuite Pro. Ako imate pitanje, odgovor je možda već ispod.
Posetite Chrome veb prodavnicu, potražite "DevSuite Pro", kliknite na "Dodaj u Chrome" i potvrdite izborom "Dodaj proširenje". Nakon instalacije, ikona proširenja će se pojaviti na traci sa alatima vašeg pretraživača. Kliknite na nju za trenutni pristup 64+ programerskih alata.
Besplatni alati (43+) su dostupni svima bez licence. Pro alati imaju zlatnu PRO značku i zahtevaju aktivnu Pro licencu za korišćenje. U iskačućem prozoru možete videti koji su alati besplatni ili pro — besplatni alati nemaju ikonu katanca, dok pro alati izgledaju blago zatamnjeno dok ne aktivirate svoju licencu.
Neki veb sajtovi imaju stroge Politike bezbednosti sadržaja (CSP) koje blokiraju određene radnje proširenja pretraživača. Ovo je posebno uobičajeno na sajtovima banaka i državnih institucija. Pored toga, interne Chrome stranice (chrome://) ne dozvoljavaju proširenjima da pokreću skripte sadržaja.
Ne. Sve promene napravljene alatima kao što su Pomeri element, Urednik teksta uživo, Obriši/sakrij element i CSS Inspector su privremene. One utiču samo na ono što trenutno vidite u svom pretraživaču. Osvežavanje stranice će vratiti sve u prvobitno stanje.
Otvorite iskačući prozor DevSuite Pro, kliknite na ikonu Podešavanja u gornjem desnom uglu. Skrolujte dole do odeljka Licenca, nalepite svoj licencni ključ u polje za unos i kliknite na Aktiviraj. Ako je ključ važeći, značka će se promeniti iz FREE u PRO i svi pro alati će biti trenutno otključani.
Lebdeću traku možete pomeriti tako što ćete otići u Podešavanja i izabrati drugu poziciju — Gore, Dole, Levo ili Desno. Takođe je možete potpuno sakriti isključivanjem opcije "Prikaži traku na stranicama" u Podešavanjima ili pritiskom na Ctrl+Shift+X u bilo kom trenutku.
Ne. DevSuite Pro ne prikuplja, ne prati niti prenosi bilo koji od vaših podataka o pregledanju. Sva podešavanja se čuvaju lokalno u vašem pretraživaču. Jedini eksterni zahtev se upućuje tokom aktivacije licencnog ključa radi provere na našem serveru.
Da! DevSuite Pro je dostupan i u Chrome veb prodavnici i u Firefox dodacima. Radi na Chrome, Edge, Brave i drugim pretraživačima zasnovanim na Chromium-u, kao i na Firefox-u.