Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Firebug
Avtor: kljuka | Objavljeno: dne 31. oktober 2008, 12:10
  Namestili bomo odličen in brezplačen dodatek za Firefox, ki nam pomaga pri razčlenitvi spletne strani.
 
 
1
  
 
Odpremo stran ter prenesemo in namestimo Firebug. Seveda vse skupaj izvajamo v Firefoxu saj je to dodatek za le-tega.

Če pa želite imeti dodatek tudi na drugih brskalnikih si oglejte stran programa.
 
 
2
  
 
Ko Firefox ponovno zaženemo vidimo v desnem spodnjem kotu novo ikonico z podobo hroščka.

Tista opica zraven na moji sliki je že drug dodatek :)
 
 
3
  
 
Če sedaj kliknete na tega hroščka se vam odpre okence. Prva postavka je Console oz. konzola.

Tukaj noter se zapisujejo vse napake v HTML-ju JavaScriptu, CSS-u... Kliknite na postavko HTML.
 
 
4
  
 
Prikazan imate HTML, ki ga lahko zelo lepo pregledujete. Kliknete na plusek zraven značke in ta se odpre.

 Zelo zanimiva stvar pa je, da lahko celotno stran tudi spreminjate. Pojdite na zmaga.com (pravzaprav ste že na njej :) ). Spremenili bomo avtorja te lekcije. V Firebugu poiščemo vnosno polje ve desnem zgornjem kotu. Vanj vpišemo besedilo, ki ga želimo poiskati. V mojem primeru bo to moje ime "kljuka".
 
 
 
 
 
5
  
 
Če pogledamo na levo se je že označila značka span v kateri piše avtor lekcije. Sedaj kliknite na besedo in vpišite nekaj drugega.
 
 
6
  
 
Zaprite okno Firebug-a ter si oglejte izdelek.
 
 
7
  
 
Kar je škoda je to, da ko boste osvežili stran bo vse spet po starem. Pa nič zato. Urejanje vam lahko zelo pomaga ko izdelujete lastno stran.

Tako lahko direktno v brskalniku kar vam ni všeč spremenite in takoj vidite rezultat. Firebug pa ima še eno dobro funkcijo. Imenuje se Inspect. Kliknite, da vklopite to možnost.
 
 
8
  
 
Sedaj z miško preletite stran. Izrisovali se bodo modri okvirji v oknu z HTML-jem pa se bo spreminjala koda. Postavite se naprimer na neko sliko ter kliknite.

 Spodaj imate označeno značko img kateri lahko potem spreminjate lastnosti. Kliknite na sliko ob svojem avatarju zgoraj. Sedaj spodaj spremenite

src="avatars/1.gif" v src="avatars/9999.gif"

Namesto 1.gif imate vi svojo številko slike. Če sedaj pogledate vašo avatarsko sliko ste dobili NikMan-ovo čeprav je ni mogoče izbrati :)
 
 
Komentiraj
  
 
 
 
 
31.10.2008, 9:10
najboljši addon ever
 
 
 
 
31.10.2008, 10:37
Res je eden izmed bolj uporabnih.

Ker v Firefox3 ne prikazuje več menija ob desnem kliku na select ali button iz forme, me zanima ali mogoče kdo ve, če obstaja kakšna varianta ali trik, da bi Inspect element lahko uporabil tudi na teh elementih.
 
 
 
 
31.10.2008, 12:23
Odpreš okno Firebuga in izbereš zgoraj opcijo Inspect.
 
 
 
 
31.10.2008, 14:31
Ja, to bo kar vredu varianta. Hvala.
 
 
 
 
31.10.2008, 14:51
Sedaj vidim, kako dobro si ljudje ogledujejo lekcijo v kateri je opisana ta varianta
 
 
 
 
31.10.2008, 16:48
Se posipam s pepelom . Sem samo preletel lekcijo, ker sem mislil, da Firebug že dobro poznam, Inspect element pa vedno uporabljam prek desnega miškinega gumba.
 
 
 
 
31.10.2008, 17:41
Hehe. Lekcije so zato da se jih prebere in se kaj nauči . Jaz pa uporabljam Inspect vedno preko okna. Firebug je res dober. Lahko greš tudi na postavko Net in vidiš POST spremenljivke...
 
 
 
 
1.11.2008, 10:49
jej jej a maš skripte za travian!!!
 
 
 
 
1.11.2008, 11:00
??? Misliš z Greasemonkey... Ja sem imel ko sem igral(ampak ne kakšnih za napade in podobno) sedaj pa mi zelo ustreza ker samo vpišeš Javascript kodo ter stran, kjer se naj izvede pa to. Si lahko prilagajaš stran če ti ne ustreza...
 
 
 
 
1.11.2008, 20:54
a te multihunter lah dubi pa maš to?
 
 
 
 
2.11.2008, 11:49
Ali obstaja kakšen podoben dodatek za IE?
 
 
 
 
2.11.2008, 12:05
Seveda. Firebug Lite. Oglej si njihovo stran ina najdeš ta program za IE, Opero pa še za kaj.
 
 
 
 
2.11.2008, 13:04
Hvala, če bom rabil še kakšno pomoč, pa pišem
 
 
 
 
3.11.2008, 7:12
dobro je
 
 
 
 
25.5.2009, 19:58
Hm, jaz sem si včeraj namestil firebug in ga danes ni več na računalniku. Se pravi, ni ga v spodnjem desnem kotu, kot bi moral biti. Verjetno je bilo to takrat, ko sem računalnik ugasnil.
Morda kdo ve temu vzrok?
 
 
 
 
25.5.2009, 20:29
Verjetno si računalnik ugasnil na silo? Pač ga še enkrat namesti in to bo to.

spremenil: Tux (25.5.2009 ob 20.30.16)
 
 
 
 
25.5.2009, 20:31
Odpri Orodja->Razširitve (Tools->Addons) in tam poglej, če je še instaliran.

Drugače pa tudi poglej v meni Orodja in bi moral tam imeti podmeni Firebug.
 
 
 
 
25.5.2009, 20:31
Ne, nisem ga ugasnil na silo. Tako kot se spodobi.
Morda je problem v tem, da mi računalnik že dolgo časa nagaja in mi pri vsaki obnovitvi sistema nekaj nagaja in mi za vsako, ko grem z interneta pobriše cookise ipd.
EDIT: Predolgo odprta stran, hvala podtalje.

spremenil: Erco (25.5.2009 ob 20.32.22)
 
 
 
 
26.5.2009, 20:23
Sedaj mi deluje, res ne vem, kaj je bilo včeraj. Vsem iskreno hvala za odgovore.
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!
  
Zmaga.com na Facebooku | Pošljite nam e-pošto | Informacije o Zmaga.com