Analizuojant svetainės dizainą ar kuriant naują labai padeda įrankiai, kurie gali parodyti visą CSS stiliaus informaciją, vos pasirinkus ekrane objektą. Vienas dažniau naudojamų yra Firefox įskiepis Web Developer, tačiau radau man asmeniškai dar geresnį ir patogesnį – Xray.
Kuo geras Xray? Visų pirma, nieko nereikia diegti – įrankis įsikuria adresų juostoje paprasčiausios žymelės (bookmarklet) pavidalu. Belieka tik paspausti ją, o tada – bet kokį elementą tinklalapyje. Atsidariusiame „plaukiojančiame“ lange bus surašyta visa pagrindinė elemento informacija, o tiesiai tinklalapyje bus nurodyti jo išmatavimai pikseliais.
Xray langas yra „gyvas“. Man labiausiai pravertė „paveldėjimo“ grandinė, kurioje, maigant elementų žymas (div, img ir taip toliau), galima judėti paveldėjimo grandine aukštyn ir tikrinti sudėtinių tinklalapio dalių parametrus.
Ne mažiau pravarti yra informacija apie objekto dydį, nes nurodoma ne tik deklaruota stiliaus apraše, bet ir realiai užimama vieta su paraštėmis, atitraukimais ir panašiai.
Iki šiol retai tesinaudodavau žymelėmis, nes daugelis jų neatrodė naudingos, tačiau Xray jau gavo nuolatinę vietą mano adresų juostoje. Išbandykite – esu tikras, kad pravers ir jums. Tai puiki priemonė ne tik specialistams, bet ir besimokantiems bei norintiems sužinoti, kaip padaryti svetainių tinklalapiai.
Komentarų (9)
Pamėgink Firebug (getfirebug.com)
Wow, dekingas. Kaip tik senai kazko panasaus ieskojau, bet apsistojau nieko nerades prie web devoleper firefoxui
O ka daryti jei as naudoju Opera? ;)
O jis Operoje neveikia?
Prisidedu prie Pauliaus. Pabandyk firebug.
Xray yra šiek tiek obsolete prieš firebug, nes firebug turi tą patį DOM explorerį su stiliaus aprašais, plius konsolę, į kurią galima išvesti derinimo (debug) informaciją kai svetainė yra kuriama, plius matomos visos foninės ajax užklausos.
Šitas įskiepis, mano nuomone, yra lengvo svorio playginus su firebug.
Man lengvas svoris ir yra šio įrankio privalumas, nes jo net nereikia diegti. Firebug ir visus kitus aš puikiai žinau, nors nenaudoju visų galimybių.
Pagrindinis XRay trūkumas prieš firebug – veikia tik wind’e ir mac’e…
Be to jis mokamas.
Viktorai, gali naudoti visai neprastą Opera Developer console (http://dev.opera.com/tools/). Tiesa, Firebug jis nusileidžia :-)
firebug !