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

Zana 64+ 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 64+ 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 64+ 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.

Jifunze zaidi →

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.

Jifunze zaidi →

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.

Jifunze zaidi →

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.

Jifunze zaidi →

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.

Jifunze zaidi →
Gundua zana zaidi kwa undani:

Kagua na uhariri mitindo ya CSS kwa wakati halisi

Mkaguzi wa CSS ni zana yenye nguvu na ya bure kwa watengenezaji inayokuruhusu kupitisha kishale juu ya kipengele…

Rekebisha na dhibiti uhuishaji wa CSS kwa wakati halisi

Mkaguzi wa Uhuishaji unakupa udhibiti kamili juu ya kila uhuishaji wa CSS na mpito kwenye ukurasa wowote wa wavuti.

Badilisha CSS ya kipengele chochote kuwa madarasa ya Tailwind

Nakili kama Tailwind inaunganisha muundo wa kuona na msimbo wa Tailwind CSS.

Onyesha muundo kamili wa mpangilio wa ukurasa

Hali ya Mstari inaongeza mipaka ya rangi kwa kila kipengele cha HTML kwenye ukurasa, ikikupa mtazamo wa papo hapo wa muundo wa ukurasa.

Pata madarasa ya Tailwind yaliyoainishwa kwa kipengele chochote

Msaidizi wa Tailwind anakagua kipengele chochote na kutoa mgawanyo kamili, ulioainishwa wa madarasa yanayolingana ya Tailwind CSS.

Muonekano wa mti wa HTML kwenye ukurasa wowote

Mtazamaji wa Ukurasa unaonyesha muundo kamili wa DOM wa ukurasa wowote wa wavuti kama muonekano wa mti moja kwa moja kwenye ukurasa.

Gundua vipengele vya React, Vue, Angular na Svelte

Kitambulishi cha Vipengele kinatambua kiotomatiki ni mfumo gani wa frontend ukurasa wa wavuti unatumia na kufunua mti kamili wa vipengele.

Buruta na uache kusogeza kipengele chochote

Sogeza Kipengele inakuruhusu kubonyeza kipengele chochote na kukiburuta kimwili hadi nafasi mpya.

Ondoa au badilisha uonekano wa kipengele chochote

Futa/Ficha Kipengele inakuruhusu kuondoa au kuficha kwa muda kipengele chochote kwa kubonyeza mara moja.

Hamisha kipengele chochote kama HTML, CSS au JSON

Hamisha Kipengele inakuruhusu kubonyeza kipengele chochote na kuhamisha muundo wake kamili katika miundo mitatu.

Tengeneza vipengele vya React, Vue na Svelte kutoka kipengele chochote

Nakili Msimbo wa Kipengele unabadilisha kipengele chochote kuwa faili ya kipengele safi, iliyoandaliwa kwa uzalishaji.

Nasa eneo linaloonekana au ukurasa mzima

Picha ya Skrini inanasa picha za ubora wa juu za ukurasa wowote wa wavuti katika hali mbili — eneo linaloonekana au ukurasa mzima.

Toa Picha BURE

Angalia, chagua na pakua picha zote kutoka ukurasa wowote

Toa Picha inakagua ukurasa wowote wa wavuti na kuwasilisha kila picha katika matunzio ya kuvinjari.

Tafuta, kagua na pakua kila SVG kwenye ukurasa wowote

Mnasaji wa SVG unagundua kila SVG kwenye ukurasa wa wavuti — vipengele vya SVG vya ndani, faili za .svg za nje, sprajti…

Badilisha picha yoyote kwenye ukurasa na yako

Kibadilishaji cha Picha kinakuruhusu kubonyeza picha yoyote na kuibadilisha na yako — kwa kupakia faili au kubandika URL.

Zalisha misimbo ya QR mara moja kwa URL au maandishi yoyote

Kizalishaji cha Msimbo wa QR kinaunda msimbo wa QR unaoweza kusomwa kwa URL ya ukurasa wa sasa kiotomatiki au kwa maandishi yoyote maalum.

Rula, miongozo na vipimo vya pikseli sahihi kwenye ukurasa wowote

Rula ya Ukurasa inaongeza rula na mistari ya miongozo inayoburuzwa katika mtindo wa Photoshop kwenye ukurasa wowote wa wavuti.

Kagua muonekano wa vifaa vingi kwa wakati mmoja

Kitazamaji cha Mwitikio kinaonyesha ukurasa wa sasa katika ukubwa mbalimbali wa viewport bega kwa bega.

Pima umbali sahihi wa pikseli kati ya vipengele viwili vyovyote

Pima Umbali inakuruhusu kubonyeza vipengele viwili na kuona mara moja umbali sahihi kati yake.

Onyesha muktadha wa kupanga na tabaka za z-index

Mkaguzi wa Z-Index unafunua mpangilio kamili wa kupanga wa kila kipengele kwenye ukurasa.

Kagua mpangilio wa CSS Grid na Flexbox kwa uwekaji wa kuona

Kionyeshaji cha Grid/Flex kinagundua kila chombo cha CSS Grid na Flexbox na kuonyesha muundo wao kama uwekaji wa rangi.

Iga maeneo ya moto ya umakini wa watumiaji

Kiigaji cha Ramani ya Joto kinazalisha ramani ya joto ya umakini iliyotabirika kwa ukurasa wowote kulingana na mifumo ya utafiti wa UX.

Safisha kwa uchaguzi kache, vidakuzi, localStorage na sessionStorage

Safisha haraka na kwa uchaguzi aina maalum za data ya kuvinjari kwa tovuti ya sasa.

Gundua kila teknolojia nyuma ya tovuti yoyote

Mfuko wa Teknolojia unakagua tovuti yoyote na kutambua mfuko wake kamili wa teknolojia.

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

Mkaguzi wa SEO unatoa ukaguzi wa papo hapo, kamili wa SEO wa ukurasa wowote wa wavuti.

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

Mkaguzi wa Ufikaji unafanya ukaguzi wa kiotomatiki wa WCAG 2.1 Kiwango AA kwenye ukurasa wowote.

Bonyeza maandishi yoyote kwenye ukurasa na uyahariri mara moja

Kihariri cha Maandishi Moja kwa Moja kinafanya kila kipengele cha maandishi kwenye ukurasa kiweze kuhaririwa kwa kubonyeza mara moja.

Badilisha fonti yoyote kwa ujumla au kwa kipengele maalum

Kibadilishaji cha Fonti kinakuruhusu kubadilisha fonti yoyote kwenye ukurasa na nyingine kutoka maktaba ya Google Fonts.

Gundua kila fonti inayotumika kwenye ukurasa wowote

Orodhesha Fonti Zote inakagua ukurasa na kuwasilisha orodha kamili ya kila familia ya fonti inayotumika.

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

Kichaguzi cha Rangi kinatoa zana sahihi ya pikseli ya kipekee kwa kuchagua rangi kutoka kipengele chochote.

Toa paleti kamili ya rangi kutoka ukurasa wowote

Paleti ya Rangi inakagua kila kipengele na kutoa seti kamili ya rangi zinazotumika zilizopangwa kwa mara ngapi.

Tumia hali ya giza kwenye tovuti yoyote mara moja

Lazimisha Hali ya Giza inatumia mpango wa rangi za giza kwenye tovuti yoyote isiyotoa moja.

Washa au zima JavaScript mara moja kwa kichupo cha sasa

Washa/Zima JavaScript inazima au kuwasha tena utekelezaji wa JavaScript kwa kichupo cha sasa kwa kubonyeza mara moja.

Angalia, hariri, ongeza na futa vidakuzi

Kihariri cha Vidakuzi kinaonyesha vidakuzi vyote vya kikoa cha sasa katika jedwali safi, linaloweza kupangwa.

Angalia matokeo ya konsoli katika paneli inayoelea — bila DevTools

Mwandikaji wa Konsoli ananasa matokeo yote ya konsoli na kuyaonyesha katika paneli inayoelea moja kwa moja kwenye ukurasa.

Fuatilia maombi yote ya mtandao kwa wakati halisi

Mfuatiliaji wa Mtandao ananasa na kuonyesha kila ombi la mtandao linalofanywa na ukurasa wa sasa kwa wakati halisi.

Angalia na uhariri localStorage na sessionStorage

Kihariri cha Hifadhi ya Ndani kinatoa kiolesura safi cha jedwali kwa kusimamia localStorage na sessionStorage.

Kagua kila kiungo kwenye ukurasa na utafute vilivyovunjika

Kikaguzi cha Viungo Vilivyovunjika kinakagua kila kiungo kwenye ukurasa na kutambua vilivyovunjika (404, muda umekwisha, makosa).

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

Utendaji wa Ukurasa unatoa muhtasari wa papo hapo wa utendaji wa ukurasa wowote wa wavuti.

Panga, Punguza Ukubwa (Minify) & Thibitisha JSON kwa Mbofyo Mmoja

Kipangaji cha JSON kinapanga vizuri, kinapunguza ukubwa, na kuthibitisha JSON moja kwa moja kwenye kivinjari chako.

Simbika (Encode) Mfuatano wa Maandishi Kwenda & Kutoka Base64 Papo Hapo

Kisimba/Kifasiri cha Base64 kinabadilisha maandishi kuwa Base64 na Base64 kurudi kuwa maandishi moja kwa moja kwenye kivinjari chako.

Simbika (Encode) & Fasiri (Decode) Mfuatano wa URL kwa Mbofyo Mmoja

Kisimba/Kifasiri cha URL kinabadilisha mfuatano wa URL kwenda na kutoka kwenye muundo wao wa percent-encoded.

Simbika (Encode) & Fasiri (Decode) Vyombo vya HTML Papo Hapo

Kisimba cha Vyombo vya HTML kinabadilisha herufi maalum (< > & " ') kuwa vyombo vya HTML vinavyolingana (&lt; &gt…

Epuka (Escape) & Rudisha (Unescape) Mfuatano wa Maandishi kwa ajili ya Kodi

Epushaji/Urudishaji wa Backslash unabadilisha mfuatano wa maandishi kwenda na kutoka kwenye muundo wao uliopushwa (\n…

Badili Picha Kuwa na Kutoka kwenye URI za Data ya Base64

Picha ↔ Base64 inabadili faili za picha (PNG, JPG, SVG, WebP, GIF) kuwa URI za data zilizosimbwa kwa Base64 na kurudi.

Simbua Tokeni za Mtandao za JSON Papo Hapo

Kitatuzi cha JWT huchambua na kukagua Tokeni za Mtandao za JSON — kikichanganua kichwa, maudhui, na saini, kikionyesha…

Zalisha Vitambulisho Vingi vya UUID v4

Jenereta ya UUID inazalisha vitambulisho thabiti vya kisimbaji vya UUID v4 kwa kutumia API ya kisimbaji ya kivinjari.

Kokotoa Hashi za MD5, SHA-1, SHA-256, SHA-384, SHA-512

Jenereta ya Hashi hukokotoa hashi za kriptografia (MD5, SHA-1, SHA-256, SHA-384, SHA-512) ya maandishi yoyote uliyoingiza.

Zalisha Manenosiri Thabiti Kisimbo

Jenereta ya Nenosiri inazalisha manenosiri thabiti, ya nasibu ikitumia API ya nasibu ya kisimbaji ya kivinjari.

Jaribu Misemo ya Kawaida Papo Hapo kwa Kuangazia Zinazolingana

Kijaribu cha Regex hutathmini misemo ya kawaida dhidi ya maandishi ya kujaribu katika wakati halisi.

Badilisha Tarehe za Unix, ISO, na Zinazosomeka na Binadamu

Kibadilishaji Muhuri wa Muda hutafsiri kati ya mihuri ya muda ya Unix (sekunde, milisekunde, mikrosekunde…

Linganisha Vitalu Viwili vya Maandishi Mstari kwa Mstari

Zana ya Diff inalinganisha vitalu viwili vya maandishi na kuangazia mistari iliyoongezwa, iliyoondolewa, na…

Kagua Uwiano wa Utofautishaji wa WCAG wa Rangi Zozote Mbili

Kikagua Utofautishaji hukokotoa uwiano wa utofautishaji wa WCAG 2.1 kati ya rangi mbili na kuzipanga dhidi ya vizingiti…

Badilisha HEX, RGB, HSL, HSV & OKLCH Papo Hapo

Kibadilishaji Muundo wa Rangi hutafsiri rangi yoyote kati ya HEX, RGB, HSL, HSV, na OKLCH.

Toa Paleti Kuu Kutoka kwenye Picha Yoyote

Kitoa Rangi cha Picha huchanganua faili yoyote ya picha (dondosha, bandika, au bofya ili kupakia) na kurudisha hadi…

Pata Wateuzi wa CSS na XPath kwa Kipengele Chochote

Kitafuta Njia ya DOM hukuruhusu kuelekeza kipanya (hover) kwenye kipengele chochote ukurasani ili kufichua kiteuzi…

Jaribu Maombi ya Asili Mtambuka & Kagua Vijajuu vya CORS

Kikagua CORS hujaribu kama ombi la asili mtambuka kutoka kwenye tovuti yako litaruhusiwa na seva lengwa.

Nasa Fremu za WebSocket kwa Wakati Halisi

Mkaguzi wa WebSocket hunasa kila fremu ya WebSocket — iliyotumwa na iliyopokelewa — katika miunganisho yote kwenye ukurasa.

Changanua Ukurasa Papo Hapo Kupata Picha Zilizovunjika

Kitafuta Picha Zilizovunjika huchanganua kila <img> na picha ya mandharinyuma ya CSS kwenye ukurasa, hugundua upakiaji…

Jaza Fomu Kiotomatiki na Data Halisi ya Majaribio

Kijaza Fomu hujaza kila sehemu ya fomu inayoonekana kwenye ukurasa na data halisi ya majaribio — jina, barua pepe…

Badilisha Kati ya CSV na JSON Kwenda Mwelekeo Wowote

Kibadilishaji CSV ↔ JSON hushughulikia mzunguko mzima kati ya miundo miwili ya jedwali inayotumika sana.

Umbiza, Thibitisha & Tazama XML Kwa Kuangazia Sintaksia

Kiumbiza XML huchapisha kwa uzuri, hupunguza (minify), na kuthibitisha XML ndani ya kivinjari.

Pamba & Umbiza Hoja za SQL

Kiumbiza SQL hubadilisha SQL iliyopunguzwa au iliyochafuka kuwa hoja zinazosomeka na zilizojongezwa.

Hifadhi Kurasa za Wavuti Kama PDF Safi

Badilisha kuwa PDF huhifadhi ukurasa wa wavuti wa sasa kama PDF kupitia kidirisha (dialog) cha kuchapisha cha…

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 43 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 64+ za kitaalamu. Inatozwa kila mwezi.

$2.99

kwa mwezi
Anza Mpango wa Kila Mwezi
  • Zana zote 64+ 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 64+ pro bila gharama za mara kwa mara.

$29.99

malipo ya mara moja
Nunua Mara Moja, Tumia Milele
  • Zana zote 64+ 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 64+ za wasanidi.

Kuna tofauti gani kati ya zana za Bure na Pro?

Zana za bure (43+) 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.