CINXE.COM
Kubernetes
<!doctype html> <html lang="fr" class=" no-js"><head> <meta name="robots" content="noindex, nofollow"> <link rel="alternate" hreflang="en" href="https://kubernetes.io/"> <link rel="alternate" hreflang="bn" href="https://kubernetes.io/bn/"> <link rel="alternate" hreflang="zh-cn" href="https://kubernetes.io/zh-cn/"> <link rel="alternate" hreflang="de" href="https://kubernetes.io/de/"> <link rel="alternate" hreflang="hi" href="https://kubernetes.io/hi/"> <link rel="alternate" hreflang="id" href="https://kubernetes.io/id/"> <link rel="alternate" hreflang="it" href="https://kubernetes.io/it/"> <link rel="alternate" hreflang="ja" href="https://kubernetes.io/ja/"> <link rel="alternate" hreflang="ko" href="https://kubernetes.io/ko/"> <link rel="alternate" hreflang="pl" href="https://kubernetes.io/pl/"> <link rel="alternate" hreflang="pt-br" href="https://kubernetes.io/pt-br/"> <link rel="alternate" hreflang="ru" href="https://kubernetes.io/ru/"> <link rel="alternate" hreflang="es" href="https://kubernetes.io/es/"> <link rel="alternate" hreflang="uk" href="https://kubernetes.io/uk/"> <link rel="alternate" hreflang="vi" href="https://kubernetes.io/vi/"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="generator" content="Hugo 0.121.2"> <link rel="alternate" type="application/rss+xml" href="https://kubernetes.io/fr/feed.xml"> <link rel="shortcut icon" type="image/png" href="/images/kubernetes.png" /><link rel="icon" type="image/png" sizes="64x64" href="/icons/favicon-64.png" /><link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32.png" /><link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16.png" /><link rel="apple-touch-icon-256x256" href="/icons/apple-touch-icon-256x256.png" /><link rel="apple-touch-icon-196x196" href="/icons/apple-touch-icon-196x196.png" /><link rel="apple-touch-icon-192x192" href="/icons/apple-touch-icon-192x192.png" /><link rel="apple-touch-icon-180x180" href="/icons/apple-touch-icon-180x180.png" /><link rel="apple-touch-icon-167x167" href="/icons/apple-touch-icon-167x167.png" /><link rel="apple-touch-icon-160x160" href="/icons/apple-touch-icon-160x160.png" /><link rel="apple-touch-icon-152x152" href="/icons/apple-touch-icon-152x152.png" /><link rel="apple-touch-icon-120x120" href="/icons/apple-touch-icon-120x120.png" /><link rel="apple-touch-icon-76x76" href="/icons/apple-touch-icon-76x76.png" /><link rel="icon" type="image/png" href="/icons/icon-128x128.png" sizes=128x128><meta name="theme-color" content="#326de6" /> <title>Kubernetes</title><meta property="og:title" content="Solution professionnelle d’orchestration de conteneurs" /> <meta property="og:description" content="Solution professionnelle d’orchestration de conteneurs" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://kubernetes.io/fr/" /> <meta itemprop="name" content="Solution professionnelle d’orchestration de conteneurs"> <meta itemprop="description" content="Solution professionnelle d’orchestration de conteneurs"><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Solution professionnelle d’orchestration de conteneurs"/> <meta name="twitter:description" content="Solution professionnelle d’orchestration de conteneurs"/> <link href="/scss/main.css" rel="stylesheet"> <link rel="manifest" href="/manifest.webmanifest"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://kubernetes.io", "logo": "https://kubernetes.io/images/favicon.png", } </script> <meta name="theme-color" content="#326ce5"> <style> .gutter { background-color: #eee; background-repeat: no-repeat; background-position: 50%; } .gutter.gutter-horizontal { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); cursor: col-resize; } #sidebarnav, #maindoc { max-width: 100%; } #maindoc { overflow-wrap: break-word; } @media (max-width: 768px) { #sidebarnav { padding-left: 15px; padding-right: 15px; } } </style> <meta name="description" content="Kubernetes (K8s) est un système open-source permettant d'automatiser le déploiement, la mise à l'échelle et la gestion des applications conteneurisées. Les conteneurs qui composent une application sont regroupés dans des unités logiques pour en faciliter la gestion et la découverte. Kubernetes s’appuie sur 15 années d’expérience dans la gestion de charges de travail de production (workloads) chez Google, associé aux meilleures idées et pratiques de la communauté. Quel que soit le nombre Conçu selon les mêmes principes qui permettent à Google de gérer des milliards de conteneurs par semaine, Kubernetes peut évoluer sans augmenter votre équipe d'opérations."> <meta property="og:description" content="Kubernetes (K8s) est un système open-source permettant d'automatiser le déploiement, la mise à l'échelle et la gestion des applications conteneurisées. Les conteneurs qui composent une application sont regroupés dans des unités logiques pour en faciliter la gestion et la découverte. Kubernetes s’appuie sur 15 années d’expérience dans la gestion de charges de travail de production (workloads) chez Google, associé aux meilleures idées et pratiques de la communauté. Quel que soit le nombre Conçu selon les mêmes principes qui permettent à Google de gérer des milliards de conteneurs par semaine, Kubernetes peut évoluer sans augmenter votre équipe d'opérations."> <meta name="twitter:description" content="Kubernetes (K8s) est un système open-source permettant d'automatiser le déploiement, la mise à l'échelle et la gestion des applications conteneurisées. Les conteneurs qui composent une application sont regroupés dans des unités logiques pour en faciliter la gestion et la découverte. Kubernetes s’appuie sur 15 années d’expérience dans la gestion de charges de travail de production (workloads) chez Google, associé aux meilleures idées et pratiques de la communauté. Quel que soit le nombre Conçu selon les mêmes principes qui permettent à Google de gérer des milliards de conteneurs par semaine, Kubernetes peut évoluer sans augmenter votre équipe d'opérations."> <meta property="og:url" content="https://kubernetes.io/fr/"> <meta property="og:title" content="Solution professionnelle d’orchestration de conteneurs"> <meta name="twitter:title" content="Solution professionnelle d’orchestration de conteneurs"> <meta name="twitter:image" content="https://kubernetes.io/images/favicon.png" /> <meta name="twitter:image:alt" content="Kubernetes"> <meta property="og:image" content="/images/kubernetes-horizontal-color.png"> <meta property="og:type" content="website"> <script src="/js/jquery-3.6.0.min.js" intregrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script> <script src="/js/split-1.6.0.js" intregrity="sha384-0blL3GqHy6+9fw0cyY2Aoiwg4onHAtslAs4OkqZY7UQBrR65/K4gI+hxLdWDrjpz"></script> <script defer src="/js/dismiss_banner.js"></script> </head> <body class="td-home cid-home"> <header> <nav class="js-navbar-scroll navbar navbar-expand navbar-dark flex-column flex-md-row td-navbar" data-auto-burger="primary"> <a class="navbar-brand img-fluid" href="/fr/"></a> <div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar"> <ul class="navbar-nav mt-2 mt-lg-0"> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/fr/docs/" >Documentation</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/fr/blog/" >Blog de Kubernetes</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/fr/partners/" >Partenaires</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/fr/community/" >Communauté</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/fr/case-studies/" >Études de cas</a> </li> <li class="nav-item mr-n3 mr-lg-0 dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Versions </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="/fr/releases">Release Information</a> <a class="dropdown-item" href="https://kubernetes.io/fr/">v1.31</a> <a class="dropdown-item" href="https://v1-30.docs.kubernetes.io/fr/">v1.30</a> <a class="dropdown-item" href="https://v1-29.docs.kubernetes.io/fr/">v1.29</a> <a class="dropdown-item" href="https://v1-28.docs.kubernetes.io/fr/">v1.28</a> <a class="dropdown-item" href="https://v1-27.docs.kubernetes.io/fr/">v1.27</a> </div> </li> <li class="nav-item mr-n4 mr-lg-0 dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Français (French) </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="/">English</a> <a class="dropdown-item" href="/bn/">বাংলা (Bengali)</a> <a class="dropdown-item" href="/zh-cn/">中文 (Chinese)</a> <a class="dropdown-item" href="/de/">Deutsch (German)</a> <a class="dropdown-item" href="/hi/">हिन्दी (Hindi)</a> <a class="dropdown-item" href="/id/">Bahasa Indonesia (Indonesian)</a> <a class="dropdown-item" href="/it/">Italiano (Italian)</a> <a class="dropdown-item" href="/ja/">日本語 (Japanese)</a> <a class="dropdown-item" href="/ko/">한국어 (Korean)</a> <a class="dropdown-item" href="/pl/">Polski (Polish)</a> <a class="dropdown-item" href="/pt-br/">Português (Portuguese)</a> <a class="dropdown-item" href="/ru/">Русский (Russian)</a> <a class="dropdown-item" href="/es/">Español (Spanish)</a> <a class="dropdown-item" href="/uk/">Українська (Ukrainian)</a> <a class="dropdown-item" href="/vi/">Tiếng Việt (Vietnamese)</a> </div> </li> <li class="search-item nav-item mr-n4 mr-lg-0"> <div class="search-bar"> <i class="search-icon fas fa-search"></i> <input type="search" name="q" data-search-page="/search/" class="search-input td-search-input" placeholder="Recherche" aria-label="Recherche" autocomplete="off" > </div> </li> </ul> </div> <button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button> </nav> <section class="header-hero text-white pb-4 light-text"> <div class="main-section"> <div id="headlineWrapper"> <h1>Solution professionnelle d’orchestration de conteneurs</h1> </div> <a href="/fr/docs/tutorials/kubernetes-basics/"><button id="quickstartButton" class="button">Apprendre les bases de Kubernetes</button></a> </div> </section> </header> <section id="deprecation-warning"> <div class="content deprecation-warning pageinfo"> <h3> You are viewing documentation for Kubernetes version: v1.30 </h3> <p> Kubernetes v1.30 documentation non maintenue. Vous consultez une version statique. Pour une documentation à jour, veuillez consulter: <a href="https://kubernetes.io/docs/home/">dernière version.</a> </p> </div> </section> <div class="td-outer"> <main role="main" class="td-main" data-pagefind-body> <section id="oceanNodes" style=""> <div class="main-section"> <div class="image-wrapper"><img src="/fr/_common-resources/images/flower.svg" alt=""></div> <div class="content"> <h3 id="kubernetes-k8s-fr-docs-concepts-overview-what-is-kubernetes-est-un-système-open-source-permettant-d-automatiser-le-déploiement-la-mise-à-l-échelle-et-la-gestion-des-applications-conteneurisées"><a href="/fr/docs/concepts/overview/what-is-kubernetes/">Kubernetes (K8s)</a> est un système open-source permettant d'automatiser le déploiement, la mise à l'échelle et la gestion des applications conteneurisées.</h3> <p>Les conteneurs qui composent une application sont regroupés dans des unités logiques pour en faciliter la gestion et la découverte. Kubernetes s’appuie sur <a href="http://queue.acm.org/detail.cfm?id=2898444">15 années d’expérience dans la gestion de charges de travail de production (workloads) chez Google</a>, associé aux meilleures idées et pratiques de la communauté.</p> </div> </div> <div class="main-section"> <div class="image-wrapper"><img src="/fr/_common-resources/images/scalable.svg" alt=""></div> <div class="content"> <h4 id="quel-que-soit-le-nombre">Quel que soit le nombre</h4> <p>Conçu selon les mêmes principes qui permettent à Google de gérer des milliards de conteneurs par semaine, Kubernetes peut évoluer sans augmenter votre équipe d'opérations.</p> </div> </div> <div class="main-section"> <div class="image-wrapper"><img src="/fr/_common-resources/images/blocks.svg" alt=""></div> <div class="content"> <h4 id="quelle-que-soit-la-complexité">Quelle que soit la complexité</h4> <p>Qu'il s'agisse de tester localement ou d'une implémentation globale, Kubernetes est suffisamment flexible pour fournir vos applications de manière cohérente et simple, quelle que soit la complexité de vos besoins.</p> </div> </div> <div class="main-section"> <div class="image-wrapper"><img src="/fr/_common-resources/images/suitcase.svg" alt=""></div> <div class="content"> <h4 id="quel-que-soit-l-endroit">Quel que soit l'endroit</h4> <p>Kubernetes est une solution open-source qui vous permet de tirer parti de vos infrastructures qu'elles soient sur site (on-premises), hybride ou en Cloud publique. Vous pourrez ainsi répartir sans effort vos workloads là où vous le souhaitez.</p> </div> </div> </section> <section id="video" style="background-image: url(https://kubernetes.io/fr/_common-resources/images/kub_video_banner_homepage.jpg); "> <div class="light-text"> <h2>Les défis de la migration de plus de 150 microservices vers Kubernetes</h2> <p>Par Sarah Wells, directrice technique des opérations et de la fiabilité, Financial Times</p> <button id="desktopShowVideoButton" onclick="kub.showVideo()">Voir la video (en)</button> <br> <br> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-europe/" button id="desktopKCButton">Venez au KubeCon EU Paris, France du 19 au 22 Mars 2024</a> <br> <br> <br> <br> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-north-america-2024/" button id="desktopKCButton">Venez au KubeCon Salt Lake City, UTAH, USA du 12 au 15 Novembre 2024</a> </div> <div id="videoPlayer"> <iframe data-url="https://www.youtube.com/embed/H06qrNmGqyE?autoplay=1" frameborder="0" allowfullscreen></iframe> <button id="closeButton"></button> </div> </section> <section id="features"> <div class="main-section"> <h3 class="center">Fonctionnalités Kubernetes</h3> <div class="feature-box"> <div> <h4><a href="/fr/docs/concepts/services-networking/endpoint-slices/">EndpointSlices</a></h4> Suivi évolutif des réseaux Endpoints dans un cluster Kubernetes. </div> <div> <h4><a href="/fr/docs/concepts/services-networking/service/">Découverte de services et équilibrage de charge</a></h4> Pas besoin de modifier votre application pour utiliser un mécanisme de découverte de services inconnu. Kubernetes donne aux pods leurs propres adresses IP et un nom DNS unique pour un ensemble de pods, et peut équilibrer la charge entre eux. </div> </div> <div class="feature-box"> <div> <h4><a href="/fr/docs/concepts/storage/persistent-volumes/">Orchestration du stockage</a></h4> Montez automatiquement le système de stockage de votre choix, que ce soit à partir du stockage local, d'un fournisseur de cloud public tel que <a href="https://cloud.google.com/storage/">GCP</a> ou <a href="https://aws.amazon.com/products/storage/">AWS</a>, ou un système de stockage réseau tel que NFS, iSCSI, Gluster, Ceph, Cinder ou Flocker. </div> <div> <h4><a href="/fr/docs/concepts/workloads/controllers/deployment/">Déploiements et restaurations automatisés</a></h4> Kubernetes déploie progressivement les modifications apportées à votre application ou à sa configuration, tout en surveillant l'intégrité de l'application pour vous assurer qu'elle ne tue pas toutes vos instances en même temps. En cas de problème, Kubernetes annulera le changement pour vous. Profitez d'un écosystème croissant de solutions de déploiement. </div> </div> <div class="feature-box"> <div> <h4><a href="/fr/docs/concepts/configuration/secret/">Gestion du secret et de la configuration</a></h4> Déployez et mettez à jour les secrets et la configuration des applications sans reconstruire votre image et sans dévoiler les secrets de la configuration de vos applications. </div> </div> </section> <section id="talkToUs"> <div class="main-section"> <h3 style="text-align: center"><a href="/case-studies/" style="color: #3371E3; font-weight: 400">Études de cas</a></h3> <div id="caseStudiesWrapper"> </div> </div> </section> <section id="cncf"> <div class="main-section"> <center> <p style="font-size: 20px">Nous sommes un projet <a href="https://cncf.io/">CNCF</a> diplômé</p> </center> </div> </section> <section id="kubeweekly"> <div class="main-section"> <link href="https://cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css"> <style type="text/css"> #mc_embed_signup{clear:left; width:100%;} #mc_embed_signup .button, #mc_embed_signup input.email {margin-right:15px; vertical-align: bottom} </style> <br> <div id="mc_embed_signup"> <form action="https://kubeweekly.us10.list-manage.com/subscribe/post?u=3885586f8f1175194017967d6&id=11c1b8bcb2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> <p style="font-size: 20px">Intéressez pour recevoir les dernières informations sur Kubernetes ? Abonnez-vous à KubeWeekly.</p> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="adresse email" aria-label="email" required> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_3885586f8f1175194017967d6_11c1b8bcb2" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Souscrire" name="subscribe" id="mc-embedded-subscribe" class="button"></div> </div> </form> <h5 style="text-align: center"><a href="https://us10.campaign-archive.com/home/?u=3885586f8f1175194017967d6&id=11c1b8bcb2" aria-label="Kube Weekly" style="color: #3371E3; font-weight: 400; font-size: 20px"></a></h5> </div> </div> </section> </main> </div> <footer class="d-print-none"> <div class="footer__links"> <nav> <a class="text-white" href="/fr/docs/home/">Documentation</a> <a class="text-white" href="/fr/blog/">Blog</a> <a class="text-white" href="/fr/partners/">Partenaires</a> <a class="text-white" href="/fr/community/">Communauté</a> <a class="text-white" href="/fr/case-studies/">Études de cas</a> </nav> </div> <div class="container-fluid"> <div class="row"> <div class="col-6 col-sm-2 text-xs-center order-sm-2"> <ul class="list-inline mb-0"> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="User mailing list" aria-label="User mailing list"> <a class="text-white" target="_blank" href="https://discuss.kubernetes.io"> <i class="fa fa-envelope"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="X(Twitter)" aria-label="X(Twitter)"> <a class="text-white" target="_blank" href="https://twitter.com/kubernetesio"> <i class="fab fa-x-twitter"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Calendar" aria-label="Calendar"> <a class="text-white" target="_blank" href="https://calendar.google.com/calendar/embed?src=calendar%40kubernetes.io"> <i class="fas fa-calendar-alt"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Youtube" aria-label="Youtube"> <a class="text-white" target="_blank" href="https://youtube.com/kubernetescommunity"> <i class="fab fa-youtube"></i> </a> </li> </ul> </div> <div class="col-6 col-sm-2 text-right text-xs-center order-sm-3"> <ul class="list-inline mb-0"> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="GitHub" aria-label="GitHub"> <a class="text-white" target="_blank" href="https://github.com/kubernetes/kubernetes"> <i class="fab fa-github"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Slack" aria-label="Slack"> <a class="text-white" target="_blank" href="https://slack.k8s.io"> <i class="fab fa-slack"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Contribute" aria-label="Contribute"> <a class="text-white" target="_blank" href="https://git.k8s.io/community/contributors/guide"> <i class="fas fa-edit"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Stack Overflow" aria-label="Stack Overflow"> <a class="text-white" target="_blank" href="https://stackoverflow.com/questions/tagged/kubernetes"> <i class="fab fa-stack-overflow"></i> </a> </li> </ul> </div> <div class="col-12 col-sm-8 text-center order-sm-2"> <small class="text-white">© 2024 The Kubernetes Authors | Documentation Distributed under <a href="https://git.k8s.io/website/LICENSE" class="light-text">CC BY 4.0</a></small> <br/> <small class="text-white">Copyright © 2024 The Linux Foundation ®. All rights reserved. The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our <a href="https://www.linuxfoundation.org/trademark-usage" class="light-text">Trademark Usage page</a></small> <br/> <small class="text-white">ICP license: 京ICP备17074266号-3</small> </div> </div> </div> </footer> <script src="/js/jquery-3.6.0.min.js" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script> <script src="/js/popper-1.16.1.min.js" intregrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> <script src="/js/bootstrap-4.6.1.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script> <script src="/js/script.js"></script> <script src="/js/main.min.b8b5957f4ba9b582bc3696c8cbed20dde33f789d0fe3255f10fdc7adecf38b7e.js" integrity="sha256-uLWVf0uptYK8NpbIy+0g3eM/eJ0P4yVfEP3Hrezzi34=" crossorigin="anonymous"></script> <script> let splitInstance = null; function enableSplitter(mediaQuery) { if (mediaQuery.matches) { if (!splitInstance) { splitInstance = Split(["#sidebarnav", "#maindoc"], { sizes: [20, 80], minSize: 100, }); } } else { if (splitInstance) { splitInstance.destroy(); splitInstance = null; } } } const screenWidthMediaQuery = window.matchMedia("(min-width: 768px)"); const eleNav = document.getElementById("sidebarnav"); if (eleNav !== null) { enableSplitter(screenWidthMediaQuery); screenWidthMediaQuery.addListener(enableSplitter); } </script> </body> </html>