CSS Inspector on võimas arendustööriist, mis võimaldab teil vaadata mis tahes elemendi täielikke CSS-omadusi, liigutades lihtsalt hiirekursori selle kohale. Klõpsake stiilide lukustamiseks, redigeerige neid otse ja vaadake, kuidas muudatused rakenduvad kohe lehel.
Olenemata sellest, kas parandate paigutuse probleemi või uurite veebisaiti, mis teile meeldib, annab CSS Inspector teile kõik vajaliku puhtas ujuvas paneelis. Uurige hõlpsalt ilma brauseri arendustööriistu avamata.
Vaadake kohe fonte, suurusi, värve, vahesid ja muud, kui liigute mis tahes elemendi kohal.
Klõpsake elemendil paneeli lukustamiseks ja selle peitmise vältimiseks, võimaldades üksikasjalikku uurimist.
Topeltklõpsake väärtustel, et neid otse muuta. Teie muudatused kajastuvad kohe lehel.
Kopeerige üksikud omadused või kogu stiiliplokk lõikelauale ühe klikiga.
Vaadake veise-, piirde- ja sisemist vahet visuaalselt.
Vaadake elemendi laiust, kõrgust ja asukohta lehel.
CSS Inspector kuvab üle 40 omaduse:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorUurige valesti joondatud elemente täpselt.
Uurige oma lemmikveebisaitide stiile.
Testige muudatusi enne koodi kirjutamist.
Näidake muudatusi reaalajas kohtumiste käigus.
Hankige hõlpsalt CSS-kood uute elementide jaoks.
Klõpsake DevSuite Pro tööriistaribalt CSS Inspectori ikooni.
Hõljutage kursorit mis tahes elemendi kohal, et näha selle omadusi.
Klõpsake elemendil paneeli kinnitamiseks.
Topeltklõpsake väärtustel nende kohandamiseks.
Kopeerige muudetud kood ja kasutage seda oma projektis.
Paigaldage DevSuite Pro tasuta ja avage 39+ arendustööriista oma brauserile.