Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP Blog:
Agenda 2 History and Evolution Fast Clean Interoperable
History and Evolution
4
5
6
7
8
All-Around Fast
10 Multi-System Performance
WebKit SunSpider JavaScript Benchmark Results 11
The JavaScript Engine 12 Source Code ParserASTInterpreterByteCode Foreground
Source Code ParserASTInterpreterByteCode Foreground New JavaScript Engine – “Chakra” 13 Background Background Compiler Native Code Compiled JavaScriptIn The BackgroundUsing Multiple Cores
Flying Images Demo
Flying Images – One Animation 15 IE8 IE9
Using The Full Power of Your PC 16
Everyone Has a GPU 17
window.msPerformance 18 var w = window; var navStart = w.msPerformance.timing.navigationStart + "ms"; var navStartTime = Date(w.msPerformance.timing.navigationStart); A new set of Performance Metrics integrated at the DOM Browser interoperable way to measure performance
With a focus on your sites Clean
20
21
22
Pinning Demo
Enhance your Pinned Site Pinned Site mode requires no changes to your site Getting Started with Pinned Sites 24 Provide custom information Add the site as a Pinned Site programmatically Customize the icon Define Jump List tasks Add additional Jump List items in a custom list Show thumbbar buttons
Customize Your Pinned Site 25 <meta name="msapplication-tooltip" content="Start the Pinned Site" /> <meta name="msapplication-starturl" content=" /> Use meta elements to provide specific information
Programmatically Pinning Your Site 26 if (window.external.msIsSiteMode) { if (window.external.msIsSiteMode()) { // we are already in site mode } else { // add site to the Programs menu window.external.msAddSiteMode() }
Adding Icon Overlays 27 window.external.msSiteModeSetIconOverlay( ' 1'); window.external.msSiteModeClearIconOverlay(); Provide users with notifications or progress updates
Adding Jump Lists 28 <meta name="msapplication-task" content="name=Task 1;action-uri= icon-uri= <meta name="msapplication-task" content="name=Task 2;action-uri= icon-uri= Windows 7 integration
With the same markup Interoperable
Web API Usage 7000 top sites API (by rank) Number of sites APIRankPercent of Sites indexOf194% getElementById1380% addEventListener2765% getComputedStyle6226% 30
The HTML Working Group Working With Standards Bodies 31 Member of many W3C Working Groups Leading the W3C HTML5 Testing Task Force 40 W3C Member Organizations 411 group participants 280 invited experts 9 mailing lists ~4000 s on public-html
Defining Same Markup 32
Internet Explorer Testing Center 33
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 34
Internet Explorer 9 35 All-around FastClean, with a focus on your websites Interoperable with same markup
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… 36
1.What is the new name of JavaScript Engine? 2.Define Site pinning? When Microsoft released the final version of IE 9? 3.A JavaScript API’s that help you to instrument your code called? Questions
© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Internet Explorer and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.