Télécharger en tant que PDF, PPTX
Téléchargé parLaurent Duveau
Microsoft Edge pour les développeurs web
Le document traite de la nécessité de prendre en compte la compatibilité des navigateurs, en particulier Internet Explorer et Microsoft Edge, pour les développeurs web. Il évoque la fin du support pour les anciennes versions d'IE, les défis de compatibilité, et présente divers outils et méthodes pour tester les sites web sur ces navigateurs. Des conseils sont donnés sur l'utilisation des outils de développement et sur l'importance de la détection des fonctionnalités pour garantir une expérience utilisateur optimale.
Contenu connexe
Similaire à Microsoft Edge pour les développeurs web
![Xamarin.Forms [french]](https://cdn.slidesharecdn.com/ss_thumbnails/xamarinforms-150611014646-lva1-app6892-thumbnail.jpg?width=640&height=640&fit=bounds)
Microsoft Edge pour les développeurs web
- 1. Edge pour lesdéveloppeurs web Laurent Duveau MS DEV MTL – 07 Décembre 2015
- 3.
- 10. “On January 12,2016, we will stop support for all versions of IE except IE11” - Microsoft https://support.microsoft.com/en-us/lifecycle/search?sort=PN&alpha=internet%20explorer
- 13. IE6 funeral cake! UsageIE6 < 1% aux USA en 2011
- 14. IE6 < 1%au Canada en 2012
- 17. Un dev surMAC essaye de tester pour IE…
- 19. • WebGL • WebSockets •CSS3 Gradients • Blocked scoped variables • Pointer Events • Fullscreen API • Device Orientation • Flexbox • Encrypted Media Extensions • CSS3 Regions • File API • AppCache • IndexedDB • CSS3 Media Queries • Canvas • CSS3 Transforms Pourtant IE11 n’est pas si pire!
- 20.
- 21.
- 22.
- 23.
- 26.
- 27.
- 30.
- 31.
- 32.
- 33.
- 34. 3 41 25.5 65 7 84.x 99 10 11 Trident 1995 2015
- 35. Quirks Strict HTML4, ES3,CSS2 Trident 3 41 2 5.5 65 7 84.x 99 10 11 1995 2015 !DOCTYPE
- 36. Quirks Strict HTML4, ES3,CSS2 Trident 3 41 2 5.5 65 7 84.x 99 10 11 1995 2015 !DOCTYPE
- 37. !DOCTYPE Trident 3 41 25.5 65 7 84.x 99 10 11 1995 2015 x-ua-compatible IE5 Quirks IE7 Compatibility View IE8 Standards Mode HTML4, ES3, CSS2 CSS2.1
- 38. HTML5, SVG, ES5 !DOCTYPE HTML4,ES3, CSS2 Trident 3 41 2 5.5 65 7 84.x 99 10 11 1995 2015 CSS2.1 x-ua-compatible IE5 Quirks IE7 Compatibility View IE8 Standards Mode IE9 Standards Mode
- 39. HTML5, SVG, ES5,CSS3 !DOCTYPE HTML4, ES3, CSS2 Trident 3 41 2 5.5 65 7 84.x 99 10 11 1995 2015 CSS2.1 x-ua-compatible IE5 Quirks IE7 Compatibility View IE8 Standards Mode QME Quirks Mode Emulation IE9 Standards Mode IE10 Standards Mode
- 40. HTML5, SVG, ES5,CSS3 !DOCTYPE HTML4, ES3, CSS2 Trident 3 41 2 5.5 65 7 84.x 99 10 11 1995 2015 CSS2.1 x-ua-compatible IE5 Quirks IE7 Compatibility View IE8 Standards Mode IE10 Standards Mode IE9 Standards Mode QME Quirks Mode Emulation EMIE Enterprise Mode IE11 Standards Mode Modern WebLegacy Web
- 41.
- 42. • User Agentintéropérable • 4200 fixes d’intéropérabilité • 45 nouveaux standards implémentés • Evergreen • Trident –» EdgeHTML
- 43. Interoperable UA string Lebut étant de recevoir le même contenu que les autres navigateurs… Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.10240 Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/600.1.25 (KHTML, like Gecko) Version/8.0 Safari/600.1.25 Mozilla/5.0 (Windows NT 10.0; WOW64; rv:39.0) Gecko/20100101 Firefox/39.0
- 44.
- 46. Faire de ladétection de fonctionnalités
- 47.
- 48.
- 49.
- 50. Compatibilité ? IE11est toujours présent sur Windows 10 IE11 Win10 est identique à IE11 Win 7 & 8 Entreprises: mode pour configurer par défaut IE11 (qui lui-même à un mode d’émulation IE8)
- 52. Extensions IE a supporté30 modèles d’extensions pendant 20 ans… Edge n’en supportera aucun • ActiveX, Toolbars, BHO, … • Problèmes de sécurité, fiabilité et performances. • Support natif pour Flash et PDF. • Modèle d’extensions modernes en JavaScript à venir…
- 53.
- 54. Comment tester pourIE et Edge ? (même si on n’a pas de PC)
- 55. Microsoft Edge DevPortal http://dev.microsoftedge.com
- 57.
- 58. Recap Valider le UserAgent de Edge avec votre site Utiliser remote.modern.ie pour tester la dernière version of IE Faire de la détection de fonctionnalités Ne pas parser le User Agent
- 60. Microsoft Edge MS DEVMTL 07 Décembre 2015 Laurent Duveau laurent@ldex.ca AngularJS, Azure et Xamarin MVP / MCT / RD @laurentduveau Montrealldex.ca