A webfejlesztők/sitebuilderek talán egyik legnagyobb baja, hogy ha egy honlap elkészül, és tökéletesen működik abban a böngészőben, amiben menet közben tesztelve lett (tegyük fel Firefox a Firebug, és Web Developer kiegészítők miatt, vagy Opera az új Dragonfly miatt…), akkor Internet Explorerben szinte biztos, hogy valami elcsúszik, valamelyik javascript hibát generál… stb. A css és js hibák javítása pedig Internet Explorerben nagyon körülményes… volt.
A héten kaptam egy „fülest” egy fejlesztői eszközről IE alá.
Ez nem más, mint az Internet Explorer Developer Toolbar.
A Internet Explorer Developer Toolbar telepítése után a toolbar-on megjeleink egy kis ikon, amivel az eszközök aktiválhatóak az adott fülön. Aktiválás után szinte minden olyan eszköz rendelkezésünkre áll, amit a Firefoxos Web Developer is kínál (a teljesség igénye nélkül: css/script kikapcsolás, forráskód megjelenítés (generált forráskód is), vonalzó, böngésző cache törlése, ablak átméretezése, elemek vizsgálata (ez inkább a Firebug Inspect-je)… stb. sőt lehetőség van külön megnézni egy elemet a rá -illetve az elemeire- alkalmazott style-okkal együtt).
El kell ismerni, hogy ezek a lehetőségek nagyon hiányozták már az IE-ből, és – részemről biztos – nagyban hozzájárultak ahhoz, hogy nem szerettünk IE-ben degubbolni és fejleszteni. A javascript errorok sajnos még mindig fekete foltok, mert a js debug-ra nem találtam benne lehetőséget (az általános hiba egy js-ben egyébként, hogy pl. az utolsó property, vagy tömb esetén az utolsó elem után is rakunk ‘,’-t, ezt odafigyeléssel kerüljük el :)).
Ennél jobban nem szeretném részletezni, mindenki ki fogja tapasztalni, akinek szüksége van rá. Igazi célom ezzel a posttal csak az új „felfedezés” közlése volt, nem a teljes bemutatás :)!
Ki kell próbálni az új IE8-asban. Hátha ilyen szempontból már okosabb.
Ha ez akkora újdoságnak tűnik – pedig nem az :) , akkor ezt is érdemes kipróbálni, mivel az IEDevToolbar „a csak egy maradhat” elvet alkalmazza, azaz ha több IE is csücsül a gépen, akkor a legújabbra feltelpül a többire meg eddig nem tudtam rávenni.
Szóval a program: http://www.debugbar.com/?langage=en
DOM, HTTP, Javascript Inspector and Javascript Console, HTML Validator és egyebek.
beef: tök jó lenne, de én nem látok benne szerkesztési lehetőséget, hogy lássam, ha átírom, akkor mi történik. Vagy csak én vagyok béna?
köszi a választ előre is, bubu
Sajna nincs, de mivel más megoldást nem találtam arra, hogy IE6 alatt is legalább megnézni lehessen forrást. Mivel ha devtoolbar már feltelepült IE7-re, akkor IE6 alatt már nem működik, legalább is nekem.
Ha valakinek van rá valami trükkje, leírhatná (multiple IE-t használok). Mert azért az nyerőbb lenne.