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.
39+ 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 39+ programerskih alata iz iskačućeg prozora ili lebdeće trake. Podešavanje nije potrebno.
DevSuite Pro nudi 39+ 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.
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.
Izaberite boje sa bilo kog elementa na stranici i kopirajte HEX, RGB ili HSL vrednosti u svoj klipbord jednim klikom.
Snimite celu stranicu ili vidljivu oblast na bilo kojoj veb stranici i preuzmite ih odmah — savršeno za deljenje dizajna i prijavljivanje grešaka.
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.
Прегледајте и уредите CSS стилове у реалном времену
Отклоните грешке и управљајте CSS анимацијама у реалном времену
Претворите CSS било ког елемента у Tailwind класе
Визуализујте комплетну структуру распореда странице
Добијте категоризоване Tailwind класе за било који елемент
Визуелни HTML приказ стабла на било којој страници
Откријте React, Vue, Angular и Svelte компоненте
Превуците и отпустите за премештање било ког елемента
Уклоните или преклопите видљивост било ког елемента
Извезите било који елемент као HTML, CSS или JSON
Генеришите React, Vue и Svelte компоненте из било ког елемента
Снимите видљиву област или целу страницу
Прегледајте, изаберите и преузмите све слике са било које странице
Пронађите, прегледајте и преузмите сваки SVG на било којој страници
Замените било коју слику на страници својом
Одмах генеришите QR кодове за било који URL или текст
Пикселски прецизни лењири, водилице и мерења на било којој страници
Преглед више уређаја истовремено
Измерите тачно растојање у пикселима између два елемента
Визуализујте контексте слагања и z-index слојеве
Прегледајте CSS Grid и Flexbox распореде са визуелним преклапањима
Симулирајте жариште пажње корисника
Селективно очистите кеш, колачиће, localStorage и sessionStorage
Откријте сваку технологију иза било које веб странице
Свеобухватна SEO ревизија: Мета ознаке, наслови, OpenGraph и више
Аутоматизована WCAG ревизија: Контраст, Alt текст, ARIA и више
Кликните на било који текст на страници и одмах га уредите
Замените било који фонт глобално или за појединачни елемент
Откријте сваки фонт коришћен на било којој страници
Прецизан алат капаљке за HEX, RGB и HSL вредности
Извуците комплетну палету боја из било које странице
Одмах примените тамни режим на било коју страницу
Одмах укључите или искључите JavaScript за тренутну картицу
Прегледајте, уредите, додајте и обришите колачиће
Прегледајте излаз конзоле у плутајућем панелу — без DevTools
Пратите све мрежне захтеве у реалном времену
Прегледајте и уредите localStorage и sessionStorage
Скенирајте сваки линк на страници и пронађите покварене
Тренутна контролна табла перформанси: време учитавања, DOM статистике и ресурси
Format, Minify & Validate JSON in a Click
Encode Strings To & From Base64 Instantly
Encode & Decode URL Strings in One Click
Encode & Decode HTML Entities Instantly
Escape & Unescape Strings for Code
Convert Images To & From Base64 Data URIs
Decode JSON Web Tokens Instantly
Generate Bulk UUID v4 Identifiers
Compute MD5, SHA-1, SHA-256, SHA-384, SHA-512 Hashes
Generate Cryptographically Strong Passwords
Test Regular Expressions Live With Match Highlighting
Convert Unix, ISO, and Human-Readable Dates
Compare Two Text Blocks Line By Line
Check WCAG Contrast Ratio of Any Two Colors
Convert HEX, RGB, HSL, HSV & OKLCH Instantly
Extract The Dominant Palette From Any Image
Get CSS Selectors & XPath For Any Element
Test Cross-Origin Requests & Inspect CORS Headers
Capture WebSocket Frames in Real Time
Scan The Page For Broken Images Instantly
Auto-Fill Forms With Realistic Test Data
Convert Between CSV and JSON in Either Direction
Format, Validate & View XML With Syntax Highlighting
Beautify & Format SQL Queries
Save Web Pages As Clean PDFs
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 39+ programerskih alata.
Besplatni alati (20+) 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.