[ Aleksandar Ružičić @ 26.01.2009. 23:48 ] @
| • FireBug extenzija za Firefox: Definitivno broj 1 alat koji svaki ozbiljan web developer mora da koristi. Ova ekstenzija ce vam visestruko olaksati rad i vrlo brzo ce postati vas neizostavan alat u izradi web sajtova (ako vec nije :D). Necu mnogo opisivati firebug jer ima malo ljudi koji nisu culi za isti, a za one koji ga nisu do sada koristili postoji detaljno objasnjenje na sajtu firebug-a. Neke od (po meni) najvaznijih opcija koje firebug pruza su: - odlicna konzola (moze da prikaze javascript/css greske/upozorenja, rezultate xmlhttprequest upita, dostupna je iz javascripta a i iz server side jezika, pomocu ekstenzije) - mocan html inspector (prikazuje renderovan DOM, live update, lociranje elemanata u dom-u je vrlo jednostavno - desni klik -> inspect element, ili klik na inspect dugme -> klik na zeljeni element) - detaljan prikaz css-a (ima mogucnost prikazivanja computed stila), uz dinamicko editovanje istog (vrlo korisno) - vrlo dobar javascript debugger + js profiler - DOM inspector u kombinaciji sa html inspectorom i konzolom predstavlja zaista mocan debugging alat - Net panel - odlican pregled svih upita koje browser pravi prilikom ucitavanja vaseg sajta, request/response headeri su takodje dostupni (izgleda da nabrojah 90% onoga sto fb pruza out-of-the-box :D) i naravno sve to nije uvek dovoljno pa zato za FireBug postoji i dosta ekstenzija (po mojoj slobodnoj proceni to je ekstenzija sa najvise ekstenzija :D), evo nekih od njih: • YSlow Odlicna ekstenzija koja ce vam pomoci da optimizujete web sajt za brze ucitavanje (samo postujte nekoliko pravila koja YSlow preporucuje i vrlo lako mozete da napravite sajt koji se vrlo brzo ucitava) • FirePHP Ukoliko se bavite i server-side developmentom (u php-u) ova ekstenzija ce vam biti od velike koristi, pomocu nje (i male php biblioteke) mozete da logujete debug podatke u firebug konzolu, izmedju ostalog moguce je logovanje objekata/nizova, trejsovanje poziva funkcija, output tabela... • Firecookie Takodje veoma korisna ekstenzija za server-side developere, pomaze u pracenju kukija... • Rainbow For Firebug Ova ekstenzija dodaje syntax-highlighting u script tab firebug-a (korisno ako debagujete javascript) Postoji jos mnogo extenzija za firefox u kategoriji "web development" ali ja osim firebug-a ne koristim nista vise (mozda je jos jedino web developer ekstenzija vredna pomena) Sto se tice drugih browsera, tu je ponuda slicnih resenja daleko manja (ili nikakva), ovde cu navesti neke koje povremeno koristim (nazalost firebug ne moze da resi sve probleme) • Opera Dragonfly Dragonfly nisam koristio mnogo, ali za ono kratko vreme za koje sam ga testirao ovo je proizvod odmah iza firebuga, nudi skoro sve sto i firebug i nezamenljiv je alat za razvoj na operi. (ali kako taj browser ne koristim, i relativno retko testiram sajtove u njemu i nemam neku veliko potrebu za debugging alatom za taj browser) • Internet Explorer Developer Toolbar Jos jedan pandan firebug-u, ovaj put za IE i od majkrosofta. Nazalost moram da kazem da je ovo vrlo traljavo odradjen plugin ali je najbolji za ie 6/7 i moze da pomogne u otkrivanju razloga zbog kojih se lejaut raspada u internet exploreru (naravno predhodno morate da se naviknete da veoma los ui samog plugina) • Internet Explorer 8 Developer Tools Ovo je najavljeno za IE8 (bice deo browsera, ne plugin) a iz onoga sto se moze videti na msdn-u (nikako da nadjem vremena da isprobam ovo, ali cu morati) moram da priznam da ovo obecava, interfejs je veoma nalik na firebug-ov (sto je svaka pohvala za majkrosoft), a i odlican javascript debugger se ocekuje (btw javascript debugger u visual studio web developer okruzenju je po meni najbolji i najsveobuhvatniji javascript debugger koji trenutno postoji - js debugger je jedina stvar koja je firebugu slabija tacka) Za Safari i Chrome postoji tzv "Develop menu" koji pruza neke od opcija koje su dostupne u navedenim pluginovima, daleko od toga da su development alati unutar ova dva browsera (zapravo unutar webkita, zajednickog rendering engine-a) nekorisni, ali su jos uvek daleko od konkurencije (mada google najavljuje state-of-the-art development alat u chrome-u ali on jos uvek nije video svetlo dana, bar ne neka stabilna i korisna verzija) Ukoliko mislite da je neki alat vredan pomena ne ustrucavajte se da to podelite sa nama u ovoj temi. |
...
