Pārbaudiet un rediģējiet CSS stilus reāllaikā
CSS Inspektors ir jaudīgs, bezmaksas izstrādātāju rīks, kas ļauj virzīt kursoru pār jebkuru elementu un nekavējoties…
Atkļūdojiet un kontrolējiet CSS animācijas reāllaikā
Animāciju inspektors dod pilnīgu kontroli pār katru CSS animāciju un pāreju jebkurā tīmekļa lapā.
Pārveidojiet jebkura elementa CSS par Tailwind klasēm
Kopēt kā Tailwind savieno vizuālo dizainu ar Tailwind CSS kodu.
Vizualizējiet pilnīgu lapas izkārtojuma struktūru
Kontūru režīms pievieno krāsu kodētas kontūru apmales katram HTML elementam, dodot tūlītēju rentgena skatu uz lapas struktūru.
Iegūstiet kategorizētas Tailwind klases jebkuram elementam
Tailwind palīgs pārbauda jebkuru elementu un ģenerē pilnīgu, kategorizētu atbilstošo Tailwind CSS klašu sadalījumu.
Vizuāls HTML koka skats jebkurā lapā
Lapas skatītājs attēlo pilnīgu DOM struktūru kā vizuālu koka pārklājumu tieši uz lapas.
Atklājiet React, Vue, Angular un Svelte komponentus
Komponentu detektors automātiski identificē kuru frontend ietvaru izmanto vietne un atklāj pilnīgu komponentu koku.
Velciet un nometiet, lai pārvietotu jebkuru elementu
Pārvietot elementu ļauj noklikšķināt uz jebkura elementa un fiziski to vilkt uz jaunu pozīciju.
Noņemiet vai pārslēdziet jebkura elementa redzamību
Dzēst/Slēpt elementu ļauj noņemt vai īslaicīgi paslēpt jebkuru elementu ar vienu klikšķi.
Eksportējiet jebkuru elementu kā HTML, CSS vai JSON
Eksportēt elementu ļauj noklikšķināt uz jebkura elementa un eksportēt tā pilnīgu struktūru trīs formātos.
Ģenerējiet React, Vue un Svelte komponentus no jebkura elementa
Kopēt komponenta kodu pārveido jebkuru elementu tīrā, ražošanai gatavā komponenta failā.
Uzņemiet redzamo apgabalu vai pilnu lapu
Ekrānuzņēmums uzņem augstas kvalitātes attēlus jebkurai tīmekļa lapai divos režīmos.
Skatiet, atlasiet un lejupielādējiet visus attēlus no jebkuras lapas
Izvilkt attēlus skenē jebkuru lapu un parāda katru attēlu pārlūkojamā galerijā.
Atrodiet, priekšskatiet un lejupielādējiet katru SVG jebkurā lapā
SVG tvērējs atklāj katru SVG — iekļautos elementus, ārējos .svg failus, SVG spraitus un SVG datu URI.
Aizstājiet jebkuru attēlu lapā ar savu
Attēlu aizstājējs ļauj noklikšķināt uz jebkura attēla un aizstāt to — augšupielādējot failu vai ielīmējot URL.
Nekavējoties ģenerējiet QR kodus jebkuram URL vai tekstam
QR kodu ģenerators izveido skenējamu QR kodu pašreizējās lapas URL automātiski vai jebkuram pielāgotam tekstam.
Pikseļu precīzi lineāli, vadlīnijas un mērījumi jebkurā lapā
Lapas lineāls pievieno Photoshop stila lineālus un velkamas vadlīnijas jebkurai tīmekļa lapai.
Priekšskatiet vairākas ierīces vienlaicīgi
Responsīvais skatītājs rāda pašreizējo lapu vairākos viewport izmēros blakus.
Izmēriet precīzu pikseļu attālumu starp jebkuriem diviem elementiem
Izmērīt attālumu ļauj noklikšķināt uz diviem elementiem un nekavējoties redzēt precīzu attālumu starp tiem.
Vizualizējiet kārtošanas kontekstus un z-index slāņus
Z-Index inspektors atklāj pilnīgu katra elementa kārtošanas secību lapā.
Pārbaudiet CSS Grid un Flexbox izkārtojumus ar vizuāliem pārklājumiem
Grid/Flex vizualizators atklāj katru CSS Grid un Flexbox konteineru un attēlo to struktūru kā krāsainus pārklājumus.
Simulējiet lietotāju uzmanības karsto punktu
Siltumkartes simulators ģenerē prognozētu uzmanības siltumkarti jebkurai lapai balstoties uz UX pētījumu modeļiem.
Selektīvi notīriet kešatmiņu, sīkfailus, localStorage un sessionStorage
Ātri un selektīvi notīriet konkrētus pārlūkošanas datu veidus pašreizējai vietnei.
Atklājiet katru tehnoloģiju aiz jebkuras vietnes
Tehnoloģiju kaudze skenē jebkuru vietni un identificē tās pilnīgo tehnoloģiju kaudzi.
Visaptverošs SEO audits: Meta tagi, virsraksti, OpenGraph un vairāk
SEO inspektors nodrošina tūlītēju, visaptverošu SEO auditu jebkurai tīmekļa lapai.
Automatizēts WCAG audits: Kontrasts, Alt teksts, ARIA un vairāk
Pieejamības inspektors izpilda automatizētas WCAG 2.1 Level AA pārbaudes jebkurā lapā.
Noklikšķiniet uz jebkura teksta lapā, lai nekavējoties rediģētu
Tiešraides teksta redaktors padara katru teksta elementu lapā rediģējamu ar vienu klikšķi.
Nomainiet jebkuru fontu globāli vai konkrētam elementam
Fontu mainītājs ļauj aizstāt jebkuru fontu lapā ar citu no Google Fonts bibliotēkas.
Atklājiet katru fontu izmantotu jebkurā lapā
Visu fontu saraksts skenē lapu un parāda pilnīgu katra izmantotā fontu saimes inventāru.
Precīzs pipetes rīks HEX, RGB un HSL vērtībām
Krāsu izvēlētājs nodrošina pikseļu precīzu pipetes rīku krāsu izvēlei no jebkura elementa.
Izvelciet pilnīgu krāsu paleti no jebkuras lapas
Krāsu palete skenē katru elementu un izvelk pilnīgu izmantoto krāsu kopumu sakārtotu pēc biežuma.
Nekavējoties piemērojiet tumšo režīmu jebkurai vietnei
Piespiest tumšo režīmu piemēro tumšo krāsu shēmu jebkurai vietnei kas to nepiedāvā.
Nekavējoties ieslēdziet vai izslēdziet JavaScript pašreizējai cilnei
Pārslēgt JavaScript deaktivē vai atkārtoti aktivē JavaScript izpildi pašreizējai cilnei ar vienu klikšķi.
Skatiet, rediģējiet, pievienojiet un dzēsiet sīkfailus
Sīkfailu redaktors parāda visus sīkfailus pašreizējam domēnam tīrā, kārtojamā tabulā.
Skatiet konsoles izvadi peldošā panelī — bez DevTools
Konsoles reģistrētājs uztver visu konsoles izvadi un parāda to peldošā panelī tieši uz lapas.
Uzraugiet visus tīkla pieprasījumus reāllaikā
Tīkla monitors uztver un parāda katru tīkla pieprasījumu ko veic pašreizējā lapa reāllaikā.
Skatiet un rediģējiet localStorage un sessionStorage
Lokālās krātuves redaktors nodrošina tīru tabulas saskarni localStorage un sessionStorage pārvaldībai.
Skenējiet katru saiti lapā un atrodiet bojātās
Bojāto saišu pārbaudītājs skenē katru saiti lapā un identificē bojātās (404, noildze, kļūdas).
Tūlītējs veiktspējas panelis: ielādes laiks, DOM statistika un resursi
Lapas veiktspēja nodrošina tūlītēju veiktspējas pārskatu jebkurai tīmekļa lapai.
Formatējiet, saspiediet un validējiet JSON ar vienu klikšķi
JSON Formatētājs skaisti noformē, saspiež un validē JSON tieši jūsu pārlūkprogrammā.
Kodējiet virknes uz un no Base64 formāta uzreiz
Base64 Kodētājs/Dekodētājs pārvērš tekstu Base64 formātā un Base64 atpakaļ tekstā tieši jūsu pārlūkprogrammā.
Kodējiet un dekodējiet URL virknes ar vienu klikšķi
URL Kodētājs/Dekodētājs pārvērš URL virknes uz un no to procentu kodētā formāta.
Kodējiet un dekodējiet HTML entītijas uzreiz
HTML Entītiju Kodētājs pārvērš īpašās rakstzīmes (< > & " ') to HTML entītiju ekvivalentos (< > & "…
Aizbēdziniet un atceliet virknes koda vajadzībām
Atpakaļvērstās slīpsvītras aizbēgšana/atcelšana pārvērš virknes uz un no to aizbēgtās formas (\n \t \r \" \' \\ un…
Konvertējiet attēlus uz un no Base64 datu URI
Attēls ↔ Base64 konvertē attēlu failus (PNG, JPG, SVG, WebP, GIF) uz Base64 kodētiem datu URI un otrādi.
Dekodējiet JSON Web Token acumirklī
JWT atkļūdotājs dekodē un pārbauda JSON Web Token — parsē galveni, datu daļu un parakstu, attēlo pieprasījumus (claims)…
Ģenerējiet UUID v4 identifikatorus lielos apjomos
UUID ģenerators izveido kriptogrāfiski stiprus UUID v4 identifikatorus, izmantojot pārlūka crypto API.
Aprēķiniet MD5, SHA-1, SHA-256, SHA-384, SHA-512 hash vērtības
Hash ģenerators aprēķina kriptogrāfiskus hash (MD5, SHA-1, SHA-256, SHA-384, SHA-512) jebkurai teksta ievadei.
Ģenerējiet kriptogrāfiski stipras paroles
Paroļu ģenerators izveido stipras, nejaušas paroles, izmantojot pārlūka kriptogrāfiskās nejaušības API.
Testējiet regulārās izteiksmes reāllaikā ar sakritību iezīmēšanu
Regex testeris pārbauda regulārās izteiksmes pret testa tekstu reāllaikā.
Pārveidojiet Unix, ISO un cilvēkam lasāmus datumus
Laika zīmogu pārveidotājs konvertē starp Unix laika zīmogiem (sekundēs, milisekundēs, mikrosekundēs, nanosekundēs), ISO…
Salīdziniet divus teksta blokus rindu pa rindai
Diff rīks salīdzina divus teksta blokus un iezīmē pievienotās, dzēstās un nemainītās rindas ar krāsu kodētu izvadi.
Pārbaudiet jebkuru divu krāsu WCAG kontrasta attiecību
Kontrasta pārbaudītājs aprēķina WCAG 2.1 kontrasta attiecību starp divām krāsām un novērtē tās pret AA/AAA sliekšņiem…
Konvertējiet HEX, RGB, HSL, HSV un OKLCH acumirklī
Krāsu formāta pārveidotājs pārveido jebkuru krāsu starp HEX, RGB, HSL, HSV un OKLCH.
Iegūstiet Dominējošo Paleti No Jebkura Attēla
Attēla Krāsu Ekstraktors analizē jebkuru attēla failu (nometiet, ielīmējiet vai noklikšķiniet, lai ielādētu) un atgriež…
Iegūstiet CSS Selektorus un XPath Jebkuram Elementam
DOM Ceļa Meklētājs ļauj novietot kursoru virs jebkura lapas elementa, lai atklātu tā unikālo CSS selektoru, īso…
Testējiet Starpdomēnu Pieprasījumus un Pārbaudiet CORS Galvenes
CORS Pārbaudītājs pārbauda, vai starpdomēnu pieprasījums no jūsu vietnes tiktu atļauts mērķa serverī.
Uztveriet WebSocket Kadrus Reāllaikā
WebSocket Inspektors uztver katru WebSocket kadru — sūtīto un saņemto — visos lapas savienojumos.
Skenējiet Lapu Bojātu Attēlu Meklēšanai Tūlītēji
Bojātu Attēlu Meklētājs skenē katru <img> un CSS background-image lapā, atklāj bojātas ielādes (404, CORS kļūmes…
Automātiski aizpildiet formas ar reālistiskiem testa datiem
Form Filler aizpilda visus redzamos formas laukus lapā ar reālistiskiem testa datiem — vārdu, e-pastu, tālruni, adresi, paroli u.c.
Pārveidojiet starp CSV un JSON jebkurā virzienā
CSV ↔ JSON pārveidotājs nodrošina pilnu abpusēju pārveidi starp diviem izplatītākajiem tabulu formātiem.
Formatējiet, validējiet un skatiet XML ar sintakses izcelšanu
XML formatētājs skaisti formatē, samazina un validē XML tieši pārlūkā.
Padariet SQL vaicājumus skaistus un lasāmus
SQL formatētājs pārveido samazinātus vai nekārtīgus SQL vaicājumus lasāmos, ievilktos vaicājumos.
Saglabājiet tīmekļa lapas kā tīrus PDF failus
Pārveidot par PDF saglabā pašreizējo tīmekļa lapu kā PDF, izmantojot pārlūka drukāšanas dialoglodziņu, vispirms…
