IE Developer Toolbar je na světě poměrně dlouho (viz jeden z předchozích příspěvků) a během té doby, dospěl vývoj do stavu ve kterém má význam ho opravdu používat.
Sice se jedná stále jen o betu, ale co dnes není beta, že... Dle mého názoru je to již plnohodnotný nástroj web. vývojáře, u kterého jsem zatím nezaznamenal žádný problém, navíc by měl fungovat na všech OS od win 2000, tedy včetně Visty (budu teprve testovat) a tedy i na IE 7.

Novinky v této verzi

Style tricer: příjemná vlastnost, která pomocí kliknutí pravým tlačítkem na curent style, vyvolá tlačítko pro zobrazení (vyhledání) definice stylu, takže až zase budu říkat "sakra, kde jsem tohle definoval, tak teď už budu jen klikat a hned to vidim"

CSS Selector Matches: volbu najde v nabídce View a zobrazí vám pro každou definici stylu počet výskytů na stránce

View source: opět se nachází v nabídce View, pod Source  a nabízí zobrazení elementů a stylu v různých kombinacích, tedy jen stylu, jen elementu,..

 

Co se mi ještě líbí

Pokud s výše uvedenými novinkami spojíte možnost v nabídce Find -> Select Element by Click, kliknete na jakýkoliv objekt na stránce automaticky se vám vyhledá v DOM Exploreru, kde na něj můžete kliknout pravým tlačítkem a zobrazit si zdrojový kód elementu, nebo zdroj plus jeho styl.

 

Link to Download: Internet Explorer Developer Toolbar Beta 3

 

Přehled základních vlastností:

  • Explore and modify the document object model (DOM) of a Web page.
  • Locate and select specific elements on a Web page through a variety of techniques.
  • Selectively disable Internet Explorer settings.
  • View HTML object class names, ID's, and details such as link paths, tab index values, and access keys.
  • Outline tables, table cells, images, or selected tags.
  • Validate HTML, CSS, WAI, and RSS Web feed links.
  • Display image dimensions, file sizes, path information, and alternate (ALT) text.
  • Immediately resize the browser window to a new resolution.
  • Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with a given domain.
  • Choose direct links to W3C specification references, the Internet Explorer team weblog (blog), and other resources.
  • Display a fully featured design ruler to help accurately align and measure objects on your pages.
  • Find the style rules used to set specific style values on an element.
  • View the formatted and syntax colored source of HTML and CSS.