Dodajte razširitev v Chrome
- Odprite spletno trgovino Chrome in poiščite razširitev »DevSuite Pro«.
- Kliknite »Dodaj v Chrome« in nato potrdite s klikom na »Dodaj razširitev« v pojavnem oknu.
Več kot 39 zmogljivih orodij za pregledovanje, merjenje, zajemanje, analizo in načrtovanje spletnih strani neposredno v vašem brskalniku.
Začetek je preprost. Namestite razširitev, odprite katero koli spletno stran in dostopajte do več kot 39 orodij za razvijalce iz pojavnega okna ali plavajočega doka. Konfiguracija ni potrebna.
DevSuite Pro ponuja 39+ razvijalskih orodij za pregledovanje, merjenje, načrtovanje in analizo spletnih strani. Pospešite svoj delovni proces z močnimi funkcijami, vgrajenimi neposredno v vaš brskalnik.
Z miško pojdite čez kateri koli element, da takoj vidite njegove sloge CSS in jih uredite v živo, kar olajša odpravljanje napak in prilagajanje dizajnov v realnem času.
Več o tem →Kliknite na kateri koli element, da preverite njegove lastnosti, dimenzije, razmike, pisave in barve. Takoj razumejte strukturo strani brez odpiranja brskalnikovih DevTools.
Merite razdalje, preverite poravnavo in dodajte slikovno pike natančna ravnila in vodila na katero koli spletno stran, da zagotovite, da so vaši dizajni popolno poravnani.
Izbirajte barve iz katerega koli elementa na strani in z enim klikom kopirajte vrednosti HEX, RGB ali HSL v odložišče.
Posnemite celotno stran ali vidno območje in jih takoj prenesite — idealno za deljenje dizajnov in poročanje o napakah.
Predogled spletne strani v različnih velikostih zaslona in ločljivostih naprav za testiranje responzivnega dizajna brez zapuščanja brskalnika.
Pregledujte in urejajte CSS sloge v realnem času
Odpravljajte napake in upravljajte CSS animacije v realnem času
Pretvorite CSS kateregakoli elementa v razrede Tailwind
Vizualizirajte celotno strukturo postavitve strani
Pridobite kategorizirane razrede Tailwind za katerikoli element
Vizualni HTML drevesni pogled na katerikoli strani
Zaznajte komponente React, Vue, Angular in Svelte
Povlecite in spustite za premik kateregakoli elementa
Odstranite ali preklopite vidljivost kateregakoli elementa
Izvozite katerikoli element kot HTML, CSS ali JSON
Ustvarite komponente React, Vue in Svelte iz kateregakoli elementa
Zajemite vidno območje ali celotno stran
Oglejte si, izberite in prenesite vse slike s katerekoli strani
Poiščite, preglejte in prenesite vsak SVG na katerikoli strani
Zamenjajte katerokoli sliko na strani s svojo
Takoj ustvarite QR kode za katerikoli URL ali besedilo
Pikselsko natančna ravnila, vodila in meritve na katerikoli strani
Predogled več naprav hkrati
Izmerite natančno razdaljo v pikslih med dvema elementoma
Vizualizirajte kontekste zlaganja in plasti z-index
Preglejte CSS Grid in Flexbox postavitve z vizualnimi prekrivniki
Simulirajte vroče točke pozornosti uporabnikov
Selektivno počistite predpomnilnik, piškotke, localStorage in sessionStorage
Zaznajte vsako tehnologijo za katerokoli spletno stranjo
Celovita SEO revizija: Meta oznake, naslovi, OpenGraph in več
Avtomatizirana WCAG revizija: Kontrast, Alt besedilo, ARIA in več
Kliknite na katerokoli besedilo na strani in ga takoj uredite
Zamenjajte katerokoli pisavo globalno ali za posamezen element
Odkrijte vsako pisavo, uporabljeno na katerikoli strani
Natančno orodje kapalke za HEX, RGB in HSL vrednosti
Izvlecite celotno barvno paleto iz katerekoli strani
Takoj uporabite temni način na katerikoli strani
Takoj vklopite ali izklopite JavaScript za trenutni zavihek
Oglejte si, uredite, dodajte in izbrišite piškotke
Oglejte si izhod konzole v plavajočem panelu — brez DevTools
Spremljajte vse omrežne zahteve v realnem času
Oglejte si in uredite localStorage in sessionStorage
Preglejte vsako povezavo na strani in poiščite pokvarjene
Takojšnja nadzorna plošča zmogljivosti: čas nalaganja, DOM statistike in viri
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
Izberite najboljši načrt za svoj delovni proces. Začnite brezplačno, nadgradite kadar koli.
Splošna vprašanja o funkcijah in uporabi razširitve DevSuite Pro. Če imate vprašanje, je odgovor morda že spodaj.
Obiščite spletno trgovino Chrome, poiščite »DevSuite Pro«, kliknite »Dodaj v Chrome« in potrdite z izbiro »Dodaj razširitev«. Po namestitvi se bo ikona razširitve pojavila v orodni vrstici vašega brskalnika. Kliknite nanjo za takojšen dostop do več kot 39 orodij za razvijalce.
Brezplačna orodja (20+) so na voljo vsem brez licence. Orodja Pro imajo zlato značko PRO in zahtevajo aktivno Pro licenco za uporabo. V pojavnem oknu lahko vidite, katera orodja so brezplačna ali pro – brezplačna orodja nimajo ikone ključavnice, medtem primeru se Pro orodja zdijo nekoliko zatemnjena, dokler ne aktivirate svoje licence.
Nekatera spletna mesta imajo stroge politike varovanja vsebine (CSP), ki blokirajo določena dejanja razširitev brskalnika. To je še posebej pogosto na bančnih in vladnih spletnih mestih. Poleg tega notranje strani Chrome (chrome://) razširitvam ne dovoljujejo izvajanja vsebinskih skriptov.
Ne. Vse spremembe, narejene z orodji, kot so Premakni element, Urejevalnik besedila v živo, Izbriši/skrij element in CSS Inspector, so začasne. Vplivajo le na to, kar trenutno vidite v svojem brskalniku. Osvežitev strani bo vse povrnila v prvotno stanje.
Odprite pojavno okno DevSuite Pro, kliknite ikono za nastavitve v desnem zgornjem kotu. Pomaknite se navzdol do razdelka Licenca, v polje za vnos prilepite svoj licenčni ključ in kliknite Aktiviraj. Če je ključ veljaven, se bo značka spremenila iz FREE v PRO in vsa pro orodja bodo takoj odklenjena.
Dok lahko premaknete tako, da odprete nastavitve in izberete drug položaj stranske vrstice — zgoraj, spodaj, levo ali desno. Dok lahko tudi popolnoma skrijete tako, da v nastavitvah izklopite možnost »Prikaži dok na straneh« ali kadar koli pritisnete Ctrl+Shift+X.
Ne. DevSuite Pro ne zbira, ne spremlja in ne prenaša nobenih vaših podatkov o brskanju. Vse nastavitve so shranjene lokalno v vašem brskalniku. Edina zunanja zahteva se izvede med aktivacijo licenčnega ključa za preverjanje vašega ključa na našem strežniku.
Da! DevSuite Pro je na voljo v spletni trgovini Chrome in v dodatkih za Firefox. Deluje v brskalnikih Chrome, Edge, Brave in drugih brskalnikih, ki temeljijo na Chromiumu, ter v Firefoxu.