Internet Explorer Developer Toolbar


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 :)!

Kapcsolódó bejegyzések:
  • Letölthető az Internet Exploret 7 végleges verziójaInternet Explorer 7 Final

  • A honlapkészítés egyik fontos lépése a honlap optimalizálása, ehhez nyújt némi segítséget a seomoz.org “The Web Developer’s SEO Cheat Sheet” című PDF dokumentuma …

  • Megjelent az AdMax új multifunkciós SEO toolbar-ja, amely egész hasznos szolgáltatásokkal igyekszik felhívni magára a figyelmet.Nekem leginkább az tets …

  • Egyre ritkábban ugyan, de még előfordul, hogy a HTML elkészítésekor a grafikusnak/designernek (esetleg magunknak :)) hála szeretnénk úgy PNG24-es képeket használ …

  • Létezik egy technika, amivel különböző felbontású eszközökre külön css stílusokat tudunk meghívni. Példa 1200 pixelnél kisebb és nagyobb méretekre:…

A cikket beküldte: bolint (http://bolint.hu)

4 hozzászólás

  1. BonFire says:

    Ki kell próbálni az új IE8-asban. Hátha ilyen szempontból már okosabb.

  2. beef says:

    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.

  3. bubu001 says:

    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

  4. beef says:

    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.

Szólj hozzá
a Internet Explorer Developer Toolbar c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>