DevSuite Pro

64+ galingi kūrėjų įrankiai vienoje plėtinyje — patikrinkite, matuokite, fiksuokite, analizuokite ir projektuokite

DevSuite Pro: geriausias „viskas viename" kūrėjo įrankių rinkinys ir dizaino komplektas (64 įrankiai viename Chrome plėtinyje) Nustokite diegti dešimtis plėtinių elementams tikrinti ar adaptyviems išdėstymams testuoti. DevSuite Pro yra geriausias „viskas viename" kūrėjų ir priekinio dizaino Chrome plėtinys. Jis sutalpina 64 profesionalius įrankius, dizaino priemones ir SEO analizatorius į vieną greitą, privatumą tausojantį plėtinį visiems, kurie kuria, testuoja ar audituoja modernias svetaines. Tikrinkite ir keiskite CSS tiesiogiai, redaguokite HTML, darykite viso puslapio nuotraukas, atsisiųskite vaizdus ir SVG, audituokite SEO, vykdykite WCAG patikras, formatuokite JSON / XML / SQL, iššifruokite JWT, generuokite slaptažodžius ir UUID, simuliuokite mobilųjį vaizdą, konvertuokite tinklalapius į PDF, stebėkite tinklo ir WebSocket srautą, įjunkite tamsų režimą, redaguokite slapukus ir daug daugiau. 💾 AUTOMATINIS IŠSAUGOJIMAS PAGAL SVETAINĘ Šeši įrankiai automatiškai išsaugo pakeitimus pagal URL ir pritaiko juos kiekvieno apsilankymo metu: • CSS inspektorius — CSS pakeitimai išlieka po perkrovimo • Elemento perkėlimas — perkelti elementai lieka vietoje • Elemento ištrynimas — paslėpti skelbimai lieka paslėpti • Vaizdų keitiklis — pakeisti vaizdai lieka pakeisti • Šriftų keitiklis — pasirinktas šriftas pritaikomas automatiškai • Tiesioginis teksto redaktorius — pakeitimai išlieka per sesijas ═══ 🎨 TIKRINIMAS, REDAGAVIMAS IR REPLIKAVIMAS ═══ 1) CSS inspektorius [NEMOKAMA] — užveskite pelę ant elemento ir keiskite CSS, peržiūrėkite apskaičiuotas reikšmes, dėžutės modelį, paraštes, tipografiją ir CSS kintamuosius. Išsaugoma pagal svetainę. 2) Animacijų inspektorius [MOKAMA] — aptikite kiekvieną CSS animaciją, perėjimą ir @keyframes taisyklę. Sulėtinkite, pristabdykite, slinkite kadrais. Patikrinkite trukmę ir vėlavimą. 3) Kopijuoti kaip Tailwind [MOKAMA] — dešiniuoju spustelėkite elementą ir konvertuokite jo CSS į Tailwind klases. Gaukite TailwindCSS kodą iš HTML. 4) Tik kontūro režimas [NEMOKAMA] — pritaikykite 1 px kontūrą kiekvienam elementui. Vizualizuokite karkasą ir akimirksniu raskite paslėptas div ribas. 5) Tailwind pagalbininkas [MOKAMA] — užveskite pelę ir pamatykite Tailwind klasių atitikmenį su pertraukos taško ir tamsaus režimo variantais. 6) Puslapio kontūras [NEMOKAMA] — atvaizduoja HTML medį kaip interaktyvų kontūrą. Peržiūrėkite DOM hierarchiją bet kurioje svetainėje. 7) Komponentų detektorius [MOKAMA] — aptinka popular JavaScript frameworks and component libraries komponentus. 8) Elemento perkėlimas [MOKAMA] — vizualiai vilkite elementą į naują vietą. Keiskite išdėstymą be kodo. Išsaugoma pagal svetainę. 9) Elemento ištrynimas/slėpimas [NEMOKAMA] — spustelėkite elementą jį pašalinti. Blokuokite skelbimus ir reklamjuostes. Lieka paslėpti amžinai. 10) Eksportuoti elementą [MOKAMA] — eksportuokite elemento HTML, apskaičiuotą CSS ir JSON. Nukopijuokite švarias UI nuotraukas. 11) Komponento kodo kopijavimas [MOKAMA] — konvertuokite elementą į React JSX, Vue SFC arba Svelte komponento kodą. 12) DOM kelio ieškiklis [MOKAMA] — gaukite elemento CSS parinkiklį, XPath ir querySelector. Selenium, Puppeteer ir WebdriverIO automatizavimui. ═══ 📸 FIKSAVIMAS IR IŠTEKLIAI ═══ 13) Ekrano nuotrauka [NEMOKAMA] — užfiksuokite matomą sritį, viso puslapio nuotrauką arba vieną elementą. Sumanus slinkimas tvarko aukštus puslapius. Be vandens ženklų. 14) Vaizdų ištraukimas [NEMOKAMA] — vienu spustelėjimu atsisiųskite visus svetainės vaizdus. Filtruokite pagal dydį, formatą (PNG, JPG, GIF, WebP, SVG) ir atsisiųskite kaip ZIP. 15) SVG griebėjas [MOKAMA] — raskite kiekvieną SVG piktogramą. Peržiūrėkite, kopijuokite SVG kodą arba atsisiųskite kaip SVG/PNG. 16) Vaizdų keitiklis [MOKAMA] — pakeiskite bet kurį vaizdą puslapyje vietiniu failu arba URL. Pakeitimai išsaugomi pagal svetainę. 17) Konvertuoti į PDF [NEMOKAMA] — išsaugokite tinklalapį kaip švarų PDF su paslėptais skelbimais, šviesia tema ir pasirinktu popieriaus dydžiu. ═══ 📐 IŠDĖSTYMAS IR MATAVIMAS ═══ 18) QR kodo generatorius [NEMOKAMA] — paverskite URL nuskaitomu QR kodu. Tinkinkite turinį (URL, tekstas, Wi-Fi, vCard) ir atsisiųskite kaip PNG. 19) Puslapio liniuotė [NEMOKAMA] — nubrėžkite tikslias pikselių liniuotes ir kreiptuvus su horizontaliais, vertikaliais ir įstrižais matavimais. 20) Adaptyvi peržiūra [MOKAMA] — matykite svetainę greta keliais dydžiais — common mobile, tablet, and desktop sizes ir bet kuria pasirinkta peržiūra. Sinchronizuotas slinkimas. 21) Atstumo matavimas [NEMOKAMA] — spustelėkite du elementus ir pamatykite X, Y ir įstrižainės pikselių atstumą. 22) Z-Index inspektorius [MOKAMA] — vizualizuokite kiekvieną kaupimo kontekstą ir z-index sluoksnį. Diagnozuokite paslėptus modalinius langus. 23) Grid / Flex vizualizatorius [MOKAMA] — patikrinkite CSS Grid ir Flexbox konteinerius su perdangomis, rodančiomis takelio linijas, tarpus ir lygiavimo ašis. ═══ 🔍 ANALIZĖ IR DERINIMAS ═══ 24) Šilumos žemėlapio simuliatorius [MOKAMA] — sugeneruokite numatomą dėmesio šilumos žemėlapį pagal F-pavidalo skaitymą. Be trečiųjų šalių scenarijų. 25) Naršymo duomenų valymas [NEMOKAMA] — pasirinktinai išvalykite talpyklą, slapukus, localStorage ir sessionStorage tik dabartinei svetainei. 26) Svetainės technologijų detektorius [MOKAMA] — identifikuokite kiekvieną technologiją: frontend frameworks, CMS, e-commerce, CDN, hosting, analytics ir daugybę kitų. 27) SEO inspektorius [NEMOKAMA] — išsamus SEO auditas: pavadinimas, meta aprašymas, H1–H6, OpenGraph, Twitter Card, kanoninis, robotai, alt tekstas. Peržiūra Google ir socialiniuose tinkluose. 28) Prieinamumo inspektorius [MOKAMA] — automatinis WCAG 2.1 AA auditas. Aptinka kontrasto problemas, trūkstamus alt, ARIA klaidas ADA, EAA ir Section 508 atitikčiai. 29) Tinklo monitorius [MOKAMA] — užfiksuokite kiekvieną fetch, XHR ir AJAX užklausą su metodu, būsena, antraštėmis, naudinguoju kroviniu ir laiku. 30) WebSocket inspektorius [MOKAMA] — užfiksuokite kiekvieną WebSocket kadrą realiu laiku. Derinkite Socket.io, pokalbių programas ir realaus laiko skydelius. 31) Sugedusių nuorodų tikrintuvas [MOKAMA] — nuskaitykite puslapį dėl sugedusių hipersaitų (404, 500, DNS) ir praneškite HTTP būsenos kodus. 32) Sugedę vaizdai [NEMOKAMA] — nuskaitykite ir pažymėkite kiekvieną vaizdą, kuris neįsikrauna (404, trūksta src, DNS, CORS). 33) CORS tikrintuvas [NEMOKAMA] — testuokite kryžminių šaltinių užklausas ir patikrinkite CORS antraštes. Diagnozuokite „blocked by CORS policy" klaidas. ═══ 🅰️ DIZAINAS IR TIPOGRAFIJA ═══ 34) Tiesioginis teksto redaktorius [NEMOKAMA] — spustelėkite tekstą puslapyje, kad redaguotumėte vietoje. Antraštes, pastraipas, mygtukus. Išsaugoma pagal svetainę. 35) Šriftų keitiklis [MOKAMA] — pakeiskite šriftą vienu iš 1500+ Google Fonts — globaliai arba kiekvienam elementui. Išsaugoma pagal svetainę. 36) Visi šriftai [NEMOKAMA] — atraskite kiekvieną puslapyje naudojamą šriftą — žiniatinklio, sistemos, svorius ir stilius. Vienu spustelėjimu kopijuokite font-family. 37) Spalvų rinkiklis [NEMOKAMA] — pikselio tikslumo pipetė. Rinkitės spalvas iš teksto, fonų, vaizdų ir SVG. HEX, RGB ir HSL su priartinimu ir istorija. 38) Spalvų paletė [NEMOKAMA] — ištraukite visą paletę iš tinklalapio su pagal dažnumą surūšiuotais pavyzdžiais ir HEX reikšmėmis. 39) Spalvų formato keitiklis [NEMOKAMA] — verskite bet kurią spalvą į visus CSS formatus viename skydelyje (pvz., įklijuokite #FF5733 ir matykite ją gyvai kaip rgb(255, 87, 51), hsl(11, 100%, 60%), hsv(11, 80%, 100%) ir oklch(64% 0.21 32), su alfa variantais skaidrumui). 40) Vaizdo spalvų ištraukėjas [NEMOKAMA] — ištraukite dominuojančią paletę iš bet kurio vaizdo. Generuokite schemas iš nuotraukų. ═══ ⚡ PERJUNGIKLIAI IR PUSLAPIO PRIEMONĖS ═══ 41) Priverstinis tamsus režimas [NEMOKAMA] — pritaikykite tamsią temą bet kuriai svetainei. Sumani inversija išsaugo vaizdus ir prekės ženklo spalvas. 42) JavaScript perjungiklis [NEMOKAMA] — įjunkite ar išjunkite JavaScript per skirtuką. Testuokite be JS, patikrinkite SSR išvestį. 43) Slapukų redaktorius [NEMOKAMA] — pilnas slapukų valdymas: peržiūra, kūrimas, redagavimas, ištrynimas, importas ir eksportas. Derinkite autentifikavimą. 44) Konsolės žurnalas [NEMOKAMA] — įterpta console.log, įspėjimų ir klaidų peržiūra puslapyje. Be DevTools — tinka mobiliam derinimui. 45) Vietinės saugyklos redaktorius [NEMOKAMA] — peržiūrėkite, redaguokite, pridėkite ir ištrinkite localStorage ir sessionStorage. Derinkite funkcijų vėliavėles. 46) Puslapio našumas [NEMOKAMA] — momentinė laiko metrika, išteklių paskirstymas, DOM statistika ir bendras balas. Be pilno Lighthouse audito. ═══ ⚙️ FORMATUOTOJAI, KEITIKLIAI IR GENERATORIAI ═══ 47) JSON formatuotojas [NEMOKAMA] — pagražinkite, sumažinkite, patvirtinkite ir peržiūrėkite JSON sutraukiamame medyje su klaidų aptikimu. 48) Base64 koderis/dekoderis [NEMOKAMA] — koduokite tekstą į Base64 arba dekoduokite atgal. UTF-8 ir dvejetainis palaikymas. 49) URL koderis/dekoderis [NEMOKAMA] — koduokite specialius simbolius į URL saugias eilutes arba dekoduokite atgal. Pataisykite užklausų eilutes. 50) HTML simbolių koderis [NEMOKAMA] — konvertuokite HTML specialius simbolius (&, <, >, ", ') į esybes arba dekoduokite atgal. 51) Atvirkštinio brūkšnio kaitos [NEMOKAMA] — koduokite atvirkštinio brūkšnio sekas (\\n, \\t, \\", \\\\). Būtina JSON, regex ir kodo generavimui. 52) Vaizdas ↔ Base64 [NEMOKAMA] — konvertuokite vaizdą (PNG, JPG, GIF, SVG, WebP) į Base64 duomenų URL arba įklijuokite Base64. 53) JWT derintuvas [NEMOKAMA] — dekoduokite JSON Web Tokens. Peržiūrėkite antraštę, naudingąjį krovinį ir parašą. Patikrinkite galiojimą. 54) UUID generatorius [NEMOKAMA] — generuokite v4 UUID (RFC 4122) po vieną arba masiškai. Kriptografiškai atsitiktiniai GUID. 55) Maišos generatorius [NEMOKAMA] — generuokite MD5, SHA-1, SHA-256, SHA-384 ir SHA-512 maišas iš teksto. Kontrolinės sumos ir santraukos. 56) Slaptažodžių generatorius [NEMOKAMA] — generuokite kriptografiškai saugius slaptažodžius su tinkintu ilgiu ir simbolių rinkiniais. 57) Regex testuotojas [NEMOKAMA] — testuokite reguliarias išraiškas su tiesioginiu sutapimų paryškinimu, fiksavimo grupėmis ir vėliavėlėmis (g, i, m, s, u, y). 58) Laiko žymos keitiklis [NEMOKAMA] — konvertuokite tarp Unix laiko žymų (s ir ms), ISO 8601, RFC 2822 ir žmogui suprantamų datų. 59) Diff įrankis [NEMOKAMA] — palyginkite du teksto blokus eilutė po eilutės su spalviniais žymėjimais. Diff JSON, konfigūracijoms ir kodui. 60) Kontrasto tikrintuvas (WCAG) [NEMOKAMA] — patikrinkite WCAG kontrasto santykius su AA ir AAA įvertinimu. Tiesioginė peržiūra. 61) CSV ↔ JSON [NEMOKAMA] — konvertuokite tarp CSV ir JSON. Automatiškai aptinka antraštes, palaiko tinkintus skirtukus. 62) XML formatuotojas [NEMOKAMA] — pagražinkite, sumažinkite ir patvirtinkite XML. Formatuokite SOAP, RSS, sitemap. 63) SQL formatuotojas [NEMOKAMA] — pagražinkite SQL užklausas (common database dialects). Į švarų kodą. 64) Formų pildytojas [MOKAMA] — automatiškai užpildykite formas realistiškais duomenimis — vardais, el. paštais, telefonais, adresais, kortelėmis, Lorem Ipsum. ═══ 🚀 NEMOKAMA prieš MOKAMA ═══ ✅ NEMOKAMA AMŽINAI — 43 esminiai įrankiai (spalvų rinkiklis, ekrano nuotrauka, JSON formatuotojas, SEO inspektorius, slapukų redaktorius, puslapio liniuotė, konvertavimas į PDF ir kt.). ⭐ MOKAMA — atrakinkite 21 papildomą įrankį (Tailwind pagalbininkas, adaptyvi peržiūra, komponentų kopijavimas, tinklo monitorius, šilumos žemėlapis, formų pildytojas ir kt.). ═══ 🔒 PRIVATUMAS PIRMIAUSIA ═══ DevSuite Pro veikia saugiai jūsų Chrome naršyklėje. Jokios telemetrijos, analizės ar trečiųjų šalių sekimo SDK. Jūsų kodas, ekrano nuotraukos, JSON, regex, API raktai ir slapukai niekada nepalieka įrenginio. Licencija siunčia tik raktą — niekada turinio ar istorijos. 🚀 Pagreitinkite savo darbą! Nustokite jungti skirtukus ir diegti 30 plėtinių. Įdiekite DevSuite Pro — vienintelį įrankių rinkinį, kurio jums reikės. Jei DevSuite Pro sutaupo laiko, paremkite mus 5 žvaigždučių atsiliepimu.