2 Internet Explorer 8: Pushing the Web Forward Travis Leithead Program Manager, IE Team.

Slides:



Advertisements
Similar presentations
© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered.
Advertisements

Windows 8 (1) (2) (3) Windows 8 (1) (2) (3)
© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered.
Feature: Purchase Requisitions - Requester © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names.
MIX 09 4/15/ :14 PM © 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered.
Interactivity Navigating a data model Working with large quantities of data Entry Editing and adding data User feedback and validation Presentation.
Internet Explorer 8 For Developers Gal Kogman BNL
Windows 7 Training Microsoft Confidential. Windows ® 7 Compatibility Version Checking.
Varun Sharma Security Engineer | ACE Team | Microsoft Information Security
Feature: Purchase Order Prepayments II © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are.
var site="s15gizmodo" var site="s15gizmodo"
Feature: OLE Notes Migration Utility
Feature: Web Client Keyboard Shortcuts © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are.
Ashish jaiman architect evangelist Microsoft
Session 1.
Siddharth Bhatia Senior Program Manager Microsoft Session Code: DTL203.
Built by Developers for Developers…. © 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names.
Feature: Assign an Item to Multiple Sites © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names.
Windows 8 (1) (2) (3) Windows 8 (1) (2) (3)
Feature: Print Remaining Documents © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or.
Connect with life Connect with life
David J Parker MVP (Visio) bVisual ltd Microsoft Visio 2010.
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or.
Feature: Suggested Item Enhancements – Sales Script and Additional Information © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows.
Feature: Customer Combiner and Modifier © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are.
© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or.

Building a real-world, Internet- scale stock trading application Naveen Prabhu Quadwave Consulting Pvt. Ltd.
Siddharth Bhatia Senior Program Manager Microsoft Session Code: DTL301.
demo © 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names.
Matt Heller Internet Explorer Microsoft Corporation WUX301.
demo QueryForeign KeyInstance /sm:body()/x:Order/x:Delivery/y:TrackingId1Z
projekt202 © 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are.
© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks.
IE Developer Tools Jonathan Seitel Program Manager.
Brian Harry Technical Fellow Microsoft Session Code: DEV205.
© 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or.
HTML 4.01CSS 2.1ACID 2 IE8 Layout Engines.
1 Whats New in Internet Explorer 8? Ranjana Jain IT Pro Evangelist Microsoft India MCSE, MCT, RHCE, CIW Security Analyst, CISSP.

The richest experience on the web Web Slices Accelerators Visual Search InPrivate Users Develop, test and debug without leaving the browser Built-in developer.
Errol Schoenfish Director Product Management Microsoft Session Code: DYN304.
Pete LePage Product Manager Internet Explorer Team.
2 ADO.NET Data Services for the Web Mike Flasko Program Manager, Microsoft “Project Astoria”
50 Performance Tricks to Make your HTML5 apps and sites Faster
Имя Должность Microsoft
Building beautiful and interactive apps with HTML5 & CSS3
Inside Panther - The Windows Setup Engine
Reaching more customers with accessible Metro style apps using HTML5
Using JavaScript to Build HTML5 Applications
Adventures in Haacking
12/1/2018 9:33 PM © 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered.
Title of Presentation 12/2/2018 3:48 PM
2010 Microsoft BI Conference
Windows Summit /4/2018 © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be.
Using Windows Runtime and SDK to build Metro style apps
Building responsive apps and sites with HTML5 web workers
Best Practices: Creating OData Services using WCF Data Services
Tech Ed North America /1/2019 2:58 AM Required Slide
Tech·Ed North America /18/2019 4:15 PM
Integrating with Windows 8 Experiences
TechEd /22/2019 9:22 PM © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
8/04/2019 9:13 PM © 2006 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered.
Виктор Хаджийски Катедра “Металургия на желязото и металолеене”
Build /4/ Diagnosing issues with Windows Phone 8.1 JavaScript apps using Visual Studio Andy Sterland Senior Program
Шитманов Дархан Қаражанұлы Тарих пәнінің
Title of Presentation 5/24/2019 1:26 PM
John Hazen Principal Program Manager Lead Microsoft Corporation
Presentation transcript:

2 Internet Explorer 8: Pushing the Web Forward Travis Leithead Program Manager, IE Team

3 Pushing The Web Forward Interoperability Productivity New features 

4 Interoperability The web platform should "just work" Adherence to standards Interoperability versus compatibility

5 Balancing Interoperability vs. Compatibility IE versioning gives you the option – Opt-in to compatibility – Update on your schedule

6 Examples of Real-world Compatibility Problems

7 Website Compatibility Best Practices Use the META tag or HTTP header Don't use user-agent string detection Don't block forward compatibility with conditional comments – IE7]-->

8 CSS 2.1 Interoperability New layout engine – Great typographic foundation for the future – Designed with CSS 2.1 (and CSS3) in mind Resolving ambiguities through test cases 3221 new test cases IE 8 Beta 2: feature complete!

9 CSS 2.1 Features Legacy bugs fixed! Generated content More printing controls Outlines Additional whitespace property values CSS 3 – Writing mode (fixed) – Block progression – Box sizing

10 HTML/ Programming Model HTML – OBJECT tag – Form controls – More… Programming model – Attributes work consistently – getElementById, etc. – DOM prototypes – Getters and setters

11 ARIA Roles/states for HTML-based widgets Consumed by assistive technology

12 Productivity Developer tools Performance

13 Existing Tools Authoring environments (Expression Web) – Great for authoring – Bad at debugging browser-specific issues Debugging environments (Visual Web Dev Express) – Great for debugging script – Lots of overhead for lightweight debugging

14 Developer Tools in IE8

15 Performance Making the browser faster New platform performance features

16 Faster IE8 Performance tuning – Javascript – Common DOM APIs – Layout engine “It just feels faster”

17 Key Platform Performance HTTP connection limit raised to 6 More parallel downloads Garbage collection of circular memory leaks

18 New Performance Features DataURI – Avoid cost of extra network requests – Cost to base64 encoding Selectors API – Find HTML elements at run-time using CSS syntax – Native implementation ( document.querySelectorAll )

19 New Features For Developers Where are developers limited in AJAX space? – Web applications and browser navigation – Network connectivity and offline scenarios – Safe cross domain communication

20 AJAX Navigation Set window.location.hash, and IE does the rest… – onhashchanged event – Update address bar – Update back button Allows copy & paste of "AJAX URLs"

21 AJAX navigation

22 AJAX Navigation Best Practices Use AJAX navigation for state transitions that feel like a navigation

23 Client-side Storage Web applications need to store data locally – Cookies, UserData control HTML5 client-side storage – window.localStorage (permanent storage) – window.sessionStorage (per-session storage) – Key/value string pairs – 10MB per domain, 100MB total

24 Connection Events Online/ offline events window.navigator.onLine state indicator Now available on Windows XP Not a perfect solution for detecting site connectivity

25 Client storage/ connection events

26 Cross-domain Communication Browsers block cross-domain to protect against malicious content Workarounds can be dangerous and costly Use "safe" cross-domain features in IE8 – Cross-domain requests (XDR) – Cross-document messaging (XDM) – JSON – toStaticHTML

27 Cross-domain requests (XDR) XDomainRequest object – Mutual consent via request/response headers – Annonymous – No cookies/ authentication Compatible with W3C's Access Control draft spec in Beta 2

28 Cross-document Messaging (XDM) Many mashup scenarios benefit from a frame “sandbox” Frames in different domains are not allowed access Use cooperative message posting from HTML5 in IE8 – postMessage and “message” event

29 HTML Sanitization 3 rd party string data exposes potential for script- injection attacks toStaticHTML – Filters out executable script constructs – Based on Microsoft’s Anti-Cross Site Scripting Library

30 JSON Serialization JavaScript Object Notation (JSON) commonly used to pass data as a string Sites often revive JSON strings into objects using “eval” – At risk of running executable code Native JSON parser built-in to IE8 – JSON.parse (string-to-”safe object”) – JSON.stringify (object-to-string)

31 HTML sanitization/ JSON

32 Closing Interoperability – Make your sites ready Productivity – Enjoy performance – Use the developer tools New features – New features – AJAX navigation – Network connectivity and offline – Safe cross-domain scenarios We want your feedback! microsoft.com/ie8

33

34 Slide for Showing Software Code Use this layout to show software code The font is Consolas, a monospace font The slide doesn’t use bullets but levels can be indented using the “Increase List Level” icon on the Home menu To use straight quotes " instead of smart quotes ”, do this: 1. Click on the Office Button in the upper left corner 2. At the bottom of the menu, choose PowerPoint Options 3. From the left pane, select Proofing 4. Click on the AutoCorrect Options button 5. Select the AutoFormat As You Type tab, and deselect “Straight quotes” with “smart quotes”. Then Click OK.

35 Resources Tech·TalksTech·Ed Bloggers Live SimulcastsVirtual Labs Developer’s Kit, Licenses, and MORE! Professional Design tools for tomorrow

Breakout Sessions (session codes and titles) Interactive Theater Sessions (session codes and titles) Hands-on Labs (session codes and titles) Related Content

Track Resources Resource 1 Resource 2 Resource 3 Resource 4

38 © 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.