Parim Arendaja tööriistakomplekti laiendus veebidisaini ja -arenduse jaoks

39+ võimsat tööriista veebilehtede uurimiseks, mõõtmiseks, jäädvustamiseks, analüüsimiseks ja kujundamiseks otse teie brauseris.

Kõik Lemmikud Uurimine Jäädvustus Mõõtmine index.popup_tab_analyse
CSS Inspector
Animatsiooni inspektor
Kopeeri Tailwind'ina
Ainult piirjoonte režiim
Tailwind Helper
Lehekülje piirjooned
Komponentide tuvastaja
Liiguta elementi
Kustuta/Peida element
Ekspordi element
Kopeeri komponen..
Ekraanipilt
Eralda pildid
SVG Grabber
Pildi asendaja
QR-koodi generaator
Kuidas alustada

Alusta DevSuite Pro kasutamist vaid mõne klikiga

Alustamine on lihtne. Paigalda laiendus, ava mis tahes veebileht ja pääse ligi 39+ arendustööriistale hüpikakna või ujuva doki kaudu. Seadistamist pole vaja.

Lisa laiendus Chrome'i

  1. Ava Chrome'i veebipood ja otsi "DevSuite Pro" laiendust.
  2. Klõpsa "Lisa Chrome'i" ja kinnita, klõpsates hüpikaknas "Lisa laiendus".

Ava mis tahes veebileht ja käivita tööriist

  1. Mine mis tahes webilehele, seejärel klõpsa DevSuite Pro ikooni tööriistaribal or kasuta ujuvat dokki lehel.
  2. Vali mis tahes tööriist ruudustikust. Tööriistad nagu CSS Inspector, Joonlauad või Värvivalija aktiveeruvad kohe praegusel lehel.
Laienduse funktsioonid

DevSuite Pro põhifunktsioonid

DevSuite Pro pakub 39+ arendustööriista veebilehtede uurimiseks, mõõtmiseks, kujundamiseks ja analüüsimiseks. Kiirendage oma töövoogu võimsate funktsioonidega, mis on otse teie brauserisse ehitatud.

CSS Inspector

Liigutage hiirekursor mis tahes elemendi kohale, et kohe vaadata ja muuta selle CSS-stiile reaalajas, muutes silumise ja disaini kohandamise lihtsaks.

Loe lähemalt →
Elemendi inspektor

Klõpsake mis tahes elementi, et uurida selle omadusi, mõõtmeid, vahedeid, fonte ja värve. Mõistke lehe struktuuri kohe ilma brauseri arendustööriistu avamata.

Joonlauad ja juhikud

Mõõtke vahemaid, kontrollige joondust ning lisage pikslitäpseid joonlaudu ja juhikuid mis tahes veebilehele, et tagada teie disainide täiuslik joondus.

Värvivalija

Valige värve mis tahes leheelemendist ja kopeerige HEX, RGB või HSL väärtused lõikelauale ühe klikiga.

Ekraanipildi jäädvustus

Jäädvustage terve lehe või nähtava ala ekraanipilte mis tahes veebilehest ja laadige need kohe alla — ideaalne disainide jagamiseks ja vigade raporteerimiseks.

Reageeriva disaini testija

Vaadake mis tahes webilehte erinevatel ekraanisuurustel ja seadme resolutsioonidel, et testida reageerivat disaini brauserist lahkumata.

Uurige rohkem tööriistu üksikasjalikult:
CSS Inspector TASUTA

Uurige ja redigeerige CSS-stiile reaalajas

Silu ja Juhi CSS Animatsioone Reaalajas

Teisenda Mis Tahes Elemendi CSS Tailwind Utiliidiklassideks

Visualiseeri Mis Tahes Lehe Täielikku Paigutuse Struktuuri

Hangi Kategoriseeritud Tailwind Klassid Mis Tahes Elemendi Jaoks

Visuaalne HTML Puuvaade Mis Tahes Veebilehel

Tuvasta React, Vue, Angular ja Svelte Komponendid Mis Tahes Saidil

Lohista ja Pillu, et Repositsioneerida Mis Tahes Element Lehel

Eemalda või Lülita Mis Tahes Elemendi Nähtavus

Ekspordi Mis Tahes Element HTML, CSS või JSON Vormingus

Genereeri React, Vue ja Svelte Komponendid Mis Tahes Elemendist

Ekraanipilt TASUTA

Tee Nähtava Ala või Täislehe Ekraanipilte

Vaata, Vali ja Lae Alla Kõik Pildid Mis Tahes Veebilehelt

Leia, Eelvaata ja Lae Alla Iga SVG Mis Tahes Lehel

Vaheta Mis Tahes Pilt Lehel Oma Omaga

Genereeri QR Koodid Mis Tahes URL-i või Teksti Jaoks Koheselt

Lehe Joonlaud TASUTA

Pikslitäpsed Joonlauad, Juhised ja Mõõtmised Igal Lehel

Eelvaata Mitut Seadme Vaateava Samaaegselt

Mõõda Täpseid Pikslite Kaugusi Kahe Elemendi Vahel

Visualiseeri Iga Virnamiskontekst ja Z-Indeksi Kiht

Inspekteeri CSS Grid ja Flexbox Paigutusi Visuaalsete Kihistustega

Simuleeri Kasutaja Tähelepanu Kuumapunkte Igal Lehel

Valikuliselt Kustuta Vahemälu, Küpsised, localStorage ja sessionStorage

Tuvasta Iga Veebisaidi Taga Peiduv Tehnoloogia

SEO Inspektor TASUTA

Põhjalik SEO Audit: Meta Sildid, Pealkirjad, OpenGraph ja Rohkem

Automatiseeritud WCAG Audit: Kontrastsus, Alt Tekst, ARIA ja Rohkem

Klõpsa Mis Tahes Tekstil Mis Tahes Lehel, Et Seda Kohe Muuta

Vaheta Mis Tahes Font Globaalselt või Elemendi Kaupa Google Fontsist

Avasta Iga Font, Mida Mis Tahes Veebilehel Kasutatakse

Värvivalija TASUTA

Täpne Silmatilguti HEX, RGB ja HSL Värviväärtustele

Värviplett TASUTA

Ekstraheeri Täielik Värviplett Mis Tahes Veebilehelt

Rakenda Tumedat Režiimi Mis Tahes Veebisaidile Koheselt

Lülita JavaScript Koheselt Sisse või Välja Lehe Kaupa

Vaata, Muuda, Lisa ja Kustuta Küpsiseid Mis Tahes Domeeni Jaoks

Vaata Konsooli Väljundit Ujuvas Paneelis — Ilma DevToolsita

Jälgi Kõiki Võrgupäringuid Reaalajas

Vaata, Muuda, Lisa ja Kustuta localStorage ja sessionStorage

Skanni Iga Link Lehel ja Leia Katkised

Lehe Jõudlus TASUTA

Kohene Jõudluse Armatuurlaud: Laadimisaeg, DOM Statistika ja Ressursid

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

JWT Debugger TASUTA

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

Regex Tester TASUTA

Test Regular Expressions Live With Match Highlighting

Convert Unix, ISO, and Human-Readable Dates

Diff Tool TASUTA

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

CORS Checker TASUTA

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

XML Formatter TASUTA

Format, Validate & View XML With Syntax Highlighting

SQL Formatter TASUTA

Beautify & Format SQL Queries

Save Web Pages As Clean PDFs

Hinnakiri ja paketid

Lihtne ja läbipaistev hinnakiri

Valige pakett, mis sobib teie töövooga. Alustage tasuta, uuendage igal ajal.

Baas

Ideaalne DevSuite Pro proovimiseks. Krediitkaarti pole vaja.

$0

Tasuta igavesti
Alusta tasuta
  • 20 tasuta arendustööriista
  • CSS Inspector ja värvivalija
  • Ekraanipildi jäädvustus
  • Ujuv dokiliides
  • Kõik tulevased tasuta uuendused
Igakuine Kõige populaarsem

Täielik juurdepääs kõigile 39+ professionaalsele tööriistale. Arveldus igakuiselt.

$2.99

kuus
Alusta kuupaketti
  • Kõik 39+ arendustööriista
  • Täielik juurdepääs Pro tööriistadele
  • Kuni 3 seadet
  • Prioriteetne tugi
  • Tühistage igal ajal
Ühekordne Parim väärtus

Maksa korra, kasuta igavesti. Täielik juurdepääs kõigile 39+ pro tööriistadele ilma korduvate tasudeta.

$29.99

ühekordne makse
Osta korra, kasuta igavesti
  • Kõik 39+ arendustööriista
  • Täielik juurdepääs Pro tööriistadele
  • Kuni 3 seadet
  • Prioriteetne tugi
  • Ei korduvaid tasusid
DevSuite Pro FAQ section background
KKK

DevSuite Pro kasutajate korduma kippuvad küsimused

Levinumad küsimused DevSuite Pro laienduse funktsioonide ja kasutamise kohta. Kui teil on küsimus, võib see olla juba allpool vastatud.

Kuidas paigaldada DevSuite Pro?

Külastage Chrome'i veebipoodi, otsige "DevSuite Pro", klõpsake "Lisa Chrome'i" ja kinnitage, valides "Lisa laiendus". Pärast paigaldamist ilmub laienduse ikoon teie brauseri tööriistaribale. Klõpsake sellel, et pääseda kohe ligi 39+ arendustööriistale.

Mis vahe on tasuta ja Pro tööriistadel?

Tasuta tööriistad (20+) on kõigile kättesaadavad ilma litsentsita. Pro tööriistad on märgistatud kuldse PRO märgiga ja nõuavad aktiivset Pro litsentsi. Hüpikaknas näete, millised tööriistad on tasuta ja millised pro — tasuta tööriistadel pole lukuikooni, samas pro tööriistad kuvatakse veidi tuhmimalt, kuni aktiveerite oma litsentsi.

Miks ei tööta mõni tööriist teatud veebilehtedel?

Mõnedel veebilehtedel on ranged sisuturbepoliitikad (CSP), mis blokeerivad teatud brauserilaienduse toiminguid. See on eriti levinud panga- ja riigilehtedel. Lisaks ei luba Chrome'i siselehed (chrome://) laiendustel sisuskripte käivitada.

Kas minu muudatused lehele on püsivad?

Ei. Kõik tööriistadega nagu Liiguta elementi, Teksti reaalajas redigeerija, Kustuta/Peida element ja CSS Inspector tehtud muudatused on ajutised. Need mõjutavad ainult seda, mida praegu oma brauseris näete. Lehe uuesti laadimine taastab kõik algsesse olekusse.

Kuidas aktiveerida oma Pro litsentsi?

Avage DevSuite Pro hüpikaken, klõpsake paremas ülanurgas olevat seadete ikooni. Kerige alla litsentsi sektsiooni, kleepige oma litsentsivõti sisestusväljale ja klõpsake Aktiveeri. Kui võti on kehtiv, muutub märgis FREE-lt PRO-ks ja kõik pro tööriistad avatakse kohe.

Kuidas liigutada või peita ujuvat dokki?

Saate dokki liigutada, minnes seadetesse ja valides teise küljeriba asukoha — Ülemine, Alumine, Vasakul või Paremal. Saate doki ka täielikult peita, lülitades seadetes välja "Kuva dokk lehtedel" või vajutades igal ajal Ctrl+Shift+X.

Kas DevSuite Pro kogub sirvimisandmeid?

Ei. DevSuite Pro ne kogu, jälgi ega edasta teie sirvimisandmeid. Kõik seaded salvestatakse lokaalselt teie brauseris. Ainus väline päring tehakse litsentsivõtme aktiveerimisel teie võtme kontrollimiseks meie serveris.

Kas ma saan DevSuite Pro't kasutada Firefoxis?

Jah! DevSuite Pro on saadaval nii Chrome'i veebipoes kui ka Firefoxi lisandmoodulites. See töötab Chrome'is, Edge'is, Brave'is ja teistes Chromiumil põhinevates brauserites, samuti Firefoxis.