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.