Lisa laiendus Chrome'i
- Ava Chrome'i veebipood ja otsi "DevSuite Pro" laiendust.
- Klõpsa "Lisa Chrome'i" ja kinnita, klõpsates hüpikaknas "Lisa laiendus".
39+ võimsat tööriista veebilehtede uurimiseks, mõõtmiseks, jäädvustamiseks, analüüsimiseks ja kujundamiseks otse teie brauseris.
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.
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.
Liigutage hiirekursor mis tahes elemendi kohale, et kohe vaadata ja muuta selle CSS-stiile reaalajas, muutes silumise ja disaini kohandamise lihtsaks.
Loe lähemalt →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.
Mõõtke vahemaid, kontrollige joondust ning lisage pikslitäpseid joonlaudu ja juhikuid mis tahes veebilehele, et tagada teie disainide täiuslik joondus.
Valige värve mis tahes leheelemendist ja kopeerige HEX, RGB või HSL väärtused lõikelauale ühe klikiga.
Jäädvustage terve lehe või nähtava ala ekraanipilte mis tahes veebilehest ja laadige need kohe alla — ideaalne disainide jagamiseks ja vigade raporteerimiseks.
Vaadake mis tahes webilehte erinevatel ekraanisuurustel ja seadme resolutsioonidel, et testida reageerivat disaini brauserist lahkumata.
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
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
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
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
Täpne Silmatilguti HEX, RGB ja HSL Värviväärtustele
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
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
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
Valige pakett, mis sobib teie töövooga. Alustage tasuta, uuendage igal ajal.
Levinumad küsimused DevSuite Pro laienduse funktsioonide ja kasutamise kohta. Kui teil on küsimus, võib see olla juba allpool vastatud.
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.
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.
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.
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.
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.
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.
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.
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.