9/20/2018 DevDays 2009 Internet Explorer 8

9/20/2018 DevDays 2009 Konstantinos Pantos http://blog.pantos.name

What’s new in IE8 Standards Interoperability Improvements New Features 9/20/2018 DevDays 2009 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

Multiple rendering mode support 9/20/2018 DevDays 2009 Multiple rendering mode support 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: <httpProtocol> <customHeaders> <clear /> <add name="X-UA-Compatible" value="IE=7" /> </customHeaders> </httpProtocol>

Multiple rendering mode support 9/20/2018 DevDays 2009 Multiple rendering mode support JavaScript: Meta tag: /* 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 Implementation 9/20/2018 DevDays 2009 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 http://www.microsoft.com/schemas/openservicedescription/1.0 window.external.AddService() & IsServiceInstalled()

OpenService Accelerator Format 9/20/2018 DevDays 2009 OpenService Accelerator Format <?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 9/20/2018 DevDays 2009 Deploying Accelerators <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; }

9/20/2018 DevDays 2009 <Demo />

Web Slices Page Content Subscription Implementation 9/20/2018 DevDays 2009 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 hAtom Microformat and Web Slice format Refresh interval configurable Sample HTML Annotations …

Web Slice Format hAtom Microformat describes a feed & items 9/20/2018 DevDays 2009 Web Slice Format hAtom Microformat 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

Alternative Display Source 9/20/2018 DevDays 2009 Alternative Display Source

Alternative Update and Display 9/20/2018 DevDays 2009 Alternative Update and Display

9/20/2018 DevDays 2009 <Demo />

Search Providers OpenSearch specification based 9/20/2018 DevDays 2009 Search Providers OpenSearch specification based Used by any browser that supports it Offering Search Suggestions Offering Visual Search Suggestions

OpenSearch Description File 9/20/2018 DevDays 2009 OpenSearch Description File <?xml version="1.0" encoding="UTF-8"?> <OpenSearchDescription xmlns="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 9/20/2018 DevDays 2009 Search Suggestions Additional declarations <Url type="application/x-suggestions+json" template="http://suggestions.example.com/search.aspx?q={searchTerms}"/> <Url type="application/x-suggestions+xml"

XML Suggestion format 9/20/2018 DevDays 2009 <?xml version="1.0"?> <SearchSuggestion xmlns="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> <Text>Xbox cheats</Text> <Description>Codes and walkthroughs</Description> <Url>http://www.example.com/xboxcheatcodes.aspx</Url> <Text>Xbox 360 games</Text> <Description>Games and accessories</Description> <Url>http://www.example.com/games</Url> </Section> </SearchSuggestion>

Developer Tools Built-In Developer Tools HTML & CSS Explorer 9/20/2018 DevDays 2009 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

Developer Tools JavaScript Debugger Execution control 9/20/2018 DevDays 2009 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

9/20/2018 DevDays 2009 <Demo />

Internet Explorer Administration Kit 9/20/2018 DevDays 2009 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 Increase productivity. You can configure or customize settings to give users access to specific intranet and Internet applications, ensure that all browsers have the same functionality, and make support easier. Increase manageability and reliability. By creating custom packages, you can test components in your custom IEAK package with key, line-of-business applications to maximize reliability and reduce the cost of deployments, support, and upgrades. Also, you can centrally and dynamically manage your users' installation of Internet Explorer.

Features Distribution options. Custom components. 9/20/2018 DevDays 2009 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

9/20/2018 DevDays 2009 <Demo />

9/20/2018 DevDays 2009 The Gallery http://www.ieaddons.com

9/20/2018 DevDays 2009 Stuff Web Slices http://msdn.microsoft.com/en-us/library/cc304073(VS.85).aspx OpenService Accelerators Developer Guide http://msdn.microsoft.com/en-us/library/cc287851(VS.85).aspx OpenSearch http://msdn.microsoft.com/en-us/library/dd464679(VS.85).aspx Internet Explorer Administration Kit (IEAK) http://technet.microsoft.com/en-us/ie/bb219517.aspx

9/20/2018 DevDays 2009 Thank you