Zana ya Mwisho ya Wasanidi Programu kwa Usanifu na Maendeleo ya Wavuti

Zana 39+ zenye nguvu za kukagua, kupima, kunasa, kuchanganua na kusanifu kurasa za wavuti moja kwa moja kwenye kivinjari chako.

Zote Vipendwa Kagua Nasa Pima index.popup_tab_analyse
CSS Inspector
Mkaguzi wa Uhuishaji
Nakili kama Tailwind
Njia ya Muhtasari Tu
Msaidizi wa Tailwind
Muhtasari wa Ukurasa
Kigunduzi cha Sehemu
Hamisha Kipengele
Futa/Ficha Kipengele
Hamisha Kipengele Nje
Nakili Sehemu
Picha ya Skrini
Andaa Picha
SVG Grabber
Badilisha Picha
Kizalishaji cha QR Code
Jinsi ya kuanza

Anza kutumia DevSuite Pro kwa mibofyo michache tu

Kuanza ni rahisi. Sakinisha kiendelezi, fungua ukurasa wowote wa wavuti na ufikie zana 39+ za wasanidi kutoka kwenye kidukizo au dokezi inayoelea. Hakuna usanidi unaohitajika.

Ongeza kiendelezi kwenye Chrome

  1. Fungua Chrome Web Store na utafute kiendelezi cha "DevSuite Pro".
  2. Bofya kwenye "Ongeza kwenye Chrome" na kisha uthibitishe kwa kubofya "Ongeza kiendelezi" kwenye kidirisha cha kidukizo.

Fungua ukurasa wa wavuti na uanzishe zana

  1. Nenda kwenye tovuti yoyote, kisha bofya aikoni ya DevSuite Pro kwenye upau wa zana au utumie dokezi inayoelea kwenye ukurasa.
  2. Chagua zana yoyote kutoka kwenye gridi. Zana kama CSS Inspector, Rula au Kichagua Rangi huwashwa papo hapo kwenye ukurasa wa sasa.
Vipengele vya Kiendelezi

Vipengele Muhimu vya DevSuite Pro

DevSuite Pro hutoa zana 39+ za wasanidi kwa ajili ya ukaguzi, upimaji, usanifu na uchambuzi wa kurasa za wavuti. Harakisha utiririshaji wako wa kazi kwa vipengele vyenye nguvu vilivyojengwa moja kwa moja kwenye kivinjari chako.

CSS Inspector

Elekeza kipanya juu ya kipengele chochote ili kuona mitindo yake ya CSS papo hapo na kuihariri moja kwa moja, hivyo kufanya iwe rahisi kutatua na kurekebisha miundo kwa muda halisi.

Jifunze zaidi →
Mkaguzi wa Kipengele

Bofya kwenye kipengele chochote ili kukagua sifa zake, vipimo, nafasi, fonti na rangi. Elewa muundo wa ukurasa mara moja bila kufungua DevTools za kivinjari.

Rula na Miongozo

Pima umbali, angalia upangaji na uongeze rula na miongozo kamili ya pikseli kwenye ukurasa wowote wa wavuti ili kuhakikisha miundo yako imepangwa vizuri.

Kichagua Rangi

Chagua rangi kutoka kwa kipengele chochote kwenye ukurasa na nakili thamani za HEX, RGB au HSL kwenye ubao wako wa kunakili kwa mbofyo mmoja.

Picha ya Skrini

Piga picha za skrini za ukurasa mzima au eneo linaloonekana kwenye ukurasa wowote wa wavuti na uzipakue papo hapo — ni bora kwa kushiriki miundo na kuripoti hitilafu.

Jaribio la Kuitikia

Hakiki ukurasa wowote wa wavuti katika saizi tofauti za skrini na ubora wa vifaa ili kujaribu muundo unaoitikia bila kuondoka kwenye kivinjari chako.

Gundua zana zaidi kwa undani:

Kagua na uhariri mitindo ya CSS kwa wakati halisi

Rekebisha na dhibiti uhuishaji wa CSS kwa wakati halisi

Badilisha CSS ya kipengele chochote kuwa madarasa ya Tailwind

Onyesha muundo kamili wa mpangilio wa ukurasa

Pata madarasa ya Tailwind yaliyoainishwa kwa kipengele chochote

Muonekano wa mti wa HTML kwenye ukurasa wowote

Gundua vipengele vya React, Vue, Angular na Svelte

Buruta na uache kusogeza kipengele chochote

Ondoa au badilisha uonekano wa kipengele chochote

Hamisha kipengele chochote kama HTML, CSS au JSON

Tengeneza vipengele vya React, Vue na Svelte kutoka kipengele chochote

Nasa eneo linaloonekana au ukurasa mzima

Toa Picha BURE

Angalia, chagua na pakua picha zote kutoka ukurasa wowote

Tafuta, kagua na pakua kila SVG kwenye ukurasa wowote

Badilisha picha yoyote kwenye ukurasa na yako

Zalisha misimbo ya QR mara moja kwa URL au maandishi yoyote

Rula, miongozo na vipimo vya pikseli sahihi kwenye ukurasa wowote

Kagua muonekano wa vifaa vingi kwa wakati mmoja

Pima umbali sahihi wa pikseli kati ya vipengele viwili vyovyote

Onyesha muktadha wa kupanga na tabaka za z-index

Kagua mpangilio wa CSS Grid na Flexbox kwa uwekaji wa kuona

Iga maeneo ya moto ya umakini wa watumiaji

Safisha kwa uchaguzi kache, vidakuzi, localStorage na sessionStorage

Gundua kila teknolojia nyuma ya tovuti yoyote

Ukaguzi kamili wa SEO: Lebo za Meta, Vichwa, OpenGraph na zaidi

Ukaguzi wa kiotomatiki wa WCAG: Utofautishaji, Maandishi ya Alt, ARIA na zaidi

Bonyeza maandishi yoyote kwenye ukurasa na uyahariri mara moja

Badilisha fonti yoyote kwa ujumla au kwa kipengele maalum

Gundua kila fonti inayotumika kwenye ukurasa wowote

Zana sahihi ya kipekee kwa thamani za HEX, RGB na HSL

Toa paleti kamili ya rangi kutoka ukurasa wowote

Tumia hali ya giza kwenye tovuti yoyote mara moja

Washa au zima JavaScript mara moja kwa kichupo cha sasa

Angalia, hariri, ongeza na futa vidakuzi

Angalia matokeo ya konsoli katika paneli inayoelea — bila DevTools

Fuatilia maombi yote ya mtandao kwa wakati halisi

Angalia na uhariri localStorage na sessionStorage

Kagua kila kiungo kwenye ukurasa na utafute vilivyovunjika

Dashibodi ya papo hapo ya utendaji: muda wa kupakia, takwimu za DOM na rasilimali

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

Diff Tool BURE

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

Bei na Mipango

Bei Rahisi na Wazi

Chagua mpango bora kwa mtiririko wako wa kazi. Anza bila malipo, pata toleo jipya wakati wowote.

Msingi

Inafaa kabisa kwa kujaribu DevSuite Pro. Hakuna kadi ya mkopo inayohitajika.

$0

Bure Milele
Anza Bure
  • Zana 20 za wasanidi za bure
  • CSS Inspector na Kichagua Rangi
  • Upigaji wa picha ya skrini
  • Kiolesura cha dokezi inayoelea
  • Sasisho zote za bure za kileo
Kila Mwezi Maarufu Zaidi

Ufikiaji kamili wa zana zote 39+ za kitaalamu. Inatozwa kila mwezi.

$2.99

kwa mwezi
Anza Mpango wa Kila Mwezi
  • Zana zote 39+ za wasanidi
  • Ufikiaji kamili wa Zana za Pro
  • Hadi vifaa 3
  • Usaidizi wa Kipaumbele
  • Ghairi wakati wowote
Mara Moja Thamani Bora

Lipa mara moja, tumia milele. Ufikiaji kamili wa zana zote 39+ pro bila gharama za mara kwa mara.

$29.99

malipo ya mara moja
Nunua Mara Moja, Tumia Milele
  • Zana zote 39+ za wasanidi
  • Ufikiaji kamili wa Zana za Pro
  • Hadi vifaa 3
  • Usaidizi wa Kipaumbele
  • Hakuna gharama za mara kwa mara
DevSuite Pro FAQ section background
Maswali Yanayoulizwa Sana

Maswali Yanayoulizwa Sana kutoka kwa Watumiaji wa DevSuite Pro

Maswali ya kawaida kuhusu vipengele na matumizi ya kiendelezi cha DevSuite Pro. Ikiwa una swali, jibu linaweza kuwa tayari hapa chini.

Je, ninasakinishaje DevSuite Pro?

Tembelea Chrome Web Store, tafuta "DevSuite Pro", bofya "Add to Chrome" na uthibitishe kwa kuchagua "Add Extension". Baada ya kusakinishwa, aikoni ya kiendelezi itaonekana kwenye upau wa zana wa kivinjari chako. Ibofye ili upate ufikiaji wa papo hapo wa zana 39+ za wasanidi.

Kuna tofauti gani kati ya zana za Bure na Pro?

Zana za bure (20+) zinapatikana kwa kila mtu bila leseni. Zana za Pro zina beji ya dhahabu ya PRO na zinahitaji leseni inayotumika ya Pro ili kutumika. Unaweza kuona ni zana zipi ni za bure au pro kutoka kwa kidukizo — zana za bure hazina aikoni ya kufuli, huku zana za pro zinaonekana kuwa zimefifia kidogo hadi utakapowasha leseni yako.

Kwa nini zana haifanyi kazi kwenye baadhi ya tovuti?

Baadhi ya tovuti zina Sera kali za Usalama wa Maudhui (CSP) ambazo huzuia baadhi ya vitendo kutoka kwa viendelezi vya kivinjari. Hii ni kawaida sana kwenye tovuti za benki na serikali. Kwa kuongezea, kurasa za ndani za Chrome (chrome://) haziruhusu viendelezi kuanzisha hati za maudhui.

Je, mabadiliko yangu kwenye ukurasa ni ya kudumu?

Hapana. Mabadiliko yote yanayofanywa na zana kama Hamisha Kipengele, Kihariri cha Maandishi Moja kwa Moja, Futa/Ficha Kipengele na CSS Inspector ni ya muda. Zinaathiri tu kile unachokiona kwenye kivinjari chako kwa sasa. Kupakia upya ukurasa kutarejesha kila kitu katika hali yake ya awali.

Je, nitawashaje leseni yangu ya Pro?

Fungua kidukizo cha DevSuite Pro, bofya aikoni ya Mipangilio kwenye kona ya juu kulia. Tembea chini hadi sehemu ya Leseni, bandika ufunguo wako wa leseni kwenye sehemu ya kuingizia na ubofye Amilisha. Ikiwa ufunguo ni sahihi, beji itabadilika kutoka BURE kwenda PRO na zana zote za pro zitafunguliwa papo hapo.

Ninawezaje kuhamisha au kuficha dokezi inayoelea?

Unaweza kuhamisha dokezi kwa kwenda kwenye Mipangilio na kuchagua nafasi tofauti ya upau wa kando — Juu, Chini, Kushoto au Kulia. Unaweza pia kuficha dokezi kabisa kwa kuzima swichi ya "Onyesha dokezi kwenye kurasa" katika Mipangilio au kubonyeza Ctrl+Shift+X wakati wowote.

Je, DevSuite Pro hukusanya data ya kuvinjari?

Hapana. DevSuite Pro haikusanyi, haifuatilii au haisambazi data yako yoyote ya kuvinjari. Mipangilio yote imehifadhiwa ndani ya kivinjari chako. Ombi pekee la nje hufanywa wakati wa kuwezesha ufunguo wa leseni ili kuthibitisha ufunguo wako dhidi ya seva yetu.

Je, ninaweza kutumia DevSuite Pro kwenye Firefox?

Ndiyo! DevSuite Pro inapatikana katika Chrome Web Store na Firefox Add-ons. Inafanya kazi kwenye Chrome, Edge, Brave na vivinjari vingine vinavyotegemea Chromium, pamoja na Firefox.