Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail:...

Internet Explorer 9: Developer Overview Asim AfzalMCT/MCAD/MCSD/MCDBA/MCPE-mail: [email protected] Blog: http://AsimAfzal.WordPress.Com

mailto:[email protected]

http://asimafzal.wordpress.com/

Agenda

History and Evolution

Fast

Clean

Interoperable

History and Evolution

All-Around Fast

Multi-System Performance

WebKit SunSpider JavaScript Benchmark Results

The JavaScript Engine

Source Code

Parser AST InterpreterByteCod

e

Foreground

Source Code Parser AST InterpreterByteCode

Foreground

New JavaScript Engine – “Chakra”

BackgroundBackground Compiler

Native Code

Compiled JavaScript In The Background Using Multiple Cores

Flying Images

Demo

Flying Images – One Animation

IE8

IE9

Using The Full Power of Your PC

Everyone Has a GPU

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

With a focus on your sites

Clean

Pinning Demo

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

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

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( 'http://host/overlay1.ico','Overlay 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=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

With the same markup

Interoperable

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%

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

Defining Same Markup

Internet Explorer Testing Center

http://samples.msdn.microsoft.com/ietestcenter/



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

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.

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…

http://ietestdrive.com/

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.

Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail:...

Documents

Transcript of Internet Explorer 9: Developer Overview Asim Afzal MCT/MCAD/MCSD/MCDBA/MCP E-mail:...