DevSuite Pro

Labākais Izstrādātāju rīku komplekts tīmekļa dizainam un izstrādei

39+ jaudīgu rīku tīmekļa lapu pārbaudei, mērīšanai, tveršanai, analīzei un dizainam tieši jūsu pārlūkā.

Pievienot pārlūkam Chrome Pievienot pārlūkam FireFox Pievienot Edge

Kā sākt

Sāciet lietot DevSuite Pro tikai ar dažiem klikšķiem

Sākt ir vienkārši. Instalējiet paplašinājumu, atveriet jebkuru tīmekļa lapu un piekļūstiet 39+ izstrādātāju rīkiem no uznirstošā loga vai peldošā doka. Nav nepieciešama konfigurācija.

Pievienojiet paplašinājumu pārlūkam Chrome

Atveriet Chrome Web Store un meklējiet paplašinājumu "DevSuite Pro".
Noklikšķiniet uz "Pievienot pārlūkam Chrome" un apstipriniet, noklikšķinot "Pievienot paplašinājumu" uznirstošajā logā.

Atveriet jebkuru tīmekļa lapu un palaidiet rīku

Pārejiet uz jebkuru tīmekļa vietni, pēc tam noklikšķiniet uz DevSuite Pro ikonas rīkjoslā vai izmantojiet peldošo doku lapā.
Izvēlieties jebkuru rīku no režģa. Rīki kā CSS Inspector, Lineāli vai Krāsu izvēlētājs tiek aktivizēti uzreiz pašreizējā lapā.

Paplašinājuma funkcijas

Galvenās DevSuite Pro funkcijas

DevSuite Pro piedāvā 39+ izstrādātāju rīkus tīmekļa lapu pārbaudei, mērīšanai, dizainam un analīzei. Uzlabojiet savu darba plūsmu ar jaudīgām funkcijām, kas iebūvētas tieši jūsu pārlūkā.

CSS Inspector

Virziet kursoru pār jebkuru elementu, lai uzreiz apskatītu un rediģētu tā CSS stilus tiešraidē, padarot vieglāku kļūdu labošanu un dizaina pielāgošanu reāllaikā.

Uzziniet vairāk →

Elementu inspektors

Noklikšķiniet uz jebkura elementa, lai pārbaudītu tā īpašības, izmērus, atstarpes, fontus un krāsas. Uzreiz izprotiet lapas struktūru, neatverot pārlūka DevTools.

Lineāli un vadlīnijas

Mēriet attālumus, pārbaudiet līdzināšanu un pievienojiet pikseļu precizitātes lineālus un vadlīnijas jebkurā tīmekļa lapā, lai nodrošinātu, ka jūsu dizaini ir pilnīgi līdzināti.

Krāsu izvēlētājs

Izvēlieties krāsas no jebkura elementa lapā un kopējiet HEX, RGB vai HSL vērtības starpliktuvē ar vienu klikšķi.

Ekrānuzņēmuma tveršana

Tveriet visas lapas vai redzamā apgabala ekrānuzņēmumus jebkurā tīmekļa lapā un lejupielādējiet tos uzreiz — lieliski piemērots dizainu kopīgošanai un kļūdu ziņošanai.

Responsivitātes testeris

Priekšskatiet jebkuru tīmekļa lapu dažādos ekrāna izmēros un ierīču izšķirtspējās, lai testētu responsīvo dizainu, neatstājot pārlūku.

Izpētiet citus rīkus sīkāk:

CSS Inspektors BEZMAKSAS

Pārbaudiet un rediģējiet CSS stilus reāllaikā

Animāciju inspektors PRO

Atkļūdojiet un kontrolējiet CSS animācijas reāllaikā

Kopēt kā Tailwind PRO

Pārveidojiet jebkura elementa CSS par Tailwind klasēm

Kontūru režīms BEZMAKSAS

Vizualizējiet pilnīgu lapas izkārtojuma struktūru

Tailwind palīgs PRO

Iegūstiet kategorizētas Tailwind klases jebkuram elementam

Lapas skatītājs BEZMAKSAS

Vizuāls HTML koka skats jebkurā lapā

Komponentu detektors PRO

Atklājiet React, Vue, Angular un Svelte komponentus

Pārvietot elementu PRO

Velciet un nometiet, lai pārvietotu jebkuru elementu

Dzēst/Slēpt elementu BEZMAKSAS

Noņemiet vai pārslēdziet jebkura elementa redzamību

Eksportēt elementu PRO

Eksportējiet jebkuru elementu kā HTML, CSS vai JSON

Kopēt komponenta kodu PRO

Ģenerējiet React, Vue un Svelte komponentus no jebkura elementa

Ekrānuzņēmums BEZMAKSAS

Uzņemiet redzamo apgabalu vai pilnu lapu

Izvilkt attēlus BEZMAKSAS

Skatiet, atlasiet un lejupielādējiet visus attēlus no jebkuras lapas

SVG tvērējs PRO

Atrodiet, priekšskatiet un lejupielādējiet katru SVG jebkurā lapā

Attēlu aizstājējs PRO

Aizstājiet jebkuru attēlu lapā ar savu

QR kodu ģenerators BEZMAKSAS

Nekavējoties ģenerējiet QR kodus jebkuram URL vai tekstam

Lapas lineāls BEZMAKSAS

Pikseļu precīzi lineāli, vadlīnijas un mērījumi jebkurā lapā

Responsīvais skatītājs PRO

Priekšskatiet vairākas ierīces vienlaicīgi

Izmērīt attālumu BEZMAKSAS

Izmēriet precīzu pikseļu attālumu starp jebkuriem diviem elementiem

Z-Index inspektors PRO

Vizualizējiet kārtošanas kontekstus un z-index slāņus

Grid/Flex vizualizators PRO

Pārbaudiet CSS Grid un Flexbox izkārtojumus ar vizuāliem pārklājumiem

Siltumkartes simulators PRO

Simulējiet lietotāju uzmanības karsto punktu

Notīrīt pārlūkošanas datus BEZMAKSAS

Selektīvi notīriet kešatmiņu, sīkfailus, localStorage un sessionStorage

Tehnoloģiju kaudze PRO

Atklājiet katru tehnoloģiju aiz jebkuras vietnes

SEO inspektors BEZMAKSAS

Visaptverošs SEO audits: Meta tagi, virsraksti, OpenGraph un vairāk

Pieejamības inspektors PRO

Automatizēts WCAG audits: Kontrasts, Alt teksts, ARIA un vairāk

Tiešraides teksta redaktors BEZMAKSAS

Noklikšķiniet uz jebkura teksta lapā, lai nekavējoties rediģētu

Fontu mainītājs PRO

Nomainiet jebkuru fontu globāli vai konkrētam elementam

Visu fontu saraksts BEZMAKSAS

Atklājiet katru fontu izmantotu jebkurā lapā

Krāsu izvēlētājs BEZMAKSAS

Precīzs pipetes rīks HEX, RGB un HSL vērtībām

Krāsu palete BEZMAKSAS

Izvelciet pilnīgu krāsu paleti no jebkuras lapas

Piespiest tumšo režīmu BEZMAKSAS

Nekavējoties piemērojiet tumšo režīmu jebkurai vietnei

Pārslēgt JavaScript BEZMAKSAS

Nekavējoties ieslēdziet vai izslēdziet JavaScript pašreizējai cilnei

Sīkfailu redaktors BEZMAKSAS

Skatiet, rediģējiet, pievienojiet un dzēsiet sīkfailus

Konsoles reģistrētājs BEZMAKSAS

Skatiet konsoles izvadi peldošā panelī — bez DevTools

Tīkla monitors PRO

Uzraugiet visus tīkla pieprasījumus reāllaikā

Lokālās krātuves redaktors BEZMAKSAS

Skatiet un rediģējiet localStorage un sessionStorage

Bojāto saišu pārbaudītājs PRO

Skenējiet katru saiti lapā un atrodiet bojātās

Lapas veiktspēja BEZMAKSAS

Tūlītējs veiktspējas panelis: ielādes laiks, DOM statistika un resursi

JSON Formatter BEZMAKSAS

Format, Minify & Validate JSON in a Click

Base64 Encode / Decode BEZMAKSAS

Encode Strings To & From Base64 Instantly

URL Encoder / Decoder BEZMAKSAS

Encode & Decode URL Strings in One Click

HTML Entity Encoder BEZMAKSAS

Encode & Decode HTML Entities Instantly

Backslash Escape / Unescape BEZMAKSAS

Escape & Unescape Strings for Code

Image ↔ Base64 BEZMAKSAS

Convert Images To & From Base64 Data URIs

JWT Debugger BEZMAKSAS

Decode JSON Web Tokens Instantly

UUID Generator BEZMAKSAS

Generate Bulk UUID v4 Identifiers

Hash Generator BEZMAKSAS

Compute MD5, SHA-1, SHA-256, SHA-384, SHA-512 Hashes

Password Generator BEZMAKSAS

Generate Cryptographically Strong Passwords

Regex Tester BEZMAKSAS

Test Regular Expressions Live With Match Highlighting

Timestamp Converter BEZMAKSAS

Convert Unix, ISO, and Human-Readable Dates

Diff Tool BEZMAKSAS

Compare Two Text Blocks Line By Line

Contrast Checker BEZMAKSAS

Check WCAG Contrast Ratio of Any Two Colors

Color Format Converter BEZMAKSAS

Convert HEX, RGB, HSL, HSV & OKLCH Instantly

Image Color Extractor BEZMAKSAS

Extract The Dominant Palette From Any Image

DOM Path Finder PRO

Get CSS Selectors & XPath For Any Element

CORS Checker BEZMAKSAS

Test Cross-Origin Requests & Inspect CORS Headers

WebSocket Inspector PRO

Capture WebSocket Frames in Real Time

Broken Image Finder BEZMAKSAS

Scan The Page For Broken Images Instantly

Form Filler PRO

Auto-Fill Forms With Realistic Test Data

CSV ↔ JSON Converter BEZMAKSAS

Convert Between CSV and JSON in Either Direction

XML Formatter BEZMAKSAS

Format, Validate & View XML With Syntax Highlighting

SQL Formatter BEZMAKSAS

Beautify & Format SQL Queries

Convert to PDF BEZMAKSAS

Save Web Pages As Clean PDFs

Cenas un plāni

Vienkārša un pārredzama cenu noteikšana

Izvēlieties savai darba plūsmai piemērotāko plānu. Sāciet bez maksas, jauniniet jebkurā laikā.

Pamata

Lieliski piemērots DevSuite Pro izmēģināšanai. Kredītkarte nav nepieciešama.

$0

Bezmaksas uz visiem laikiem

Sākt bez maksas

20 bezmaksas izstrādātāju rīki
CSS Inspector un krāsu izvēlētājs
Ekrānuzņēmumu tveršana
Peldoša doka saskarne
Visi nākotnes bezmaksas atjauninājumi

Mēneša Populārākais

Pilna piekļuve visiem 39+ profesionālajiem rīkiem. Rēķins katru mēnesi.

$2.99

mēnesī

Sākt mēneša plānu

Visi 39+ izstrādātāju rīki
Pilna piekļuve Pro rīkiem
Līdz 3 ierīcēm
Prioritārs atbalsts
Atcelt jebkurā laikā

Vienreizējs Labākā vērtība

Maksājiet vienu reizi, izmantojiet mūžīgi. Pilna piekļuve visiem 39+ pro rīkiem bez atkārtotiem maksājumiem.

$29.99

vienreizējs maksājums

Pērciet vienu reizi, izmantojiet mūžīgi

Visi 39+ izstrādātāju rīki
Pilna piekļuve Pro rīkiem
Līdz 3 ierīcēm
Prioritārs atbalsts
Nav atkārtotu maksājumu

BUJ

Biežāk uzdotie jautājumi no DevSuite Pro lietotājiem

Bieži jautājumi par DevSuite Pro paplašinājuma funkcijām un lietošanu. Ja jums ir jautājums, atbilde, iespējams, jau atrodas zemāk.

Kā instalēt DevSuite Pro?

Apmeklējiet Chrome Web Store, meklējiet "DevSuite Pro", noklikšķiniet uz "Pievienot pārlūkam Chrome" un apstipriniet, izvēloties "Pievienot paplašinājumu". Pēc instalēšanas paplašinājuma ikona parādīsies jūsu pārlūka rīkjoslā. Noklikšķiniet uz tās, lai uzreiz piekļūtu 39+ izstrādātāju rīkiem.

Kāda ir atšķirība starp bezmaksas un Pro rīkiem?

Bezmaksas rīki (20+) ir pieejami visiem bez licences. Pro rīki ir atzīmēti ar zelta PRO nozīmīti un prasa aktīvu Pro licenci. Uznirstošajā logā varat redzēt, kuri rīki ir bezmaksas un kuri pro — bezmaksas rīkiem nav slēdzenes ikonas, bet pro rīki izskatās nedaudz aptumšoti, līdz aktivizējat savu licenci.

Kāpēc rīks nedarbojas dažās tīmekļa vietnēs?

Dažām tīmekļa vietnēm ir stingras satura drošības politikas (CSP), kas bloķē noteiktas pārlūka paplašinājumu darbības. Tas ir īpaši izplatīts banku un valdības vietnēs. Turklāt Chrome iekšējās lapas (chrome://) neļauj paplašinājumiem palaist satura skriptus.

Vai manas izmaiņas lapā yra pastāvīgas?

Nē. Visas izmaiņas, ko veic rīki kā Pārvietot elementu, Tiešsaistes teksta redaktors, Dzēst/Slēpt elementu un CSS Inspector, ir pagaidu. Tās ietekmē tikai to, ko redzat savā pārlūkā šobrīd. Lapas pārlādēšana atjaunos visu sākotnējā stāvoklī.

Kā aktivizēt savu Pro licenci?

Atveriet DevSuite Pro uznirstošo logu, noklikšķiniet uz Iestatījumu ikonas augšējā labajā stūrī. Ritiniet uz leju līdz Licences sadaļai, ielīmējiet savu licences atslēgu ievades laukā un noklikšķiniet Aktivizēt. Ja atslēga ir derīga, nozīmīte mainīsies no FREE uz PRO un visi pro rīki tiks uzreiz atbloķēti.

Kā pārvietot vai paslēpt peldošo doku?

Doku varat pārvietot, dodoties uz Iestatījumiem un izvēloties citu sānjoslas pozīciju — Augšā, Apakšā, Pa kreisi vai Pa labi. Doku varat arī pilnībā paslēpt, izslēdzot "Rādīt doku lapās" Iestatījumos vai jebkurā brīdī nospiežot Ctrl+Shift+X.

Vai DevSuite Pro vāc pārlūkošanas datus?

Nē. DevSuite Pro nevāc, neseko un nepārsūta jūsu pārlūkošanas datus. Visi iestatījumi tiek glabāti lokāli jūsu pārlūkā. Vienīgais ārējais pieprasījums tiek veikts licences atslēgas aktivizēšanas laikā, lai verificētu jūsu atslēgu mūsu serverī.

Vai varu lietot DevSuite Pro pārlūkā Firefox?

Jā! DevSuite Pro ir pieejams gan Chrome Web Store, gan Firefox Add-ons. Tas darbojas pārlūkos Chrome, Edge, Brave un citos uz Chromium balstītos pārlūkos, kā arī Firefox.