8
Sascha P. Corti Internet Explorer 8 for Developers TechLab , 2 Internet Explorer 8 Overview for Developers
, Internet Explorer 8 Overview for Developers A little Bit of Internet Explorer HistoryA little Bit of Internet Explorer History Internet Explorer 8 for DevelopersInternet Explorer 8 for Developers AcceleratorsAccelerators Web SlicesWeb Slices Search Providers with Search SuggestionsSearch Providers with Search Suggestions Internet Explorer Administration Kit 8Internet Explorer Administration Kit 8 LinksLinks On to the Hands-On Lab / TechLab!On to the Hands-On Lab / TechLab! I
A little Bit of Internet Explorer History , 4 Internet Explorer 8 Overview for Developers
IE6 IE7 Standard s IE , Internet Explorer 8 Overview for Developers 5
Goal = CSS 2.1 compliance Great progress to date: ACID2 displays correctly IE7 ACID 2 Test IE8 ACID 2 Test ACID 2 Reference Rendering , Internet Explorer 8 Overview for Developers 6
Path to CSS 2.1 compliance is not Crystal Clear Lack of Test SuiteLack of Test Suite Contributed Tests to the W3CContributed Tests to the W3C Areas of Ambiguity in SpecAreas of Ambiguity in Spec , Internet Explorer 8 Overview for Developers The effect of 'position:relative' on table-row- group, table-header-group, table-footer- group, table-row, table-column-group, table- column, table-cell, and table-caption elements is undefined.
Goal #1: Better Support for Web standards MODESMODES IE 8 CSS 2.1 layout + JavaScript / OM improvements IE8 Layout , Internet Explorer 8 Overview for Developers 8
Goal #2 – Allow developers to choose IE7 compatibility mode if they want / need it IE7 Layout* *Security fixes made to IE7 layout code path may cause changes in behavior from IE7 to IE8 MODESMODES IE <= 6 Quirks mode IE 7 Standards mode , Internet Explorer 8 Overview for Developers 9
IE <= 6 Quirks mode IE 7 Standards mode IE 8 CSS 2.1 rendering + JavaScript / OM improvements IE7 Layout IE8 Layout MODESMODES Mode must be enabled via opt-in Default = best standards mode Multiple layout modes provide support for Quirks, Standards, and IE8 Standards modes , Internet Explorer 8 Overview for Developers 10
<head> Test Page Test Page </head> Opting-In via Tag or HTTP Header , Internet Explorer 8 Overview for Developers 11
Declared overrides Declared overrides Compatibility mode switch can “lock-in” Quirks and IE7 Standards modes as wellCompatibility mode switch can “lock-in” Quirks and IE7 Standards modes as well Common NameCompatibility Mode Value QuirksIE=5 IE7 StandardsIE=7 Emulate IE7IE=EmulateIE7 IE8 StandardsIE=8 Emulate IE8IE=EmulateIE8 Always Use Latest Mode IE=edge , Internet Explorer 8 Overview for Developers 12
// What mode is my document in? document.write("My document is in IE" + document.documentMode + " compatibility mode"); Checking the Document Mode of a Page , Internet Explorer 8 Overview for Developers 13
Accelerators Provide your services from anywhere on the webProvide your services from anywhere on the web Web Slices Bring pieces of your site directly to the userBring pieces of your site directly to the user Search Providers Provide visual search and search suggestionsProvide visual search and search suggestions Create a sticky connection to your user! , Internet Explorer 8 Overview for Developers 14
Accelerators , 15 Internet Explorer 8 Overview for Developers
, Internet Explorer 8 Overview for Developers Access your Favorite Services from any Web Page.
Accelerators , 17 Internet Explorer 8 Overview for Developers
OpenService XML Description Serialize Content Serialize Content Navigate URL HTML Preview Accelerator Results in Preview Install Accelerator Select Content Select Accelerator Execute Accelerator Navigate to Service , Internet Explorer 8 Overview for Developers 18
Accelerators don’t do any manipulations Can do POST or GET requests Adding a Preview uses a 320x240 window Can send several parameters HighlightedText, {selection} DocumentName, {documentTitle} DocumentDomain, {documentDomain} DocumentHost, {documentHost} Link, {link} LinkText, {linkText} LinkRel, {linkRel} LinkType, {linkType} LinkDomain, {linkDomain} LinkHost, {linkHost} , Internet Explorer 8 Overview for Developers 19
<openServiceDescription xmlns=" Search with Bing Shopping <execute method="get" action=" /> <preview method="get" action=" /> , Internet Explorer 8 Overview for Developers 20
//check the user agent string if client is MSIE 8.0 //for more info: //check if service is already installed window.external.IsServiceInstalled (‘ ‘category’); //if false, display button to add service <input name="Button1" type="button" value="Install Bing shopping Accelerator" onclick="window.external.AddService(‘ , Internet Explorer 8 Overview for Developers 21
Creating an Accelerator , 22 Internet Explorer 8 Overview for Developers
Accelerators are a light-weight way for users to have easy access to their favorites services from any web page 1.Think about ways to drive users to your site from any webpage: - lookup information (rating, similar information, etc.) - create new content - link sharing 2.Create an Accelerator using the OpenService Format Accelerators are designed to work with today’s services 3.Advertise your Accelerator on your website Installing an Accelerator requires no code deployment , Internet Explorer 8 Overview for Developers 23
Web Slices , 24 Internet Explorer 8 Overview for Developers
, Internet Explorer 8 Overview for Developers Get Updates for Your Favorite Pieces of the Web.
Web Slices , 26 Internet Explorer 8 Overview for Developers
, Internet Explorer 8 Overview for Developers Basic.html Web Slice Discover Update & Notify Store Display
, Internet Explorer 8 Overview for Developers Basic.html Web Slice Discover Update & Notify Store Display Update.feed.xml
, Internet Explorer 8 Overview for Developers Basic.html Web Slice Discover Update & Notify Store Display Display.html
Amazon Kindle, Unopened Current bid: US $ , Internet Explorer 8 Overview for Developers 30
hslice entry-titlethe title of the feed item entry-contentthe description of the feed item feedurl ttlalternative path to get updates– time-to-live value endtimethe date in which the item is no longer relevant , Internet Explorer 8 Overview for Developers 31
Feed Download Engine checks for updates once a day by default (15 minutes max) Set time-to-live value Updates every 60 mins Provide alternative feed Direct download engine to different source for getting updatesDirect download engine to different source for getting updates Subscribe , Internet Explorer 8 Overview for Developers 32
Feeds enable opening web data to users and applications Web Slices are the same as feedsWeb Slices are the same as feeds Data is cached on user’s local machineData is cached on user’s local machine Expose private data through authenticationExpose private data through authentication Feeds Platform Auth Support: Persistent cookie based authPersistent cookie based auth On expired cookies, click thru to clip page to re-authOn expired cookies, click thru to clip page to re-auth Http based auth (Basic & Digest)Http based auth (Basic & Digest) Basic auth via SSLBasic auth via SSL Uses saved credentials for background downloadUses saved credentials for background download On failure, user can click thru to page to “fix” problemOn failure, user can click thru to page to “fix” problem NTLM (Corporate Scenarios)NTLM (Corporate Scenarios) , Internet Explorer 8 Overview for Developers 33
Creating a Web Slice , 34 Internet Explorer 8 Overview for Developers
Search Providers with Search Suggestions , 35 Internet Explorer 8 Overview for Developers
, Internet Explorer 8 Overview for Developers Your Favorite Search Engines with History and Suggestions
Search Providers with Search Suggestions , 37 Internet Explorer 8 Overview for Developers
My Wikipedia Search , Internet Explorer 8 Overview for Developers 38
, Internet Explorer 8 Overview for Developers seattle seattle weather rainy all the time <Image source=" alt="rainy" width="75" height="50" /> seattle seahawks football team <Image source=" alt="seahawks" width="75" height="50" /> ["seattle", ["seattle weather", "seattle seahawks", "seattle mariners"], ["rainy all the time", "football team", "baseball team"], [" " JSON Response XML Response
<link title="My Wikipedia Search" rel="search" type="application/opensearchdescription+xml" href="wikipedia_search_provider.xml" /> <input name="Button2" type="button" value="Install My Wikipedia Search Provider" onclick="window.external.AddSearchProvider ('wikipedia_search_provider.xml')"/> , Internet Explorer 8 Overview for Developers 40
Creating a Search Provider with Search Suggestions , 41 Internet Explorer 8 Overview for Developers
, Internet Explorer 8 Overview for Developers Manager for Accelerators & Search Providers Web Slices «just» links in Favorites bar.
, Internet Explorer 8 Overview for Developers Publish Add-Ons to the Add-On Gallery
Internet Explorer Administration Kit , 44 Internet Explorer 8 Overview for Developers
, Internet Explorer 8 Overview for Developers Distribution Options CD, LAN/Internet, Configuration-Only Package Custom Components In-House Applications, Toolbars, etc. Setup Experience Change User Experience during setup Browser Customization Title Bar (Internet Explorer provided by [YourName]) Customize Search Providers Accelerators, Favorites & Web Slices
, Internet Explorer 8 Overview for Developers
Internet Explorer 8 Features Internet Explorer 8 Whitepapers Accelerators OpenService Accelerators Developer Guide: Internet Explorer Gallery Accelerators: Web Slices Web Slice Format Specification Subscribing to Content with Webslices Search Providers Search Provider Extensibility in Internet Explorer: XML Search Suggestions Format Specification: The full specification for OpenSearch description files: Internet Explorer Administration Kit Internet Explorer Administration Kit 8 Documentation: Internet Explorer Administration Kit 8 Download: Frequently Asked Questions: Internet Explorer Administration Kit 8: , Internet Explorer 8 Overview for Developers
For more Information please contact , 48 Internet Explorer 8 Overview for Developers Sascha P. Corti Developer Evangelist Tel +41 (43) Mobile+41 (78) Microsoft Schweiz GmbH Richtistrasse 3 CH-8304 Wallisellen
© 2008 Microsoft Switzerland. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.