{"id":1138,"date":"2023-03-17T17:24:44","date_gmt":"2023-03-17T16:24:44","guid":{"rendered":"https:\/\/geekcommunicant.com\/blog\/?p=1138"},"modified":"2023-03-17T17:24:46","modified_gmt":"2023-03-17T16:24:46","slug":"quel-est-le-plus-vieux-navigateur","status":"publish","type":"post","link":"https:\/\/geekcommunicant.com\/blog\/2023\/03\/17\/quel-est-le-plus-vieux-navigateur\/","title":{"rendered":"Quel est le plus vieux navigateur ?"},"content":{"rendered":"\n<p>Derni\u00e8rement, je me suis pos\u00e9 la question de quel est le plus vieux navigateur web toujours en cours de d\u00e9veloppement.<\/p>\n\n\n\n<p>J\u2019ai donc fait quelques recherches que je vais essayer de vous synth\u00e9tiser au mieux ici.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pr\u00e9sentation des candidats<\/h2>\n\n\n\n<p>J\u2019ai orient\u00e9 mes recherches autour des 5 navigateurs les plus utilis\u00e9s actuellement, en d\u00e9but 2023 (voir <a href=\"https:\/\/gs.statcounter.com\/browser-market-share\/desktop\/france\">Statcounter<\/a>)&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firefox<\/li>\n\n\n\n<li>Opera<\/li>\n\n\n\n<li>Edge<\/li>\n\n\n\n<li>Safari<\/li>\n\n\n\n<li>Chrome<\/li>\n<\/ul>\n\n\n\n<p>Selon les crit\u00e8res utilis\u00e9s, l\u2019ordre peut changer et \u00eatre plus ou moins pr\u00e9cis.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Premier classement, l\u2019age de la premi\u00e8re version officielle du navigateur<\/h2>\n\n\n\n<p>Si on utilise comme crit\u00e8re la date de sortie de la premi\u00e8re version du navigateur, le classement est tr\u00e8s facile.<\/p>\n\n\n\n<p>Parmis les 5 candidats, le plus ancien est clairement Opera, dont la <a href=\"https:\/\/blogs.opera.com\/news\/2015\/08\/20-years-of-more-happy-anniversary-opera\/\">premi\u00e8re version<\/a> est sortie en 1995.<\/p>\n\n\n\n<p>Des autres navigateurs, le plus ancien est sorti 8 ans plus tard, et il s\u2019agit de Safari, dont la premi\u00e8re version est sortie le <a href=\"https:\/\/www.apple.com\/newsroom\/2003\/06\/23Apple-Releases-Safari-1-0\/\">23 juin 2003<\/a>, pour \u00eatre ensuite inclus par d\u00e9faut dans <a href=\"https:\/\/www.apple.com\/newsroom\/2003\/10\/08Apple-Announces-Mac-OS-X-Panther\/\">Mac OS X 10.3<\/a> \u00ab\u00a0Panther\u00a0\u00bb, sorti le 24 octobre de la m\u00eame ann\u00e9e.<\/p>\n\n\n\n<p>Vient ensuite Firefox, dont la premi\u00e8re version est sortie le <a href=\"https:\/\/blog.mozilla.org\/press\/2004\/11\/mozilla-foundation-releases-the-highly-anticipated-mozilla-firefox-1-0-web-browser\/\">9 novembre 2004<\/a>.<\/p>\n\n\n\n<p>Puis Chrome est arriv\u00e9 en <a href=\"https:\/\/googleblog.blogspot.com\/2008\/09\/fresh-take-on-browser.html\">septembre 2008<\/a>. Quant-au petit dernier, Edge, il a \u00e9t\u00e9 d\u00e9voil\u00e9 au monde en <a href=\"https:\/\/blogs.windows.com\/msedgedev\/2015\/04\/29\/introducing-microsoft-edge-the-browser-built-for-windows-10\/\">avril 2015<\/a>.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Deuxi\u00e8me classement, l\u2019age du moteur de rendu HTML<\/h2>\n\n\n\n<p>D\u00e9j\u00e0, qu\u2019est-ce qu\u2019un moteur de rendu&nbsp;? Il s\u2019agit du composant logiciel au c\u0153ur d\u2019un navigateur, c\u2019est lui qui a la charge de transformer le code HTML en \u00e9l\u00e9ments graphiques utilisable par l\u2019humain.<\/p>\n\n\n\n<p>Il y a actuellement (f\u00e9vrier 2023) 3 principaux moteurs de rendu&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/webkit.org\/project\/\">WebKit<\/a>, utilis\u00e9 par Safari<\/li>\n\n\n\n<li>Blink, utilis\u00e9 par Chrome, Opera et Edge<\/li>\n\n\n\n<li>Gecko, utilis\u00e9 par Firefox<\/li>\n<\/ul>\n\n\n\n<p>Si on se fie aux dates donn\u00e9es dans la partie pr\u00e9c\u00e9dente, on pourrait croire que Blink est alors le plus vieux de ces moteurs de rendu, car il est utilis\u00e9 par Opera.<\/p>\n\n\n\n<p>Mais il n\u2019en est rien&nbsp;! En effet, Blink a \u00e9t\u00e9 \u00e0 l\u2019origine cr\u00e9\u00e9 pour Chrome (dans le cadre du projet open-source <a href=\"https:\/\/blog.chromium.org\/2013\/04\/blink-rendering-engine-for-chromium.html\">Chromium<\/a>). De plus Blink a \u00e9t\u00e9 cr\u00e9\u00e9 comme un fork (d\u00e9riv\u00e9) de WebKit (le moteur de rendu de Safari), qui est lui-m\u00eame un fork de <a href=\"https:\/\/en.wikipedia.org\/wiki\/KHTML\">KHTML<\/a>, le moteur de rendu du projet KDE.<\/p>\n\n\n\n<p>\u00c0 ses d\u00e9buts Opera utilisait bien un moteur de rendu \u00ab&nbsp;maison&nbsp;\u00bb, Presto&nbsp;, mais en <a href=\"https:\/\/press.opera.com\/2013\/02\/13\/opera-gears-up-at-300-million-users\/\">2013<\/a> Opera a suivi le choix de moteur de rendu de Chrome (qui \u00e0 ses d\u00e9buts utilisait WebKit). Et depuis, <a href=\"https:\/\/blogs.opera.com\/news\/2019\/10\/world-browser-day-oct-16-oslo-plaque\/\">Presto<\/a> est \u00e0 l\u2019abandon.<\/p>\n\n\n\n<p>Edge a \u00e9galement chang\u00e9 de moteur de rendu, car si il utilise maintenant Blink, \u00e0 ses d\u00e9buts il utilisait son propre moteur de rendu <a href=\"https:\/\/en.wikipedia.org\/wiki\/EdgeHTML\">EdgeHTML<\/a>.<\/p>\n\n\n\n<p>Mais assez digress\u00e9, revenons en aux dates.<\/p>\n\n\n\n<p>Blink a \u00e9t\u00e9 cr\u00e9\u00e9 vers 2013, \u00e0 partir de WebKit, qui a \u00e9t\u00e9 cr\u00e9e vers 2003, \u00e0 partir de KHTML.<\/p>\n\n\n\n<p>Concernant KHTML, si sa date de naissance est le 4 novembre 1998, je n\u2019ai rien de pr\u00e9cis concernant le projet dont il a \u00e9t\u00e9 fork\u00e9, khtmlw.<\/p>\n\n\n\n<p>Et pour Gecko, le moteur de rendu utilis\u00e9 par Firefox, son d\u00e9veloppement a \u00e9t\u00e9 commenc\u00e9 en interne chez Netscape <a rel=\"noreferrer noopener\" href=\"https:\/\/en.wikipedia.org\/wiki\/Gecko_(software)#History\" target=\"_blank\">vers 1997<\/a>, quelques temps avant qu\u2019ils lib\u00e8rent leur <a href=\"https:\/\/web.archive.org\/web\/20021001071727\/wp.netscape.com\/newsref\/pr\/newsrelease558.html\">code source<\/a>, ce qui donnera naissance au <a href=\"https:\/\/www.mozilla.org\/fr\/about\/history\/\" target=\"_blank\" rel=\"noreferrer noopener\">projet Mozilla<\/a>.<\/p>\n\n\n\n<p>M\u00eame si mon c\u0153ur d\u2019utilisateur de Firefox pencherait en sa faveur, il semblerait plus que la famille Blink soit celle qui poss\u00e8de le code le plus ancien, car m\u00eame si KHTML est un peu plus jeune que Gecko, le projet dont il a \u00e9t\u00e9 fork\u00e9 a de fortes chances d\u2019\u00eatre plus ancien que le projet Gecko (voir la vid\u00e9o de <a href=\"https:\/\/www.youtube.com\/watch?v=Tldf1rT0Rn0\" target=\"_blank\" rel=\"noreferrer noopener\">pr\u00e9sentation de Lars Knoll<\/a>, un des premiers auteurs de KHTML).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Et vous&nbsp;? Quel est votre avis sur la question&nbsp;? N\u2019h\u00e9sitez pas \u00e0 laisser des commentaires constructifs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Derni\u00e8rement, je me suis pos\u00e9 la question de quel est le plus vieux navigateur web toujours en cours de d\u00e9veloppement. J\u2019ai donc fait quelques recherches que je vais essayer de vous synth\u00e9tiser au mieux ici. Pr\u00e9sentation des candidats J\u2019ai orient\u00e9 &hellip; <a href=\"https:\/\/geekcommunicant.com\/blog\/2023\/03\/17\/quel-est-le-plus-vieux-navigateur\/\">Continuer la lecture <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[12],"tags":[],"class_list":["post-1138","post","type-post","status-publish","format-standard","hentry","category-divers"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2IoOb-im","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":1133,"url":"https:\/\/geekcommunicant.com\/blog\/2023\/03\/10\/gloubi-script-un-systeme-de-tooltip\/","url_meta":{"origin":1138,"position":0},"title":"Gloubi script &#8211; un syst\u00e8me de tooltip","author":"geekc","date":"10\/03\/2023","format":false,"excerpt":"J\u2019ai d\u00e9cid\u00e9 cette semaine de me pencher sur le script de tooltip pr\u00e9sent\u00e9 sur le site de gloubiweb. Dans une premi\u00e8re partie je pr\u00e9senterai rapidement le fonctionnement du script actuel, et dans une deuxi\u00e8me, je vous indiquerai comment recr\u00e9er (quasi) \u00e0 l\u2019identique cet ancien script. Pr\u00e9sentation de du code existant\u2026","rel":"","context":"Dans &quot;JavaScript&quot;","block_context":{"text":"JavaScript","link":"https:\/\/geekcommunicant.com\/blog\/category\/javascript\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":171,"url":"https:\/\/geekcommunicant.com\/blog\/2012\/10\/18\/jquery-une-fenetre-modale\/","url_meta":{"origin":1138,"position":1},"title":"[jQuery] Une fen\u00eatre modale","author":"geekc","date":"18\/10\/2012","format":false,"excerpt":"Bonjour \u00e0 tous, aujourd'hui nous allons voir comment r\u00e9aliser une fen\u00eatre modale en jQuery. Qu'est-ce que c'est ? Wikip\u00e9dia donne la d\u00e9finition suivante: Une fen\u00eatre modale est, dans une interface graphique, une fen\u00eatre qui prend le contr\u00f4le total du clavier et de l'\u00e9cran. Elle est en g\u00e9n\u00e9ral associ\u00e9e \u00e0 une\u2026","rel":"","context":"Dans &quot;jQuery&quot;","block_context":{"text":"jQuery","link":"https:\/\/geekcommunicant.com\/blog\/category\/jquery\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":448,"url":"https:\/\/geekcommunicant.com\/blog\/2015\/07\/26\/web-plus-ecolo\/","url_meta":{"origin":1138,"position":2},"title":"Pour un web plus \u00e9colo","author":"geekc","date":"26\/07\/2015","format":false,"excerpt":"Apr\u00e8s avoir lu divers articles et visionn\u00e9 plusieurs vid\u00e9os \u00e0 ce sujet, j'ai moi aussi envie de m'exprimer sur l'impact environnemental du Web, et sur quelques astuces afin de diminuer cet impact. Le web a un impact environnemental ? \u00c0 tous ceux se posant encore cette question, je r\u00e9pond oui.\u2026","rel":"","context":"Dans &quot;Divers&quot;","block_context":{"text":"Divers","link":"https:\/\/geekcommunicant.com\/blog\/category\/divers\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":903,"url":"https:\/\/geekcommunicant.com\/blog\/2020\/04\/07\/petit-tuto-paranos\/","url_meta":{"origin":1138,"position":3},"title":"Petit tuto pour les paranos","author":"geekc","date":"07\/04\/2020","format":false,"excerpt":"Bon, cette p\u00e9riode d\u2019\u00e9pid\u00e9mie de virus (biologique, pas informatique) est aussi une p\u00e9riode d\u2019\u00e9pid\u00e9mie de fake news. La derni\u00e8re en date concerne le formulaire de g\u00e9n\u00e9ration d\u2019attestation de d\u00e9placement. Cette rumeur tient au fait que le QR code g\u00e9n\u00e9r\u00e9 par ce formulaire permettrait de r\u00e9cup\u00e9rer les donn\u00e9es pr\u00e9sentes sur votre\u2026","rel":"","context":"Dans &quot;Divers&quot;","block_context":{"text":"Divers","link":"https:\/\/geekcommunicant.com\/blog\/category\/divers\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/geekcommunicant.com\/blog\/wp-content\/uploads\/Screenshot_20200407-172504_Camera.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/geekcommunicant.com\/blog\/wp-content\/uploads\/Screenshot_20200407-172504_Camera.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/geekcommunicant.com\/blog\/wp-content\/uploads\/Screenshot_20200407-172504_Camera.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/geekcommunicant.com\/blog\/wp-content\/uploads\/Screenshot_20200407-172504_Camera.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/geekcommunicant.com\/blog\/wp-content\/uploads\/Screenshot_20200407-172504_Camera.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":162,"url":"https:\/\/geekcommunicant.com\/blog\/2012\/10\/12\/jquery-une-horloge-sous-forme-de-diagramme\/","url_meta":{"origin":1138,"position":4},"title":"[jQuery] Une horloge sous forme de diagramme","author":"geekc","date":"12\/10\/2012","format":false,"excerpt":"Avant de m'essayer \u00e0 l'horloge pr\u00e9sent\u00e9e dans l'article pr\u00e9c\u00e9dent, je m'\u00e9tait pos\u00e9 la question de trouver une forme plus originale d'afficher l'heure. Apr\u00e8s quelques recherches et essai, je suis arriv\u00e9 \u00e0 ce r\u00e9sultat. Le but de cet article est de vous expliquer le code que j'ai utilis\u00e9. Structure d'une barre:\u2026","rel":"","context":"Dans &quot;jQuery&quot;","block_context":{"text":"jQuery","link":"https:\/\/geekcommunicant.com\/blog\/category\/jquery\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":334,"url":"https:\/\/geekcommunicant.com\/blog\/2014\/04\/11\/comment-marche-html\/","url_meta":{"origin":1138,"position":5},"title":"Comment marche le HTML ?","author":"geekc","date":"11\/04\/2014","format":false,"excerpt":"Comme vu pr\u00e9c\u00e9demment le HTML est un des piliers du Web. Nous allons voir ici comment \u00e7a marche. Les balises La base du HTML est le principe de balises. Une balise est l\u00e0 pour d\u00e9limiter une zone. en HTML, une balise s'\u00e9crit \u00e0 l'aide de chevrons; exemple: <p>. En HTML,\u2026","rel":"","context":"Dans &quot;Pour les nuls&quot;","block_context":{"text":"Pour les nuls","link":"https:\/\/geekcommunicant.com\/blog\/category\/pour-les-nuls\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/geekcommunicant.com\/blog\/wp-json\/wp\/v2\/posts\/1138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geekcommunicant.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/geekcommunicant.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/geekcommunicant.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geekcommunicant.com\/blog\/wp-json\/wp\/v2\/comments?post=1138"}],"version-history":[{"count":0,"href":"https:\/\/geekcommunicant.com\/blog\/wp-json\/wp\/v2\/posts\/1138\/revisions"}],"wp:attachment":[{"href":"https:\/\/geekcommunicant.com\/blog\/wp-json\/wp\/v2\/media?parent=1138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/geekcommunicant.com\/blog\/wp-json\/wp\/v2\/categories?post=1138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/geekcommunicant.com\/blog\/wp-json\/wp\/v2\/tags?post=1138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}