Archívum

‘firebug’ cimkével ellátott bejegyzés

Címsor, mint fejlesztői eszköz

2011. szept. 15. 21:42 Nincsenek hozzászólások

Nézzük meg, hogy hogyan segítheti a böngésző címsor a fejlesztést:

  • első variáció, amikor azt szeretnénk elérni, hogy könnyen ellenőrizni tudjuk, hogy hogyan reagálnak bizonyos konténerek, bekezdések, címsorok arra, ha épp több szöveg kerül a helyükre, mint azt mi eredetileg elgondoltuk, nos ebben az esetben írjuk ezt a címsorba:
    1
    
    javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

    Ezután máris szerkeszthetjük az oldalon lévő tartalmat és modellezhetjük, hogy mi történik, ha túl sok szöveg kerül valahova.

  • második variáció, hogy olyan bugot veszünk észre, mely nem az általunk használt elsődleges böngészőben jelenik meg, hanem valami másban, tipikusan Internet Explorerben, ekkor kénytelen vagyunk otthagyni pl. a Firebugot, viszont a jó hír, hogy van ennek egy Lite verziója, amit könyvjelzőzve, majd onnan megnyitva tudunk futtatni.
    1
    
    javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E=F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','1.3.0.3','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');
Categories: JavaScript Tags: ,

FireQuery

2010. aug. 29. 18:19 Nincsenek hozzászólások

A minap kezdtem el használni ezt a Firebug kiterjesztést. Legjobban a valósidejű jQuery kódszerkesztő jön be benne.  Akit érdekel, az innen töltheti és lehet vele próbálkozni.

Categories: Web Tags: , ,