„To je dobře, že vás pálí otázka techniky, nesmíte však techniku zas nějak jednostranně přeceňovat, abyste neupadli do zhoubného technicismu, který mění člověka v mechanickou součástku odlidštěného světa bezduché civilizace.“ Václav Havel (Zahradní slavnost)
maskot zápisníku

Chybějící Kousek Zápisník Antonína Daňka

Open Source, programování, internet,

kurzor

Upozornění na nový obsah pomocí RSS.

? Co je to RSS?

Upozornění na nový obsah pomocí e-mailu.


firebug.gif

Firebug - mocný nástroj pro Firefox: nejen pro webové vývojáře

Ačkoliv jsem poměrně spokojeným uživatelem prohlížeče Opera. Poslední dobou často používám Firefox, už jen kvůli skvělým plug-inům.

Pokud máte co dočinění s tworbou, Firebug se vám bude moc líbit. Je možné, že po první zkoušce se ho už jen tak nevzdáte.

Instalace

Základním předpokladem pro instalaci této pomůcky je mít nainstalován Firefox. Potom už stačí jít na oficiální stránku Firebugu, kliknout na příslušný odkaz a doplněk se nainstaluje.

Po restartu Firefoxu doplněk spustíte přes nástroje -> Firebug -> Open Firebug.

Co to všechno umí ?

Firebug můžete otevřít tak, že jej budete mít integrován do Firefoxu, ale také jako samotné okno (nelze jej samozřejmě spustit aniž byste měli spuštěn Firefox).

Firebug přehledně ukáže kostru celé stránky. Pokud máte web složený z mnoha, nepřehledně pojmenovaných divů, určitě Firebug oceníte. Kód můžete okamžitě editovat, změny se ihned projevují na stránce. Pokud mát příslušný element nějakou definici ve stylopisu, bude také zobrazen (také může být editován). Pokud myší najedete na příslušný objekt ((X)HTML tag), je na stránce zvírazněn.

Kromě tagů můžete samozřejmě editovat i obsah.Myslim, že především ta editace obsahu popř. i stylů bude dříve nebo později zneužita. No neláká vás napsat něco „speciálního" na nějaký prestižní server, vyfotit si to a potom to poslat do světa ? icon_smile.gif

Je zde také vizualizace objektů a to opět velice užitečným způsobem. Vidíte velikost objektů. Jejich rámeček, vnitřní rámeček a vnější rámeček (border,padding,margin), což jsou zdroje častých problémů, především proto, že každý prohlížeč je započítává do celkové velikosti jinak. Firebug může pomoci vyřešit tyto problémy.

Další vizualizace se týká doby načítání stránky, lépe řečeno jejích jednotlivých částí. Tuto věc shledávám obzvlášť užitečnou, protože snadno odhalíte skrytou brzdu vašich stránek.

Firebug nabízí taky přehledný JavaScript debugger, přičemž si můžete navolit zastavení skriptu v jakémkoliv bodě. Ukazuje také aktuální hodnoty proměnných.

I při ladění AJAXových aplikací Firebug pomůže. Ukáže vám vstupní parametry, hlavičky i hodnoty, jaké skript vrátil.

datum 22.07 /2007 - 21:31 tag recenze, internet, programování, webdesign komentář 2 komentáře (přečteno: 4620x)

Související články:

Feedburner

GEOrss, už ho máš?

WebExpo 2009

Nenechte si ujít

Nejčtenější články za poslední půlrok.

Nejkomentovanější články za poslední půlrok.

Nejčastěji komentující čtenáři za poslední půlrok.

Nejkvalitnější komentář

Antonín Daněk

To je slovo, které jsem vymyslel. Vychází ze slova ladit. Dneska jsou ale v módě spíše písmena z druhého konce abecedy, a tak jsem nahradil „d" za „z". Přemýšlel jsem o náhradě „a" za „x", ale lxzeni by uz asi nikdo nepochopil. icon_lol.gif

Opraveno. Měl jsem ten článek napsat později, abych se měl na co vymluvit. icon_smile.gif


Zaujal vás tento článek? Nezapomeňte, že je ve vaší moci ukázat stovkám dalších lidí, že tento článek se vám libí. Stačí kliknout na následující tlačítko. pridej.cz

Chcete být upozorňován(a) na nové texty? Pak si přidejte do své RSS čtečky zdroj pro články, bleskovy nebo komentáře a buďte tak informování o všem novém.

Neváhejte napsat k článku komentář (Co je to komentář ?), pokud máte k danému tématu co říci.

check


check



icon_smile.gif icon_sad.gif icon_biggrin.gif icon_confused.gif icon_cool.gif icon_twisted.gif icon_wink.gif icon_cry.gif icon_eek.gif icon_evil.gif icon_exclaim.gif icon_frown.gif icon_cheesygrin.gif icon_idea.gif icon_lol.gif icon_mad.gif icon_mrgreen.gif icon_neutral.gif icon_question.gif icon_razz.gif icon_redface.gif icon_rolleyes.gif icon_surprised.gif icon_arrow.gif icon_arrowd.gif icon_arrowl.gif icon_arrowu.gif


Prosím odpovězte na následující otázku (do formuláře zadejte pouze písmeno).

Jakou z následujících věcí by si vybral robot?
a) štěně b) kytičku od svého milého c) pečlivě naformátovaný soubor

Nápověda: Zkuste možnost c (ale uznám vám i b).


check


1

co je to lazeni? viz "I při lazení AJAXových aplikací"

odpovědět

  • Na komentář odpověděl(a) Antonín Daněk v komentáři #2
Gravatar

mikke

23.07 /2007 - 01:02


brak | průměr | kvalitní názor


2

To je slovo, které jsem vymyslel. Vychází ze slova ladit. Dneska jsou ale v módě spíše písmena z druhého konce abecedy, a tak jsem nahradil „d" za „z". Přemýšlel jsem o náhradě „a" za „x", ale lxzeni by uz asi nikdo nepochopil. icon_lol.gif

Opraveno. Měl jsem ten článek napsat později, abych se měl na co vymluvit. icon_smile.gif

odpovědět

  • Tento komentář je reakcí na příspěvek #1, který napsal(a) mikke
Gravatar

Antonín Daněk

23.07 /2007 - 01:46

danek<zavináč>antonindanektečkacz

brak | průměr | kvalitní názor


Navrženo pro přenos v binární soustavě | Kdo stojí za tímto blogem? | © Antonín Daněk | Autorské dílo

TOPlist