IE=EmulateIE7

Download Report

Transcript IE=EmulateIE7

ashish jaiman
architect evangelist
Microsoft
[email protected]

Notable new CSS features
 Generated content and counters
 Outlines
 New ‘display’ values for tables

CSS 3.0 Features
 Box-sizing property
 Vertical text
You can specify the versions of IE your site is
designed to support
Content Value
IE=5
IE=7
IE=EmulateIE7
IE=8
IE=Edge
Meaning
Display in Quirks mode
Display in IE7 Standards mode
Display standards DOCTYPEs in IE7
Standards mode; Display quirks
DOCTYPEs in Quirks mode
Display in IE8 Standards mode
Display in latest mode; In the IE8
release, this is equivalent to IE=8
• Declared <META> overrides <!DOCTYPE>
• The mode specified on page takes precedence over mode
specified by server
2 options for rendering your site as it did in IE7
On a per-site basis, add the custom HTTP Header:
X-UA-Compatible: IE=EmulateIE7
<?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>
On a per-page basis, add a tag right after the <head> tag:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
<head>
<!– Tell IE8 to display in IE7 Strict mode -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>My Web Page</title>
</head>
<body>
<p>Content goes here.</p>
</body>
</html>
Beta 1: EmulateIE7 Button
(main toolbar)
Required Browser Restart
Only 2 universal modes: On/Off
Usability success rate: 25%
Beta 2: Compatibility View Button
(Address bar)
Does NOT require restart
Can apply per-tab, per-session
Once clicked for a domain it
persists
Predicted success rate: 70+%

Security is key
 Domain Highlighting
 Improved Add-On experience

Crash Recovery
 Browser tabs run independently

Feeds Platform adds authentication support
 HTTP based authentication for Basic and Digest
 Basic authentication via SSL
 Can save credentials
A new rendering engine that runs side by side
 Users expect their sites to “just work”
 What do developers want?

 IE6 Rendering
 IE7 Rendering
 IE8 Rendering
How do we give developers what they want?
 Compatibility Meta Tag or HTTP Header

<meta http-equiv=“X-UA-Compatible” content=“IE=7” />
Tools ship in the box
 Debugging HTML & CSS

 View effective styles, Trace styles, View applied
rules, View layout, Edit HTML and CSS

Debugging JavaScript
 Execution control, Variable Inspection,
Immediate Window

Easy rendering engine changing
 Switch between layout modes without changing
the page source

Provides web services with a simple right click
 Maps, Blogs, Email, Productivity, Social Networking
Quickly drive users back to your site
 Uses Open Service Format

 Simple XML file

Easy to deploy to users
 window.external.IsServiceInstalled()
 window.external.AddService()

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 page
 Requires a developer to mark up their
page with a couple of new CSS classes










smart address bar
Accelerator
One click favorite
Search suggestions
Web slices
Tabs
Security and privacy
In private browsing
Crash recovery
© 2008 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.