Mkaguzi wa CSS ni zana yenye nguvu na ya bure kwa watengenezaji inayokuruhusu kupitisha kishale juu ya kipengele chochote kwenye ukurasa wa wavuti na kuona mara moja sifa zake za CSS zilizokokotolewa.
Iwe unarekebisha tatizo la mpangilio (layout), unachambua muundo wa ubunifu unaoupenda ili kujifunza jinsi ulivyotengenezwa, au unataka tu kuangalia haraka thamani za nafasi na uandishi (typography), CSS Inspector inakupa kila kitu unachohitaji katika paneli safi na inayoelea. Tofauti na DevTools za kivinjari, haikusumbui — hakuna paneli zinazoshikamana pembeni, hakuna kupunguzwa kwa nafasi ya skrini (viewport). Weka tu kishale juu ya kipengele, bofya, na kagua. Zana hii inaonyesha computed styles (mitindo halisi inayotolewa na kivinjari), si tu CSS iliyoandikwa. Hii ina maana unaona thamani halisi baada ya inheritance, specificity, na cascading kuhesabiwa — thamani zilezile zinazoathiri kile watumiaji wanachokiona kwenye skrini.
Kukagua kipengele hakusababishi kamwe reflow au repaint ya ukurasa wenyewe, hivyo unaweza kuchunguza kwa uhuru bila kuwa na wasiwasi wa kuvuruga nafasi ya kusogeza (scroll), michoro-hai (animations), au hali ya JavaScript. Pseudo-elements kama ::before na ::after zinasaidiwa pia — weka kishale juu ya mzazi (parent) na paneli itaonyesha mitindo ya maudhui yaliyotengenezwa (generated content) tofauti na ya kipengele chenyewe. CSS custom properties (variables) zinahesabiwa hadi thamani yake ya mwisho, lakini paneli pia inakuonyesha jina la variable lililozalisha thamani hiyo, hivyo unaweza kufuatilia rangi au thamani ya nafasi hadi chanzo chake cha design-token badala ya kuona tu namba ghafi ya pixel.
Katika matumizi ya kila siku, watengenezaji wengi hutumia CSS Inspector mara nyingi ndani ya kikao kimoja — kuangalia kwa nini margin imeporomoka (collapsed), kuthibitisha hex code kabla ya kuinakili kwenye stylesheet, au kuhakikisha kuwa media query breakpoint imetumika kikamilifu kwa mitindo iliyokusudiwa. Kwa sababu ni paneli inayoelea badala ya hali inayochukua kivinjari kizima, unaweza kuiacha ikiwa wazi wakati unabadilisha tabo kuangalia code editor yako mwenyewe au faili la ubunifu, kisha kurudi moja kwa moja kwenye kipengele kilekile bila kupoteza mahali ulipokuwa.
Ona fonti, saizi, rangi, nafasi na mengineyo papo hapo unapoelekeza kipanya juu ya kipengele chochote.
Bofya kwenye kipengele ili kufunga dokezi ili isipotee, ikiruhusu ukaguzi wa kina.
Bofya mara mbili kwenye thamani ili kuzibadilisha moja kwa moja. Masahihisho yako yanaonekana papo hapo kwenye ukurasa.
Nakili sifa binafsi au kitalu chote cha mitindo ya usanifu kwenye ubao wako wa kunakili kwa mbofyo mmoja.
Ona pambizo, mipaka na thamani za padding kwa macho.
Huonyesha upana, urefu na nafasi ya kipengele kwenye ukurasa.
CSS Inspector inaonyesha sifa zaidi ya 40:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorKagua vipengele ambavyo havijatengenezwa vizuri kwa usahihi.
Soma mitindo ya tovuti zako unazozipenda.
Jaribu mabadiliko kabla ya kuandika nambari.
Onyesha mabadiliko ya moja kwa moja wakati wa mikutano.
Pata nambari ya CSS kwa vipengele vipya kwa urahisi.
Bofya aikoni ya CSS Inspector kwenye upau wa zana wa DevSuite Pro.
Hamisha kielekezi chako juu ya kipengele chochote ili kuona sifa zake.
Bofya kwenye kipengele ili kubandika dokezi.
Bofya mara mbili kwenye thamani ili kuzirekebisha.
Nakili nambari iliyosasishwa na uitumie kwenye mradi wako.
Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.