Download - Internet Explorer 8 Developer Overview
![Page 1: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/1.jpg)
Internet Explorer 8:a developers overview
Dave BostDeveloper EvangelistMicrosoft Corporation
http://davebost.com/blog
![Page 2: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/2.jpg)
Web Standards
The best way to get interoperability: Comprehensive unbiased test suites
7201 test cases contributed to W3C
HTML 4.01 CSS 2.1 ACID 2
Test Cases available at http://samples.msdn.microsoft.com/ietestcenter
![Page 3: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/3.jpg)
CSS 2.1 Test Results
IE7
IE8
(Com
pat M
ode)
IE8
(Sta
ndar
ds)
Fire
fox
3.0.
6
Opera
9.6
3
Safa
ri 3.
2.2
Chrom
e 1.
0
Safa
ri 4
65%
70%
75%
80%
85%
90%
95%
100%
% P
ass
ing T
est
s
![Page 4: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/4.jpg)
A New Layout EngineUsers expect their sites to “just work”What do developers want?
IE6 RenderingIE7 RenderingIE8 Rendering
IE7 and IE8 rendering engine built inHow do we give developers what they want?Compatibility Meta Tag or HTTP Header
<meta http-equiv=“X-UA-Compatible” content=“IE=7” />
![Page 5: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/5.jpg)
IE8 Rendering by default
User fix: Compatibility View Button
Exceptions:Compatibility List View sitesIntranet sites
![Page 6: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/6.jpg)
Compatibility View List sites
Site in the list run in IE7 Rendering Mode
Help websites’ transition to IE8Temporary fix, not supported in the future
Based on beta user telemetryInclude TOP websites per country
Easy to opt-out:META tag override Compatibility View listWebsite owner send email to [email protected]
![Page 7: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/7.jpg)
Best user experience
Website using META tag
![Page 8: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/8.jpg)
Compatibility META tag
Put you in full control of your website rendering mode
<meta http-equiv=“X-UA-Compatible”
content=“IE=EmulateIE7” />
![Page 9: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/9.jpg)
Compatibility META tag
![Page 10: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/10.jpg)
How to add the meta tag
Page (HTML, PHP, ASPX, …)<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7” />
Web.config (ASP.Net)<?xml version="1.0" encoding="utf-8"?><configuration> <system.webServer> <httpProtocol> <customHeaders> <clear />
<add name="X-UA-Compatible" value="IE=EmulateIE7"> </customHeaders> </httpProtocol> <system.webServer></configuration>
Custom HTTP Header (IIS, Apache, …)
http://msdn.com/iecompat
![Page 11: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/11.jpg)
Intranet sites
Intranet sites run in IE7 Rending Mode
Easy to opt-outUsing META tag
![Page 12: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/12.jpg)
How to maximize your end-users experience?
Short termInclude the IE=EmulateIE7 META tag
Long termCode to IE8 Standards + Include IE=8 META tag
![Page 13: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/13.jpg)
Performance and MemoryConnection Limits Increased
Broadband: 6Modem: 2Configurable via API’s
Pre-Parser doesn’t block at script tagsJScript Improvements
DOM object look ups are much fasterCircular referenced objects are garbage collectedFaster native Jscript operations
Function call performanceString methodsArray methodsRead, write, and deleted Object methodsGarbage collection algorithmCommunication layer between DOM and JSript
![Page 14: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/14.jpg)
New DOM Features
Mutable DOM PrototypesAdd new methodsAdd new propertiesOverride default built-in behavior for methodsOverride default built-in behavior for properties
Native JSON SupportFaster JSON accessUses JSON2 nomenclature 3rd party code no longer needed
![Page 15: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/15.jpg)
DOM Improvements
hasAttribute(“attrName”) (on Element)Supports “unspecified” attributesCase comparisons for HTML are case-insensitiveGetters/setters behave consistently (return strings)
ownerElement, contentDocument, and moregetElementById() no longer includes ‘name’d elementsDynamic radio buttons and checkboxes now work properlygetAttribute(for/style/class/[boolean]) fixedBoolean attributes properly returnedHTML collections fixedOperation Aborted parsing error relegated to script errorDataURI
![Page 16: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/16.jpg)
New User Experiences
Web Slices: Keep up with what matters most
Accelerators: Get things done faster
Visual Search: Visualize your search
![Page 17: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/17.jpg)
AcceleratorsProvides web services with a simple right click
Maps, Blogs, Email, Productivity, Social Networking
Quickly drive users back to your siteUses Open Service Format
Simple XML fileEasy to deploy to users
window.external.IsServiceInstalled()window.external.AddService()
![Page 18: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/18.jpg)
Accelerator XML File<?xml version="1.0" encoding="utf-8" ?> <openServiceDescription
xmlns="http://www.microsoft.com/schemas/openservicedescription/1.0"> <homepageUrl>http://maps.live.com</homepageUrl> <display> <name>Map with Live Maps</name> <icon>http://maps.live.com/favicon.ico</icon> </display> <activity category="Map"> <activityAction context="selection"> <execute method="get“
action="http://maps.live.com/default.aspx?where1={selection}" />
<preview method="get" action="http://maps.live.com/geotager.aspx"> <parameter name="b" value="{selection}" />
<parameter name="clean" value="true" /> <parameter name="w" value="320" /> <parameter name="h" value="240" /> <parameter name="format" value="full" />
</preview> </activityAction> </activity></openServiceDescription>
<button id="myButton" onclick="window.external.AddService('http://www.example.com/activity.xml')"> Add MyMap to the shortcut menu in Internet Explorer 8</button>
![Page 19: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/19.jpg)
Web Slices
Users monitor lots of content on the web
Auctions, Weather, Top News, Blogs…Web Slices allow users to subscribe to content directly within a web pageRequires a developer to mark up their page with a couple of new CSS classes
![Page 20: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/20.jpg)
Web Slice Code Sample
![Page 21: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/21.jpg)
Developer Productivity
CSS, HTML and Javascript debugger “in the box”
Page “live editing”Execution control (breakpoints, immediate window, step into, …)Layout box model, style tracingProfiler
![Page 22: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/22.jpg)
Developer Tools
Tools ship in the boxDebugging HTML & CSS
View effective styles, Trace styles, View applied rules, View layout, Edit HTML and CSS
Debugging JavaScriptExecution control, Variable Inspection, Immediate Window
Easy rendering engine changingSwitch between layout modes without changing the page source
![Page 23: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/23.jpg)
Developer Tools
JavaScript ProfilerOne click start/stop of profilerQuickly see where application is spending timeFunction or Call Tree View
Save EditsNotepad like editing & inline editingAdd/Change attributes, classes & propertiesMake changes to HTML, CSS, and save to disk
![Page 24: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/24.jpg)
Showing it all off…Web Slices, Accelerators, Visual Search and the Developer Toolbar
demo
![Page 25: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/25.jpg)
SecurityIntegrated anti-phishing protectionSecure development lifecycle (SDL) IEAK, centralized build and update managementExtended validation (ev) ssl certificatesDomain highlightingIntegrated cross site scripting protectionHTTP only cookiesLegacy versions support (10 years)
Inprivate filtering (control of 3P data sharing)24/7 escalation for phishing and malwareP3P supportAnti-spoofing int. Domain names controlCross document messaging (XDM)Centralized add-on managementIntegrated click-jacking prevention
![Page 26: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/26.jpg)
Looking Forward to the Future
HTML 5XDR/XDMJSONCSS selectorsDOM storageMutable DOM prototypesAjax navigationNetwork connection awareness
CSS 3Box-sizingVertical-text
![Page 27: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/27.jpg)
Call To Action
Install IE8 todayVPC’s are available
Test, Test, TestTest Your WebsitesAdd The META Tag As AppropriateTell Us About Our Bugs!
Learn About IE Application Compatibility
http://MSDN.com/IECompat
![Page 28: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/28.jpg)
Resources
blogs.msdn.com/ie – Official IE team blogmsdn.Com/ie – IE developer centermsdn.Com/iecompat – IE compatibility centersessions.visitmix.com – MIX09blogs.msdn.com/Giorgio – Girogio Sardo’s blog
![Page 29: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/29.jpg)
Dave Bost
thank you!
http://davebost.comhttp://twitter.com/davebost
![Page 30: Internet Explorer 8 Developer Overview](https://reader033.vdocument.in/reader033/viewer/2022052900/55617335d8b42aac268b4879/html5/thumbnails/30.jpg)
© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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.