Pregledujte in urejajte CSS sloge v realnem času
CSS Inšpektor je zmogljivo, brezplačno orodje za razvijalce, ki vam omogoča, da premaknete kazalec nad katerikoli…
Odpravljajte napake in upravljajte CSS animacije v realnem času
Inšpektor animacij vam daje popoln nadzor nad vsako CSS animacijo in prehodom na katerikoli spletni strani.
Pretvorite CSS kateregakoli elementa v razrede Tailwind
Kopiraj kot Tailwind povezuje vizualni dizajn s kodo Tailwind CSS.
Vizualizirajte celotno strukturo postavitve strani
Način obrisa doda barvno kodirane obrobe vsakemu HTML elementu na strani, kar vam daje takojšen rentgenski pogled na strukturo strani.
Pridobite kategorizirane razrede Tailwind za katerikoli element
Tailwind Pomočnik pregleda katerikoli element na strani in ustvari celovit, kategoriziran razčlenitev ujemajočih razredov Tailwind CSS.
Vizualni HTML drevesni pogled na katerikoli strani
Pregledovalnik strani prikaže celotno DOM strukturo katerekoli spletne strani kot vizualni drevesni pregled neposredno na strani.
Zaznajte komponente React, Vue, Angular in Svelte
Detektor komponent samodejno prepozna, kateri frontend okvir spletna stran uporablja, in razkrije celotno drevo komponent.
Povlecite in spustite za premik kateregakoli elementa
Premakni element vam omogoča, da kliknete na katerikoli element in ga fizično povlečete na novo mesto.
Odstranite ali preklopite vidljivost kateregakoli elementa
Izbriši/Skrij element vam omogoča odstranitev ali začasno skritje kateregakoli elementa z enim klikom.
Izvozite katerikoli element kot HTML, CSS ali JSON
Izvozi element vam omogoča, da kliknete na katerikoli element in izvozite njegovo celotno strukturo v treh formatih.
Ustvarite komponente React, Vue in Svelte iz kateregakoli elementa
Kopiraj kodo komponente pretvori katerikoli element v čisto, za produkcijo pripravljeno datoteko komponente.
Zajemite vidno območje ali celotno stran
Zajem zaslona zajame visokokakovostne slike katerekoli spletne strani v dveh načinih — vidno območje ali celotna stran.
Oglejte si, izberite in prenesite vse slike s katerekoli strani
Izvleči slike pregleda katerokoli spletno stran in predstavi vsako sliko v galeriji, ki jo je mogoče brskati.
Poiščite, preglejte in prenesite vsak SVG na katerikoli strani
SVG Zajemalnik odkrije vsak SVG na spletni strani — inline SVG elemente, zunanje .svg datoteke, SVG sprite in SVG podatkovne URI-je.
Zamenjajte katerokoli sliko na strani s svojo
Zamenjava slik vam omogoča, da kliknete na katerokoli sliko in jo zamenjate s svojo — z nalaganjem datoteke ali lepljenjem URL-ja.
Takoj ustvarite QR kode za katerikoli URL ali besedilo
Generator QR kod ustvari čitljivo QR kodo za URL trenutne strani samodejno ali za katerikoli besedilo po meri.
Pikselsko natančna ravnila, vodila in meritve na katerikoli strani
Ravnilo strani doda ravnila in vlečljive vodilne črte v slogu Photoshopa na katerokoli spletno stran.
Predogled več naprav hkrati
Odzivni pregledovalnik prikaže trenutno stran v več velikostih viewport-a eno ob drugi.
Izmerite natančno razdaljo v pikslih med dvema elementoma
Izmeri razdaljo vam omogoča klik na dva elementa in takoj vidite natančno razdaljo med njima.
Vizualizirajte kontekste zlaganja in plasti z-index
Z-Index Inšpektor razkrije celoten vrstni red zlaganja vsakega elementa na strani.
Preglejte CSS Grid in Flexbox postavitve z vizualnimi prekrivniki
Grid/Flex Vizualizator zazna vsak CSS Grid in Flexbox vsebnik ter prikaže njihovo strukturo kot barvne prekrivnike.
Simulirajte vroče točke pozornosti uporabnikov
Simulator toplotne karte ustvari napovedano toplotno karto pozornosti za katerokoli stran na podlagi UX raziskovalnih vzorcev.
Selektivno počistite predpomnilnik, piškotke, localStorage in sessionStorage
Hitro in selektivno počistite specifične vrste podatkov brskanja za trenutno stran.
Zaznajte vsako tehnologijo za katerokoli spletno stranjo
Tehnološki sklad pregleda katerokoli spletno stran in identificira njen celoten tehnološki sklad.
Celovita SEO revizija: Meta oznake, naslovi, OpenGraph in več
SEO Inšpektor zagotavlja takojšnjo, celovito SEO revizijo katerekoli spletne strani.
Avtomatizirana WCAG revizija: Kontrast, Alt besedilo, ARIA in več
Inšpektor dostopnosti izvaja avtomatizirane WCAG 2.1 Level AA preverjanja na katerikoli strani.
Kliknite na katerokoli besedilo na strani in ga takoj uredite
Živi urejevalnik besedila naredi vsak besedilni element na strani uredljiv z enim klikom.
Zamenjajte katerokoli pisavo globalno ali za posamezen element
Menjava pisav vam omogoča zamenjavo katerekoli pisave na strani z drugo iz knjižnice Google Fonts.
Odkrijte vsako pisavo, uporabljeno na katerikoli strani
Seznam vseh pisav pregleda stran in predstavi celoten inventar vsake uporabljene družine pisav.
Natančno orodje kapalke za HEX, RGB in HSL vrednosti
Izbirnik barv zagotavlja pikselsko natančno orodje kapalke za izbiranje barv iz kateregakoli elementa.
Izvlecite celotno barvno paleto iz katerekoli strani
Barvna paleta pregleda vsak element in izvleče celoten nabor uporabljenih barv, razvrščenih po pogostosti.
Takoj uporabite temni način na katerikoli strani
Vsili temni način uporabi temno barvno shemo na katerokoli stran, ki je ne ponuja.
Takoj vklopite ali izklopite JavaScript za trenutni zavihek
Preklopi JavaScript onemogoči ali ponovno omogoči izvajanje JavaScripta za trenutni zavihek z enim klikom.
Oglejte si, uredite, dodajte in izbrišite piškotke
Urejevalnik piškotkov prikaže vse piškotke za trenutno domeno v čisti, razvrščeni tabeli.
Oglejte si izhod konzole v plavajočem panelu — brez DevTools
Beležnik konzole zajame ves izhod konzole in ga prikaže v plavajočem panelu neposredno na strani.
Spremljajte vse omrežne zahteve v realnem času
Omrežni monitor zajame in prikaže vsako omrežno zahtevo, ki jo izvede trenutna stran, v realnem času.
Oglejte si in uredite localStorage in sessionStorage
Urejevalnik lokalnega shrambe zagotavlja čist tabelarični vmesnik za upravljanje localStorage in sessionStorage.
Preglejte vsako povezavo na strani in poiščite pokvarjene
Preverjalnik pokvarjenih povezav pregleda vsako povezavo na strani in identificira pokvarjene (404, časovna omejitev, napake).
Takojšnja nadzorna plošča zmogljivosti: čas nalaganja, DOM statistike in viri
Zmogljivost strani zagotavlja takojšen pregled zmogljivosti katerekoli spletne strani.
Oblikujte, pomanjšajte in preverite JSON z enim klikom
JSON Formatter lepo oblikuje, pomanjšuje in preverja JSON kar v vašem brskalniku.
Takojšnje kodiranje nizov v Base64 in nazaj
Base64 kodirnik/dekodirnik pretvarja besedilo v Base64 in Base64 nazaj v besedilo neposredno v vašem brskalniku.
Kodirajte in dekodirajte URL nize z enim klikom
URL kodirnik/dekodirnik pretvarja URL nize v njihovo odstotno kodirano obliko in nazaj.
Takojšnje kodiranje in dekodiranje entitet HTML
HTML entitetni kodirnik pretvarja posebne znake (< > & " ') v njihove ustreznice entitet HTML (< > & " ') in nazaj.
Ubežno kodirajte in dekodirajte nize za kodo
Ubežno kodiranje/dekodiranje z leve poševnice pretvarja nize v njihovo ubežno kodirano obliko in nazaj (\n \t \r \" \'…
Pretvarjajte slike v Base64 podatkovne URI-je in nazaj
Slika ↔ Base64 pretvori slikovne datoteke (PNG, JPG, SVG, WebP, GIF) v Base64 kodirane podatkovne URI-je in nazaj.
Takoj dekodirajte žetone JSON Web Token
JWT razhroščevalnik dekodira in pregleduje žetone JSON Web Token — razčleni glavo, vsebino in podpis, prikaže zahtevke…
Množično ustvarjanje identifikatorjev UUID v4
Generator UUID ustvarja kriptografsko močne identifikatorje UUID v4 z uporabo brskalnikovega crypto API-ja.
Izračunajte zgoščevalne vrednosti MD5, SHA-1, SHA-256, SHA-384, SHA-512
Generator zgoščevalnih vrednosti izračuna kriptografske zgoščevalne vrednosti (MD5, SHA-1, SHA-256, SHA-384, SHA-512)…
Ustvarjajte kriptografsko močna gesla
Generator gesel ustvarja močna, naključna gesla z uporabo brskalnikovega API-ja za kriptografsko naključnost.
Testirajte regularne izraze v živo z barvnim označevanjem ujemanj
Preizkuševalnik Regex v realnem času preverja regularne izraze na testnem besedilu.
Pretvarjajte med Unix, ISO in berljivimi datumi
Pretvornik časovnih žigov pretvarja med Unix časovnimi žigi (sekunde, milisekunde, mikrosekunde, nanosekunde), ISO…
Primerjajte dva bloka besedila vrstico za vrstico
Orodje za primerjavo primerja dva bloka besedila in z barvno kodo označi dodane, odstranjene in nespremenjene vrstice.
Preverite razmerje kontrasta WCAG med poljubnima dvema barvama
Preverjevalnik kontrasta izračuna razmerje kontrasta WCAG 2.1 med dvema barvama in ju oceni glede na pragove AA/AAA za…
Takoj pretvarjajte med HEX, RGB, HSL, HSV in OKLCH
Pretvornik barvnih formatov pretvarja poljubno barvo med HEX, RGB, HSL, HSV in OKLCH.
Izvlecite prevladujočo paleto iz katerekoli slike
Ekstraktor barv iz slike analizira poljubno slikovno datoteko (povlecite, prilepite ali kliknite za nalaganje) in vrne…
Pridobite CSS selektorje in XPath za poljuben element
Iskalnik DOM poti omogoča, da s premikom miške nad poljubnim elementom na strani razkrijete njegov edinstveni CSS…
Testirajte zahteve med izvori in preglejte CORS glave
Preverjevalnik CORS preveri, ali bi ciljni strežnik dovolil zahtevo med izvori (cross-origin) z vaše strani.
Zajemite WebSocket okvirje v realnem času
Inšpektor WebSocket zajame vsak WebSocket okvir — poslan in prejet — na vseh povezavah na strani.
Takoj preglejte stran za pokvarjenimi slikami
Iskalnik pokvarjenih slik pregleda vsak <img> in CSS background-image na strani, zazna neuspešna nalaganja (404, napake…
Samodejno izpolnite obrazce z realističnimi testnimi podatki
Izpolnjevalnik obrazcev zapolni vsako vidno polje obrazca na strani z realističnimi testnimi podatki – ime, e-pošta…
Pretvarjajte med CSV in JSON v obe smeri
Pretvornik CSV ↔ JSON obravnava celoten prehod med dvema najpogostejšima tabelaričnima formatoma.
Oblikujte, validirajte in prikažite XML z barvnim poudarjanjem skladnje
Oblikovalec XML lepo oblikuje, minificira in validira XML neposredno v brskalniku.
Polepšajte in oblikujte SQL poizvedbe
Oblikovalec SQL pretvori minificiran ali neurejen SQL v berljive, zamaknjene poizvedbe.
Shranite spletne strani kot čiste PDF datoteke
Pretvori v PDF shrani trenutno spletno stran kot PDF prek brskalnikovega dialoga za tiskanje, pri čemer se najprej…
