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 39+ 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 39+ za wasanidi kutoka kwenye kidukizo au dokezi inayoelea. Hakuna usanidi unaohitajika.
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.
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.
Pima umbali, angalia upangaji na uongeze rula na miongozo kamili ya pikseli kwenye ukurasa wowote wa wavuti ili kuhakikisha miundo yako imepangwa vizuri.
Chagua rangi kutoka kwa kipengele chochote kwenye ukurasa na nakili thamani za HEX, RGB au HSL kwenye ubao wako wa kunakili kwa mbofyo mmoja.
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.
Hakiki ukurasa wowote wa wavuti katika saizi tofauti za skrini na ubora wa vifaa ili kujaribu muundo unaoitikia bila kuondoka kwenye kivinjari chako.
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
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
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
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 39+ za wasanidi.
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.
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.