Download presentation
Presentation is loading. Please wait.
1
8
2
Sascha P. Corti (sascha.corti@microsoft.com) 29.09.2009 Internet Explorer 8 for Developers TechLab 2009-09-29, sascha.corti@microsoft.com 2 Internet Explorer 8 Overview for Developers
3
3 2009-09-29, sascha.corti@microsoft.com 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
4
A little Bit of Internet Explorer History 2009-09-29, sascha.corti@microsoft.com 4 Internet Explorer 8 Overview for Developers
5
IE6 IE7 Standard s IE8 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 5
6
Goal = CSS 2.1 compliance Great progress to date: ACID2 displays correctly http://www.webstandards.org/action/acid2/guide/ IE7 ACID 2 Test IE8 ACID 2 Test ACID 2 Reference Rendering 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 6
7
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 7 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers http://www.w3.org/TR/CSS21/visuren.html 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.
8
Goal #1: Better Support for Web standards MODESMODES IE 8 CSS 2.1 layout + JavaScript / OM improvements IE8 Layout 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 8
9
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 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 9
10
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 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 10
11
<head> Test Page Test Page </head> Opting-In via Tag or HTTP Header 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 11
12
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 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 12
13
// What mode is my document in? document.write("My document is in IE" + document.documentMode + " compatibility mode"); Checking the Document Mode of a Page 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 13
14
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! 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 14
15
Accelerators 2009-09-29, sascha.corti@microsoft.com 15 Internet Explorer 8 Overview for Developers
16
16 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Access your Favorite Services from any Web Page.
17
Accelerators 2009-09-29, sascha.corti@microsoft.com 17 Internet Explorer 8 Overview for Developers
18
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 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 18
19
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} 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 19
20
<openServiceDescription xmlns="http://www.microsoft.com/schemas/openservicedescription/1.0"> http://www.bing.com/shopping/ Search with Bing Shopping http://www.bing.com/favicon.ico <execute method="get" action="http://www.bing.com/shopping/?q={selection}" /> <preview method="get" action="http://www.bing.com/shopping/accelerator?q={selection}" /> 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 20
21
//check the user agent string if client is MSIE 8.0 //for more info: http://msdn2.microsoft.com/en-us/library/ms537509.aspx //check if service is already installed window.external.IsServiceInstalled (‘http://bing.com/shopping/accelerator.xml’, ‘category’); //if false, display button to add service <input name="Button1" type="button" value="Install Bing shopping Accelerator" onclick="window.external.AddService(‘http://bing.com/shopping/accelerator.xml')"/> 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 21
22
Creating an Accelerator 2009-09-29, sascha.corti@microsoft.com 22 Internet Explorer 8 Overview for Developers
23
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 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 23
24
Web Slices 2009-09-29, sascha.corti@microsoft.com 24 Internet Explorer 8 Overview for Developers
25
25 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Get Updates for Your Favorite Pieces of the Web.
26
Web Slices 2009-09-29, sascha.corti@microsoft.com 26 Internet Explorer 8 Overview for Developers
27
27 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Basic.html Web Slice Discover Update & Notify Store Display
28
28 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Basic.html Web Slice Discover Update & Notify Store Display Update.feed.xml
29
29 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Basic.html Web Slice Discover Update & Notify Store Display Display.html
30
Amazon Kindle, Unopened Current bid: US $282.11 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 30
31
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 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 31
32
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 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 32
33
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) 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 33
34
Creating a Web Slice 2009-09-29, sascha.corti@microsoft.com 34 Internet Explorer 8 Overview for Developers
35
Search Providers with Search Suggestions 2009-09-29, sascha.corti@microsoft.com 35 Internet Explorer 8 Overview for Developers
36
36 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Your Favorite Search Engines with History and Suggestions
37
Search Providers with Search Suggestions 2009-09-29, sascha.corti@microsoft.com 37 Internet Explorer 8 Overview for Developers
38
My Wikipedia Search http://en.wikipedia.org/favicon.ico 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 38
39
39 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers seattle seattle weather rainy all the time <Image source="http://www.xy.com/search/rain.jpg" alt="rainy" width="75" height="50" /> http://www.weather.com/seattle seattle seahawks football team <Image source="http://www.xy.com/search/seahawks.jpg" alt="seahawks" width="75" height="50" /> http://www.nfl.com/seahawks ["seattle", ["seattle weather", "seattle seahawks", "seattle mariners"], ["rainy all the time", "football team", "baseball team"], ["http://www.weather.com/seattle”,"http://www.nfl.com/seahawks”, "http://www.mlb.com/mariners"]] JSON Response XML Response
![, 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](http://images.slideplayer.com/14/4262301/slides/slide_39.jpg ", 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")
40
<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')"/> 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 40
41
Creating a Search Provider with Search Suggestions 2009-09-29, sascha.corti@microsoft.com 41 Internet Explorer 8 Overview for Developers
42
42 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Manager for Accelerators & Search Providers Web Slices «just» links in Favorites bar.
43
43 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Publish Add-Ons to the Add-On Gallery http://ieaddons.com http://ieaddons.com
44
Internet Explorer Administration Kit 8 2009-09-29, sascha.corti@microsoft.com 44 Internet Explorer 8 Overview for Developers
45
45 2009-09-29, sascha.corti@microsoft.com 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
46
46 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers
47
Internet Explorer 8 Features http://www.microsoft.com/windows/products/winfamily/ie/ie8/features.mspx http://www.microsoft.com/windows/products/winfamily/ie/ie8/features.mspx Internet Explorer 8 Whitepapers http://code.msdn.microsoft.com/Release/ProjectReleases.aspx?ProjectName=ie8whitepapers&ReleaseId=567 http://code.msdn.microsoft.com/Release/ProjectReleases.aspx?ProjectName=ie8whitepapers&ReleaseId=567 Accelerators OpenService Accelerators Developer Guide: http://msdn.microsoft.com/en-us/library/cc289775(VS.85).aspx http://msdn.microsoft.com/en-us/library/cc289775(VS.85).aspx Internet Explorer Gallery Accelerators: http://www.ieaddons.com/en/accelerators/ http://www.ieaddons.com/en/accelerators/ Web Slices Web Slice Format Specification http://msdn.microsoft.com/en-us/library/cc304073(VS.85).aspx http://msdn.microsoft.com/en-us/library/cc304073(VS.85).aspx Subscribing to Content with Webslices http://msdn.microsoft.com/en-us/library/cc184965(VS.85).aspx http://msdn.microsoft.com/en-us/library/cc184965(VS.85).aspx Search Providers Search Provider Extensibility in Internet Explorer: http://msdn.microsoft.com/en-us/library/cc848862.aspx XML Search Suggestions Format Specification: http://msdn.microsoft.com/en-us/library/cc848863.aspx The full specification for OpenSearch description files: http://www.opensearch.org/Specifications/OpenSearch/1.1 http://www.opensearch.org/Specifications/OpenSearch/1.1 Internet Explorer Administration Kit Internet Explorer Administration Kit 8 Documentation: http://technet.microsoft.com/en-us/library/cc817437.aspx Internet Explorer Administration Kit 8 Download: http://technet.microsoft.com/en-us/ie/cc889349.aspx Frequently Asked Questions: Internet Explorer Administration Kit 8: http://technet.microsoft.com/en-gb/ie/bb219561.aspx 47 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers
48
For more Information please contact 2009-09-29, sascha.corti@microsoft.com 48 Internet Explorer 8 Overview for Developers Sascha P. Corti Developer Evangelist Sascha.corti@microsoft.com Tel +41 (43) 456-6294 Mobile+41 (78) 844-6294 Microsoft Schweiz GmbH Richtistrasse 3 CH-8304 Wallisellen
49
© 2008 Microsoft Switzerland. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.
Similar presentations
