Internet Explorer 9: Developer Overview

1. Internet Explorer 9: Developer Overview AsimAfzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.com Blog: http://AsimAfzal.WordPress.Com

2. Agenda History and Evolution Fast Clean Interoperable

3. History and Evolution

9. All-Around Fast

10. Multi-System Performance

11. WebKit SunSpider JavaScript Benchmark Results

12. The JavaScript Engine Foreground Source Code Parser AST ByteCode Interpreter

13. New JavaScript Engine – “Chakra” Foreground Source Code Parser AST ByteCode Interpreter Background Compiler Native Code Background Compiled JavaScript In The Background Using Multiple Cores

14. Flying Images Demo

15. Flying Images – One Animation IE8 IE9

16. Using The Full Power of Your PC

17. Everyone Has a GPU

18. window.msPerformance A new set of Performance Metrics integrated at the DOMBrowser interoperable way to measure performance <script type="text/javascript"> var w = window; var navStart= w.msPerformance.timing.navigationStart+ "ms"; var navStartTime = Date(w.msPerformance.timing.navigationStart); </script>

19. With a focus on your sites Clean

23. Pinning Demo

24. Getting Started with Pinned Sites Pinned Site mode requires no changes to your site Enhance your Pinned Site • Providecustom information • Addthe site as a Pinned Site programmatically • Customizethe icon • DefineJump List tasks • Add additional Jump List items in a custom list • Showthumbbarbuttons

25. Customize Your Pinned Site Use meta elements to provide specific information <meta name="application-name" content="Site Name" /> <meta name="msapplication-tooltip" content="Start the Pinned Site" /> <meta name="msapplication-starturl" content="http://example.com/start.htm" />

26. Programmatically Pinning Your Site if (window.external.msIsSiteMode) { if (window.external.msIsSiteMode()) { // we are already in site mode } else { // add site to the Programs menu window.external.msAddSiteMode() } }

27. Adding Icon Overlays Provide users with notifications or progress updates window.external.msSiteModeSetIconOverlay( 'http://host/overlay1.ico','Overlay 1'); window.external.msSiteModeClearIconOverlay();

28. Adding Jump Lists Windows 7 integration <meta name="msapplication-task" content="name=Task 1;action-uri=http://host/Page1.htm; icon-uri=http://host/icon1.ico"/> <meta name="msapplication-task" content="name=Task 2;action-uri=http://host2/Page2.htm; icon-uri=http://host2/icon2.ico"/>

29. With the same markup Interoperable

30. Web API Usage 7000 top sites 7000 Number of sites 0 1 50 API (by rank) 700

31. Working With Standards Bodies Member of many W3C Working Groups Leading the W3C HTML5 Testing Task Force The HTML Working Group • 40 W3C Member Organizations • 411 group participants • 280 invited experts • 9 mailing lists • ~4000 emails on public-html

32. Defining Same Markup

33. Internet Explorer Testing Center http://samples.msdn.microsoft.com/ietestcenter/

34. F12 Developer Tools A built in, visual interface to the Document Object Model Fast experimentation New for Internet Explorer 9 • Network inspection • UA String Picker • Console Tab • SVG Support

35. Internet Explorer 9 All-around Fast Clean, with a focus on your websites Interoperable with same markup • Uses the full power of your • PC to provide GPU • powered HTML5 and • platform enhancements • including Chakra, the • new JavaScript • engine. • A clean, streamlined, • speedier interface that • puts the focus on your • sites, rather than the • browser. • Improved standards • support to enable • “same markup” • across browsers.

36. Internet Explorer 9 Beta: Now Available Migrate your applications off Internet Explorer 6 Develop for standards first! Download and install the Internet Explorer 9 Beta and test your site! Learn more at… http://msdn.com/ie

37. What is the new name of JavaScript Engine? Define Site pinning? When Microsoft released the final version of IE 9? A JavaScript API’s that help you to instrument your code called? Questions