Compatibilité Internet Explorer : pour le meilleur et pour le pire!
-
Upload
microsoft-developpeurs -
Category
Technology
-
view
1.817 -
download
3
description
Transcript of Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Décideurs Informatiques
Compatibilité Internet Explorer:
pour le meilleur et pour le pire! Pierre-Louis COLL
Daouda NDIAYEIngénieurs Support
Microsoft [email protected]
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 ? [email protected]
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