Vrhunski Set alata za programere za veb dizajn i razvoj

64+ moćnih alata za inspekciju, merenje, snimanje, analizu i dizajn veb stranica direktno u vašem pretraživaču.

Sve Omiljeni Inspekcija Snimanje Merenje index.popup_tab_analyse
CSS Inspector
Inspektor animacija
Kopiraj kao Tailwind
Režim samo obrisa
Tailwind pomoćnik
Obris stranice
Detektor komponenti
Pomeri element
Obriši/sakrij element
Izvezi element
Kopiraj komponentu
Snimak ekrana
Ekstrakcija slika
SVG Grabber
Zamena slike
QR kod generator
Kako početi

Počnite da koristite DevSuite Pro u nekoliko klikova

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.

Dodajte proširenje u Chrome

  1. Otvorite Chrome veb prodavnicu i potražite proširenje "DevSuite Pro".
  2. Kliknite na "Dodaj u Chrome", a zatim potvrdite klikom na "Dodaj proširenje" u iskačućem prozoru.

Otvorite bilo koju veb stranicu i pokrenite alat

  1. Idite na bilo koji veb sajt, a zatim kliknite na ikonu DevSuite Pro na traci sa alatima ili koristite lebdeću traku na stranici.
  2. Izaberite bilo koji alat iz mreže. Alati kao što su CSS Inspector, Lenjiri ili Birač boja se trenutno aktiviraju na trenutnoj stranici.
Karakteristike proširenja

Ključne karakteristike DevSuite Pro

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č.

CSS Inspector

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 →

Inspektor elemenata

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 →

Lenjiri i vođice

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 →

Birač boja (Color Picker)

Izaberite boje sa bilo kog elementa na stranici i kopirajte HEX, RGB ili HSL vrednosti u svoj klipbord jednim klikom.

Saznajte više →

Snimak ekrana

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 →

Responsivni tester

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 →
Detaljnije istražite više alata:
CSS Инспектор БЕСПЛАТНО

Прегледајте и уредите 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 Инспектор БЕСПЛАТНО

Свеобухватна 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 Formatter БЕСПЛАТНО

Форматирајте, минификујте и валидирајте JSON једним кликом

JSON Formatter лепо форматира, минификује и валидира JSON директно у вашем прегледачу. Налепите било који JSON стринг…

64 Base64 Encode / Decode БЕСПЛАТНО

Тренутно кодирајте стрингове у Base64 и назад

Base64 Encoder/Decoder претвара текст у Base64 и Base64 назад у текст директно у вашем прегледачу. Unicode-безбедно…

URL Encoder / Decoder БЕСПЛАТНО

Кодирајте и декодирајте URL стрингове једним кликом

URL Encoder/Decoder претвара URL стрингове у њихов percent-encoded облик и назад.

& HTML Entity Encoder БЕСПЛАТНО

Тренутно кодирајте и декодирајте HTML ентитете

HTML Entity Encoder претвара специјалне знакове (< > & " ') у њихове HTML ентитет еквиваленте (&lt; &gt; &amp; &quot…

Backslash Escape / Unescape БЕСПЛАТНО

Escape и unescape стрингова за код

Backslash Escape/Unescape претвара стрингове у њихов escape-ovani облик и назад (\n \t \r \" \' \\ и Unicode escape…

64 Слика &harr; Base64 БЕСПЛАТНО

Конвертујте слике у Base64 и назад

Слика ↔ Base64 конвертује слике (PNG, JPG, SVG, WebP, GIF) у Base64-кодиране data URI низове и назад. Превуците…

JWT Дебагер БЕСПЛАТНО

Тренутно декодирајте JSON Web Token-е

JWT Дебагер декодира и анализира JSON Web Token-е — рашчлањује заглавље (header), садржај (payload) и потпис, приказује…

UUID Генератор БЕСПЛАТНО

Генеришите UUID v4 идентификаторе у масовним количинама

UUID Генератор производи криптографски снажне UUID v4 идентификаторе користећи crypto API прегледача. Генеришите један…

Hash Генератор БЕСПЛАТНО

Израчунајте MD5, SHA-1, SHA-256, SHA-384, SHA-512 хешеве

Hash Генератор израчунава криптографске хешеве (MD5, SHA-1, SHA-256, SHA-384, SHA-512) било ког текстуалног уноса. Свих…

Генеришите криптографски снажне лозинке

Генератор лозинки производи снажне, случајне лозинке користећи криптографски API за случајност прегледача. Подесите…

Regex Тестер БЕСПЛАТНО

Тестирајте регуларне изразе уживо са истицањем подударања

Regex Тестер процењује регуларне изразе над тест текстом у реалном времену.

Конвертујте Unix, ISO и датуме читљиве за човека

Конвертор Timestamp-ова преводи између Unix timestamp-ова (секунде, милисекунде, микросекунде, наносекунде), ISO 8601…

Diff Алат БЕСПЛАТНО

Упоредите два блока текста ред по ред

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 вам омогућава да пређете курсором преко било ког елемента на страници да бисте открили његов…

CORS Checker БЕСПЛАТНО

Тестирајте cross-origin захтеве и прегледајте CORS заглавља

CORS Checker тестира да ли би cross-origin захтев са вашег сајта био дозвољен од стране циљаног сервера. Извршава…

Снимајте WebSocket оквире у реалном времену

WebSocket Inspector снима сваки WebSocket оквир — послат и примљен — на свим везама на страници. Приказује животни…

Broken Image Finder БЕСПЛАТНО

Тренутно скенирајте страницу за оштећене слике

Broken Image Finder скенира сваки <img> елемент и CSS background-image на страници, открива неуспела учитавања (404…

Аутоматски попуните обрасце реалистичним тест подацима

Попуњавач образаца попуњава свако видљиво поље обрасца на страници реалистичним тест подацима — име, е-пошта, телефон…

CSV ↔ JSON конвертор БЕСПЛАТНО

Конвертујте између CSV и JSON у оба смера

CSV ↔ JSON конвертор обрађује потпуни двосмерни трансфер између два најчешћа табеларна формата. Паметни CSV парсе�…

XML форматер БЕСПЛАТНО

Форматирајте, валидирајте и прегледајте XML са истицањем синтаксе

XML форматер лепо форматира, минификује и валидира XML директно у прегледачу.

SQL форматер БЕСПЛАТНО

Улепшајте и форматирајте SQL упите

SQL форматер претвара минификован или неуредан SQL у читљиве, увучене упите.

Конвертуј у PDF БЕСПЛАТНО

Сачувајте веб странице као чисте PDF документе

Конвертуј у PDF чува тренутну веб страницу као PDF помоћу дијалога за штампу прегледача, уз претходну примену стилова…

Cene i planovi

Jednostavno i transparentno određivanje cena

Izaberite najbolji plan za svoj rad. Počnite besplatno, nadogradite bilo kada.

Osnovni

Savršeno za isprobavanje DevSuite Pro. Kreditna kartica nije potrebna.

$0

Zauvek besplatno
Počni besplatno
  • 43 besplatnih alata za programere
  • CSS Inspector i Birač boja
  • Snimanje ekrana
  • Interfejs lebdeće trake
  • Sva buduća besplatna ažuriranja

Mesečni Najpopularniji

Potpun pristup svim 64+ profesionalnim alatima. Naplaćuje se mesečno.

$2.99

mesečno
Započni mesečni plan
  • Svih 64+ alata za programere
  • Potpun pristup Pro alatima
  • Do 3 uređaja
  • Prioritetna podrška
  • Otkaži bilo kada

Jednokratno Najbolja vrednost

Plati jednom, koristi zauvek. Potpun pristup svim 64+ pro alatima bez periodičnih troškova.

$29.99

jednokratna uplata
Kupi jednom, koristi zauvek
  • Svih 64+ alata za programere
  • Potpun pristup Pro alatima
  • Do 3 uređaja
  • Prioritetna podrška
  • Bez periodičnih troškova
DevSuite Pro FAQ section background
Česta pitanja

Česta pitanja korisnika DevSuite Pro

Uobičajena pitanja o karakteristikama i korišćenju proširenja DevSuite Pro. Ako imate pitanje, odgovor je možda već ispod.

Kako da instaliram DevSuite Pro?

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.

Koja je razlika između Free i Pro 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.

Zašto alat ne radi na nekim veb sajtovima?

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.

Da li su moje promene na stranici trajne?

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.

Kako da aktiviram svoju Pro licencu?

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.

Kako da pomerim ili sakrijem lebdeću traku?

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.

Da li DevSuite Pro prikuplja podatke o pregledanju?

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.

Mogu li da koristim DevSuite Pro na Firefox-u?

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.