DevDays09 Internet Explorer 8

Internet Explorer 8
11/26/2009
1
DevDays2009

KonstantinosPantos
http://blog.pantos.name
11/26/2009
DevDays 2009
2

What’s new in IE8
Standards Interoperability Improvements
CSS 2.1, HTML 4.01, HTML 5 DOM Storage etc.
Multiple rendering mode support
Acid 2 test passed
New Features
Accelerators
WebSlices
Visual Search
Ajax improvements
Automatic crash recovery
Security Features
Platform enhancements
Performance improvements
Developer tools
11/26/2009
DevDays 2009
3

Compatibility Modes
IE8 Standard (default) – CSS 2.1-compliant
IE7 Emulation – backward compatibility with IE7
IE5 Compatible – IE5 rendering behavior
Mode Switches (Opt-in)
HTTP header: X-UA-Compatible: IE=7
For example, Web.Config in IIS7:
11/26/2009
DevDays 2009
4
<httpProtocol>
<customHeaders>
<clear />
<add name="X-UA-Compatible" value="IE=7" />
</customHeaders>
</httpProtocol>

JavaScript:
Meta tag:
11/26/2009
DevDays 2009
5
/* Floating-point that receives one of the following values.
5: Microsoft Internet Explorer 5 mode (also known as "quirks mode").
7: Internet Explorer 7 Standards mode.
8: Internet Explorer 8 Standards mode. */
document.documentMode = 5;
<meta http-equiv="X-UA-Compatible" content="IE=7">

Accelerators
Contextual Menu Options
Based on content selection
selection,
Link
document
“ look up” & “send to” external services
In-place content preview
Implementation
OpenService Activity XML descriptor
HTTP GET/POST
JavaScript integration
11/26/2009
DevDays 2009
6
http://www.microsoft.com/schemas/openservicedescription/1.0
window.external.AddService() & IsServiceInstalled()

OpenService Accelerator Format
11/26/2009
DevDays 2009
7
<?xml version="1.0" encoding="UTF-8"?>
<os:openServiceDescription
xmlns:os="http://www.microsoft.com/schemas/openservicedescription/1.0">
<os:homepageUrl>http://maps.example.com</os:homepageUrl>
<os:display>
<os:name>Map with MyMap</os:name>
<os:icon>http://www.example.com/favicon.ico</os:icon>
<os:description>Map addresses easily with MyMap.</os:description>
</os:display>
<os:activity category="Map">
<os:activityAction context="selection">
<os:preview action="http://maps.example.com/preview.php?addr={selection}" />
<os:execute action="http://maps.example.com/" method="get">
<os:parameter name="addr" value="{selection}" type="text" />
</os:execute>
</os:activityAction>
</os:activity>
</os:openServiceDescription>

Deploying Accelerators
11/26/2009
DevDays 2009
8
<button id="myButton"
onclick="window.external.AddService('http://www.example.com/activity.xml')">
Add MyMap to the shortcut menu in Internet Explorer 8</button>
window.onload= function() {
if (window.external.IsServiceInstalled('http://www.example.com','map')) {
document.getElementById('myButton').disabled = true;
}
}

<Demo />
11/26/2009
DevDays 2009
9

Web Slices
Page Content Subscription
RSS-based subscriptions to portions of a Web page
Favorites Bar with update notification
Content-hover discovery
In-place content preview
Implementation
Enabled by adding HTML annotations
hAtomMicroformat and Web Slice format
Refresh interval configurable
Sample HTML Annotations …
11/26/2009
DevDays 2009
10

Web Slice Format
hAtomMicroformat describes a feed & items
Web Slice builds on hAtom
hAtom can represent static content
Web Slice is dynamic content
Web Slice reuses properties on hAtom
Adds optional properties for subscribing
ttl – time-to-live value
feedurl – alternative path to get updates
endtime – When the feed item is no longer relevant
Can be applied to an hAtom
11/26/2009
DevDays 2009
11

Alternative Display Source
11/26/2009
DevDays 2009
12

Alternative Update and Display
11/26/2009
DevDays 2009
13

<Demo />
11/26/2009
DevDays 2009
14

Search Providers
OpenSearch specification based
Used by any browser that supports it
Offering Search Suggestions
Offering Visual Search Suggestions
11/26/2009
DevDays 2009
15

OpenSearch Description File
11/26/2009
DevDays 2009
16
<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescriptionxmlns="http://a9.com/-/spec/opensearch/1.1/"
xmlns:ie="http://schemas.microsoft.com/Search/2008/">
<ShortName>My Custom Search</ShortName>
<Image height="16" width="16" type="image/icon">http://example.com/example.ico</Image>
<Url type="text/html"
template="http://example.com/search.aspx?q={searchTerms}&source=IE"/>
<Url type="application/x-suggestions+json"
template="http://suggestions.example.com/search.aspx?q={searchTerms}"/>
<Url type="application/x-suggestions+xml"
<ie:PreviewUrl type="text/html"
</OpenSearchDescription>

Search Suggestions
Additional declarations
11/26/2009
DevDays 2009
17
<Url type="application/x-suggestions+json"
<Url type="application/x-suggestions+xml"

XML Suggestion format
11/26/2009
DevDays 2009
18
<?xml version="1.0"?>
<SearchSuggestionxmlns="http://schemas.microsoft.com/Search/2008/suggestions">
<Query>xbox</Query>
<Section>
<Separator title="My Text Suggestions"/>
<Item>
<Text>Xbox 360</Text>
<Description>The official Xbox website from Microsoft</Description>
<Url>http://www.xbox.com</Url>
<Image source="http://www.example.com/xboxconsole.jpg" alt="Xbox 360 Consoles"
width="75" height="75"/>
</Item>
<Item>
<Text>Xbox cheats</Text>
<Description>Codes and walkthroughs</Description>
<Url>http://www.example.com/xboxcheatcodes.aspx</Url>
</Item>
<Item>
<Text>Xbox 360 games</Text>
<Description>Games and accessories</Description>
<Url>http://www.example.com/games</Url>
</Item>
</Section>
</SearchSuggestion>

Developer Tools
Built-In Developer Tools
Dynamic toggling of rendering modes
3 modes – HTML, CSS, JavaScript
HTML & CSS Explorer
Exposes internal representation of DOM tree and CSS styles
Real-time editing and rendering
Element-based style explorer
CSS file-based view in CSS mode
11/26/2009
DevDays 2009
19

Developer Tools
JavaScript Debugger
Execution control
line and context-based breakpoints
Step into, over, out, continue; break all (pause)
Variable Inspection
Scope sensitive (local, global, etc.)
Set watch variables
Call Stack Manipulation
Dynamic call stack traversal
Custom Script Execution
Immediate tab
11/26/2009
DevDays 2009
20

<Demo />
11/26/2009
DevDays 2009
21

Internet Explorer Administration Kit
Increase productivity.
Customize settings
Same functionality in all browsers
Easier support
Increase manageability and reliability
Maximize reliability
Reduce the cost of deployments, support, and upgrades
Central dynamic IE installation management
11/26/2009
DevDays 2009
22

Features
Distribution options.
Custom components.
Customize Setup experience.
Customize Search experience.
Customize Browser experience.
Administrator-approved Microsoft ActiveX® controls.
Automatic configuration.
Web Slices. You can add Web Slices to your customized browser.
Accelerators. You can include Live Accelerators, or create your own Accelerators to include with your customized browser.
Search providers. You can make multiple search providers available to your users
11/26/2009
DevDays 2009
23

<Demo />
11/26/2009
DevDays 2009
24

The Gallery
http://www.ieaddons.com
11/26/2009
DevDays 2009
25

Stuff
Web Sliceshttp://msdn.microsoft.com/en-us/library/cc304073(VS.85).aspx
OpenService Accelerators Developer Guidehttp://msdn.microsoft.com/en-us/library/cc287851(VS.85).aspx
OpenSearchhttp://msdn.microsoft.com/en-us/library/dd464679(VS.85).aspx
Internet Explorer Administration Kit (IEAK)http://technet.microsoft.com/en-us/ie/bb219517.aspx
11/26/2009
DevDays 2009
26

Thank you
11/26/2009
DevDays 2009
27

http://blog.pantos.name	20
http://www.slideshare.net	2
http://www.hanrss.com	1
http://www.cleeki.com	1

DevDays09 Internet Explorer 8

by kpantos on Nov 26, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 24

Statistics

DevDays09 Internet Explorer 8 — Presentation Transcript