Ongeza kiendelezi kwenye Chrome
- Fungua Chrome Web Store na utafute kiendelezi cha "DevSuite Pro".
- Bofya kwenye "Ongeza kwenye Chrome" na kisha uthibitishe kwa kubofya "Ongeza kiendelezi" kwenye kidirisha cha kidukizo.
Zana 64+ zenye nguvu za kukagua, kupima, kunasa, kuchanganua na kusanifu kurasa za wavuti moja kwa moja kwenye kivinjari chako.
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.
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.
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 →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 →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 →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 →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 →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 →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.
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 (< >…
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…
Chagua mpango bora kwa mtiririko wako wa kazi. Anza bila malipo, pata toleo jipya wakati wowote.
Maswali ya kawaida kuhusu vipengele na matumizi ya kiendelezi cha DevSuite Pro. Ikiwa una swali, jibu linaweza kuwa tayari hapa chini.
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.
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.
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.
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.
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.
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.
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.
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.