Décideurs Informatiques

Compatibilité Internet Explorer:

pour le meilleur et pour le pire! Pierre-Louis COLL

Daouda NDIAYEIngénieurs Support

Microsoft Francepierrelc@microsoft.com

jondiaye@microsoft.com

Décideurs informatiques#mstechdays

Depuis votre smartphone sur :http://notes.mstechdays.fr

De nombreux lots à gagner toute les heures !!!Claviers, souris et jeux Microsoft…

Merci de nous aider à améliorer les Techdays !

Donnez votre avis !

Décideurs informatiques#mstechdays

• Fin des années 90 : IE et Netscape. – Solution -> DOCTYPE

• Milieu des années 2000: Firefox / Chrome– IE8 -> Document Mode– Mode de compatibilité– X-UA-Compatible

Un peu d’histoire …

Décideurs informatiques#mstechdays

• “Modernes/Publiques”:– HTML5– CSS3

• “Legacy/Métier”:– Modules complémentaires

• Editeurs– Siebel, SAP, …

Les grandes catégories d’applications Web

Décideurs informatiques#mstechdays

Inventaire

Décideurs informatiques#mstechdays

• Rendu des pages /CSS• Composants tierces– ActiveX – Toolbars– Browser Helper Objects

• Applications hébergeant le Web Browser Control

Les principaux type d’incompatibilité

Décideurs informatiques#mstechdays

Exemple de graphs

Mode de navigateurCompat View Button

Developer Tools

Mode de document

• Standards mode

• Legacy document mode

Mode de compatibilité

User

CompatibilityButton

Compatibility List

Meta Tags

Developer Administrator

Browsing Development OS Patching

X-UA-

CompatibleDeprecated

IE11+

Gestion du tag X-UA-Compatible

5 EmulateIE-X

Version XEmulateIE1

1 11 Edge

DOCTYPE?

DOCTYPE?

Mode IE5 Quirks

Mode IE X Standard

Mode IE11 Standard

Mode IE Next

N

O N

O

<meta http-equiv=“X-UA-Compatible” content=“IE=X” />

Décideurs informatiques#mstechdays

• <domain featureSwitch="overrideXUACompatible:false" uaString="10" versionVector="10" docMode="EmulateIE10">partner.microsoft.com</domain>

• Exemple d’URL pour la liste (dynamique): https://iecvlist.microsoft.com/IE11/1379465767093/iecompatviewlist.xml

• Un souci avec votre site dans la liste ? iepo@microsoft.com

Liste d’affichage de compatibilité

démo

Décideurs informatiques#mstechdays

BOOKMARKLETS

http://techdays.linqto.me/

Mode Quirks Interopérable• Modification du comportement par défaut du mode

Quirks (HTML5 Quirks)

• Amélioration de la prise en charge des normes de l’industrie (HTML5 notamment) et d’accroître l’interopérabilité avec d’autres navigateurs

• HTML5 quirks mode sera utilisé pour les pages sans DOCTYPE ou avec un DOCTYPE legacy tel que défini en HTML5

Importance de l’User-AgentUne des causes fréquentes relative aux problèmes de compatibilité est une mauvaise détection par l'application Web de la chaine User-Agent.

Plus de « compatibles » et de « MSIE »

Ajout du « like Gecko »Version spécifiée dans

« rv: »

Décideurs informatiques#mstechdays

• Outil d’analyse basé sur Javascript <script src="http://ie.microsoft.com/testdrive/HTML5/

CompatInspector/inspector.js"></script> Automatisable avec Fiddler Basé sur les getters/setters de ECMA Script 5 Scénario de vérification ou de debug

Un outil: Compat Inspector

démo

Décideurs informatiques#mstechdays

COMPAT INSPECTOR

http://ie.microsoft.com/testdrive/HTML5/CompatInspector/

démo

Décideurs informatiques#mstechdays

MODERN.IE

http://loc.modern.ie/fr-fr/

Décideurs informatiques#mstechdays

• Intégrés à Internet Explorer• Debug / inspection ponctuelle– Inspecter le HTML/script/CSS– Editer le source– Debugger javascript– Profiler Javascript / réseau– Outil de validation HTLM/ CSS– Utilisation mémoire

Outils de développement

démo

Décideurs informatiques#mstechdays

OUTILS DE DÉVELOPPEMENT

http://ie.microsoft.com/testdrive/Browser/F12Adventure/

démo

Décideurs informatiques#mstechdays

QUESTIONS

Appendix: HistoriqueUne version majeure livrée dans chaque version de Windows*

• Win 8.12013

IE11

• Win 82012

IE10

• 2011

IE9

• Win 72009

IE8

• Vista 2006

IE7

• Win XP 2001

IE6

Version de Windows ( dernier Service Pack)

Versions d’Internet Explorer supportées

Windows XP 6*, 7, 8

Windows Vista 7*, 8, 9

Windows 7 8*, 9, 10,11

Windows 8 10*

Windows 8.1 11*

Appendix: Changements de IE7 à IE11Changes from IE7 to

IE8 Changes from IE8 to IE9

Changes from IE9 to IE10 Changes from IE10 to IE11

Versioning• Version Vectors• User Agent String

Detection• Conditional Comments

• Version Vectors• User Agent String

Detection• Conditional Comments

• Version Vectors• User Agent String Detection• Conditional Comments

removed for Standards Mode

Standards

• Additional HTML 4.01 improvements

• Full CSS 2.1 compliance

• Some HTML 5.0 support

• ECMAScript third edition (ES3) support and some ECMAScript fifth edition (ES5) support (including native JSON)

• Additional HTML5 support

• Some ES3 improvements, additional ES5 support

• CSS3 support• Additional DOM L3

support, some non-standard or older DOM events are deprecated

• Native SVG support

• Better CSS3 support• Additional HTML5 support • IndexedDB• SVG filter Effects• ECMAScript 5 strict Mode• Typed Arrays

• WebGL• Canvas 2D L2 extensions• Full screen API• Encrypted media extensions• Media source extensions• CSS flexible box layout module• Mutation observers like DOM4 and

5.3• New F12 Developer tools

Security

• Better protection from malware

• DEP/NX & XSS filter on by default

• HTTP/HTTPS mixed mode

• AJAX more secure• SmartScreen Filter

• MIME-handling improvements

• SmartScreen Application Reputation

• Enhanced Protected Mode• HTML5 Sandbox

• Web Cryptography API• Third-party cookie blocking• Do Not Track (DNT) exceptions• Enhanced Protected Mode (EPM) on

IE for the desktop

Architecture

• Loosely Coupled Internet Explorer

LiensCompatibilityhttp://msdn.microsoft.com/en-us/library/hh772379(v=vs.85).aspx Defining document compatibilityhttp://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx  Windows Internet Explorer Application Compatibilityhttp://msdn.microsoft.com/en-us/library/dd565632(v=vs.85).aspx  Internet Explorer Compatibility Test Tool Technical Referencehttp://technet.microsoft.com/library/cc749257.aspx  How to Detect Features Instead of Browsershttp://msdn.microsoft.com/en-us/library/hh273397(v=vs.85).aspx

LiensCompatibility changes in IE11http://msdn.microsoft.com/en-us/library/ie/bg182625(v=vs.85).aspx

Compatibility changes in IE10http://msdn.microsoft.com/en-us/library/ie/hh673527(v=vs.85).aspx

Internet Explorer 9 Guide for Developershttp://msdn.microsoft.com/en-us/ie/ff468705

Understanding the Compatibility View Listhttp://msdn.microsoft.com/en-us/library/gg699485(v=vs.85).aspx

Using the F12 developer toolshttp://msdn.microsoft.com/en-us/library/ie/bg182326(v=vs.85).aspx

LiensMode Quirks interoperablehttp://msdn.microsoft.com/en-us/library/ie/hh673550(v=vs.85).aspx

User-agent stringhttp://msdn.microsoft.com/en-us/library/ie/hh920767(v=vs.85).aspx

Understanding Compatibility Modes in Internet Explorer 8http://blogs.msdn.com/b/askie/archive/2009/03/23/understanding-compatibility-modes-in-internet-explorer-8.aspx

How to Enable Standards Supporthttp://msdn.microsoft.com/en-us/library/gg699338(v=vs.85).aspx

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

Digital is business