Support Par Les Navigateurs

Support par les navigateurs

Magali Contensin

Mai 2012 ANF Mathrice Support par les navigateurs parts de marché

http://gs.statcounter.com Support par les navigateurs parts de marché

5% 1% Total Market Share http://www.netmarketshare.com Microsoft IE Firefox 18% Chrome Safari 53% 21% Opera Propriétaires & indétectables Autres

7,89% 4,73% 27,49%

0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%

IE 6.0 IE 7.0 IE 8.0 IE 9.0 Firefox 2.0 Firefox 3.0 Firefox 3.5 Firefox 3.6 Firefox 4.0 Firefox 5.0 Firefox 6.0 Firefox 7.0 Firefox 8.0 Firefox 9.0 Firefox 10 Firefox 11 Chrome 1.0 Chrome 10.0 Chrome 11.0 Chrome 12.0 Chrome 13.0 Chrome 14.0 Chrome 15.0 Chrome 16.0 Chrome 17.0 Chrome 18.0 Opera 10.x Opera 11.x Safari 4.0 Safari 4.1 Safari 5.0 Safari 5.1 Proprietary or Undetectable 1er trimestre 2012 Support par les navigateurs CSS 2 et 3

http://caniuse.com

StatCounter

CSS 2.1 et 3

avril 2012 Support par les navigateurs CSS 2 et 3 http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29

¨ Support

¤ CSS 1 total

¤ W3C Rec. CSS 2.1&3 presque total ¤ W3C WD et CR partiel

¨ CSS 3

¤ Support effectif d’un sous-ensemble http://caniuse.com ¤ Possibilité d’utiliser les propriétés spécifiques aux moteurs d’affichage Support par les navigateurs JS, JSON, DOM http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28ECMAScript%29

http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Document_Object_Model%29

Test de conformité CSS, DOM2, ECMAScript

Support JSON IE 8+ Firefox 3.5+ Chrome 3+ Safari 4+ Opera 10.5+ http://acid3.acidtests.org Support par les navigateurs AJAX

¨ IE 5 introduit un contrôle ActiveX XMLHTTP

¨ XMLHttpRequest Firefox Mozilla 1.0+ (Netscape 7) Chrome Safari 1.2+ Opera 8.0+ IE 7+ Support par les navigateurs HTML 5

Etapes de déﬁnion de la spéciﬁcaon 2ème trimestre 2014 1er trimestre 2014 W3C 2ème trimestre Recommendation 2012 Proposed Recommendation 24 mai 2011 Candidate Recommendation (CR) Last Call WD janv 2008 Working Draft (WD) - 1er brouillon public

2007 W3C HTML Working group

2004 Web Forms 2.0, Web Applications 1.0 Support par les navigateurs HTML 5 http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29

http://www.whatwg.org/specs/web-apps/current-work

http://caniuse.com http://html5test.com Support par les navigateurs HTML 5

10 8 138 316 42 7/108 55/108 11 4/108 345 56/108

18 11.6 400 338 74/108 5.1 99/108

317

http://html5test.com 63/108 Support par les navigateurs HTML 5

¨ Support HTML5 par les navigateurs

¤ Support effectif d’un sous-ensemble HTML5 sur ordinateurs fixes, tel, tablettes

¤ Pas de support de Flash dans Apple iOS et Windows 8 mobile => développement d’applications web mobiles avec HTML5/CSS3/JS => Adobe Edge : animations riches utilisant HTML5/CSS3/JS

¤ Augmentation du support HTML5 à chaque nouvelle version

Support par les navigateurs

¨ Utiliser des normes (W3C)

¨ Comportement des navigateurs Ce qui est inconnu (élément, attribut, propriété de style) est ignoré Champs textes à la place de champs date de formulaire

¨ Amélioration progressive de l’application ¤ Modernizr (HTML5, CSS3)

¨ Emulation ¤ JSON : json2.js ¤ canvas : excanvas.js (IE < 9) ¤ Forcer la reconnaissance des éléments HTML5 pour leur appliquer un style CSS n HTML5shiv (IE) n Fiks.html5 (IE < 9, FF3, …)

¨ S’affranchir des différences entre navigateurs ¤ bibliothèque ¤ framework