internet explorer 9: developer overview asim afzal mct/mcad/mcsd/mcdba/mcp e-mail:...
TRANSCRIPT
![Page 1: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/1.jpg)
Internet Explorer 9: Developer Overview Asim AfzalMCT/MCAD/MCSD/MCDBA/MCPE-mail: [email protected] Blog: http://AsimAfzal.WordPress.Com
![Page 2: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/2.jpg)
PAGE 2
Agenda
History and Evolution
Fast
Clean
Interoperable
![Page 3: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/3.jpg)
History and Evolution
![Page 4: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/4.jpg)
PAGE 4
![Page 5: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/5.jpg)
PAGE 5
![Page 6: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/6.jpg)
PAGE 6
![Page 7: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/7.jpg)
PAGE 7
![Page 8: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/8.jpg)
PAGE 8
![Page 9: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/9.jpg)
All-Around Fast
![Page 10: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/10.jpg)
PAGE 10
Multi-System Performance
![Page 11: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/11.jpg)
PAGE 11
WebKit SunSpider JavaScript Benchmark Results
![Page 12: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/12.jpg)
PAGE 12
The JavaScript Engine
Source Code
Parser AST InterpreterByteCod
e
Foreground
![Page 13: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/13.jpg)
PAGE 13
Source Code Parser AST InterpreterByteCode
Foreground
New JavaScript Engine – “Chakra”
BackgroundBackground Compiler
Native Code
Compiled JavaScript In The Background Using Multiple Cores
![Page 14: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/14.jpg)
Flying Images
Demo
![Page 15: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/15.jpg)
PAGE 15
Flying Images – One Animation
IE8
IE9
![Page 16: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/16.jpg)
PAGE 16
Using The Full Power of Your PC
![Page 17: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/17.jpg)
PAGE 17
Everyone Has a GPU
![Page 18: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/18.jpg)
PAGE 18
window.msPerformance
<script type="text/javascript"> var w = window; var navStart = w.msPerformance.timing.navigationStart + "ms"; var navStartTime = Date(w.msPerformance.timing.navigationStart);</script>
A new set of Performance Metrics integrated at the DOMBrowser interoperable way to measure performance
![Page 19: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/19.jpg)
With a focus on your sites
Clean
![Page 20: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/20.jpg)
PAGE 20
![Page 21: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/21.jpg)
PAGE 21
![Page 22: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/22.jpg)
PAGE 22
![Page 23: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/23.jpg)
Pinning Demo
![Page 24: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/24.jpg)
PAGE 24
Enhance your Pinned Site
Pinned Site mode requires
no changes to your site
Getting Started with Pinned Sites
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
![Page 25: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/25.jpg)
Customize Your Pinned Site
25
<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" />
Use meta elements to provide specific information
![Page 26: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/26.jpg)
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() }}
![Page 27: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/27.jpg)
Adding Icon Overlays
27
window.external.msSiteModeSetIconOverlay( 'http://host/overlay1.ico','Overlay 1');
window.external.msSiteModeClearIconOverlay();
Provide users with notifications or progress updates
![Page 28: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/28.jpg)
Adding Jump Lists
28
<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"/>
Windows 7 integration
![Page 29: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/29.jpg)
With the same markup
Interoperable
![Page 30: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/30.jpg)
PAGE 30
Web API Usage
7000 top sites
API (by rank)1 50 700
Num
ber o
f site
s
7000
0
API Rank Percent of Sites
indexOf 1 94%
getElementById 13 80%
addEventListener 27 65%
getComputedStyle 62 26%
![Page 31: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/31.jpg)
PAGE 31
The HTML Working Group
Working With Standards Bodies
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 emails on public-html
![Page 32: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/32.jpg)
PAGE 32
Defining Same Markup
![Page 33: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/33.jpg)
PAGE 33
Internet Explorer Testing Center
http://samples.msdn.microsoft.com/ietestcenter/
![Page 34: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/34.jpg)
PAGE 34
F12 Developer Tools
A built in, visual interface to the Document Object Model
Fast experimentation
New for Internet Explorer 9
Network inspectionUA String PickerConsole TabSVG Support
![Page 35: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/35.jpg)
PAGE 35
Internet Explorer 9
All-around Fast Clean,with a focus on your websites
Interoperable with same
markup
Uses the full power of yourPC to provide GPU
powered HTML5 andplatform enhancements
including Chakra, thenew JavaScript
engine.
A clean, streamlined,speedier interface thatputs the focus on yoursites, rather than the
browser.
Improved standardssupport to enable“same markup”across browsers.
![Page 36: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/36.jpg)
PAGE 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 Betaand test your
site!
http://msdn.com/ieLearn more at…
![Page 37: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/37.jpg)
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
![Page 38: Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail: Asim@msn.comAsim@msn.com Blog: ://AsimAfzal.WordPress.Com](https://reader037.vdocuments.us/reader037/viewer/2022103022/56649d005503460f949d2fa3/html5/thumbnails/38.jpg)
© 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.