CINXE.COM
Kubernetes
<!doctype html> <html lang="de" class=" no-js"><head> <meta name="robots" content="noindex, nofollow"> <link rel="alternate" hreflang="en" href="https://kubernetes.io/"> <link rel="alternate" hreflang="zh-cn" href="https://kubernetes.io/zh-cn/"> <link rel="alternate" hreflang="ko" href="https://kubernetes.io/ko/"> <link rel="alternate" hreflang="ja" href="https://kubernetes.io/ja/"> <link rel="alternate" hreflang="fr" href="https://kubernetes.io/fr/"> <link rel="alternate" hreflang="it" href="https://kubernetes.io/it/"> <link rel="alternate" hreflang="es" href="https://kubernetes.io/es/"> <link rel="alternate" hreflang="pt-br" href="https://kubernetes.io/pt-br/"> <link rel="alternate" hreflang="id" href="https://kubernetes.io/id/"> <link rel="alternate" hreflang="hi" href="https://kubernetes.io/hi/"> <link rel="alternate" hreflang="vi" href="https://kubernetes.io/vi/"> <link rel="alternate" hreflang="ru" href="https://kubernetes.io/ru/"> <link rel="alternate" hreflang="pl" href="https://kubernetes.io/pl/"> <link rel="alternate" hreflang="uk" href="https://kubernetes.io/uk/"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="generator" content="Hugo 0.111.3"> <link rel="alternate" type="application/rss+xml" href="https://kubernetes.io/de/feed.xml"> <link rel="shortcut icon" type="image/png" href="/images/favicon.png"> <link rel="apple-touch-icon" href="/favicons/apple-touch-icon-180x180.png" sizes="180x180"> <link rel="manifest" href="/manifest.webmanifest"> <link rel="apple-touch-icon" href="/images/kubernetes-192x192.png"> <title>Kubernetes</title><meta property="og:title" content="Produktionsreife Container-Orchestrierung" /> <meta property="og:description" content="Produktionsreife Container-Orchestrierung" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://kubernetes.io/de/" /><meta property="og:site_name" content="Kubernetes" /> <meta itemprop="name" content="Produktionsreife Container-Orchestrierung"> <meta itemprop="description" content="Produktionsreife Container-Orchestrierung"><meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="Produktionsreife Container-Orchestrierung"/> <meta name="twitter:description" content="Produktionsreife Container-Orchestrierung"/> <link href="/scss/main.css" rel="stylesheet"> <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> <link rel="stylesheet" href="/css/feature-states.css"> <meta name="description" content="Kubernetes (K8s) ist ein Open-Source-System zur Automatisierung der Bereitstellung, Skalierung und Verwaltung von containerisierten Anwendungen. Es gruppiert Container, aus denen sich eine Anwendung zusammensetzt, in logische Einheiten, um die Verwaltung und Erkennung zu erleichtern. Kubernetes baut auf 15 Jahre Erfahrung in Bewältigung von Produktions-Workloads bei Google, kombiniert mit Best-of-Breed-Ideen und Praktiken aus der Community. Ausgereift Kubernetes basiert auf denselben Prinzipien, die es Google ermöglichen, Milliarden von Containern pro Woche zu betreiben."> <meta property="og:description" content="Kubernetes (K8s) ist ein Open-Source-System zur Automatisierung der Bereitstellung, Skalierung und Verwaltung von containerisierten Anwendungen. Es gruppiert Container, aus denen sich eine Anwendung zusammensetzt, in logische Einheiten, um die Verwaltung und Erkennung zu erleichtern. Kubernetes baut auf 15 Jahre Erfahrung in Bewältigung von Produktions-Workloads bei Google, kombiniert mit Best-of-Breed-Ideen und Praktiken aus der Community. Ausgereift Kubernetes basiert auf denselben Prinzipien, die es Google ermöglichen, Milliarden von Containern pro Woche zu betreiben."> <meta name="twitter:description" content="Kubernetes (K8s) ist ein Open-Source-System zur Automatisierung der Bereitstellung, Skalierung und Verwaltung von containerisierten Anwendungen. Es gruppiert Container, aus denen sich eine Anwendung zusammensetzt, in logische Einheiten, um die Verwaltung und Erkennung zu erleichtern. Kubernetes baut auf 15 Jahre Erfahrung in Bewältigung von Produktions-Workloads bei Google, kombiniert mit Best-of-Breed-Ideen und Praktiken aus der Community. Ausgereift Kubernetes basiert auf denselben Prinzipien, die es Google ermöglichen, Milliarden von Containern pro Woche zu betreiben."> <meta property="og:url" content="https://kubernetes.io/de/"> <meta property="og:title" content="Produktionsreife Container-Orchestrierung"> <meta name="twitter:title" content="Produktionsreife Container-Orchestrierung"> <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> </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="/de/"></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="/de/docs/" >Dokumentation</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/de/blog/" >Kubernetes Blog</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/de/training/" >Schulungen</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/de/partners/" >Partner</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/de/community/" >Community</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/de/case-studies/" >Fallstudien</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="/de/releases">Release Information</a> <a class="dropdown-item" href="https://kubernetes.io/de/">v1.32</a> <a class="dropdown-item" href="https://v1-31.docs.kubernetes.io/de/">v1.31</a> <a class="dropdown-item" href="https://v1-30.docs.kubernetes.io/de/">v1.30</a> <a class="dropdown-item" href="https://v1-29.docs.kubernetes.io/de/">v1.29</a> <a class="dropdown-item" href="https://v1-28.docs.kubernetes.io/de/">v1.28</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"> Deutsch (German) </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="/">English</a> <a class="dropdown-item" href="/zh-cn/">中文 (Chinese)</a> <a class="dropdown-item" href="/ko/">한국어 (Korean)</a> <a class="dropdown-item" href="/ja/">日本語 (Japanese)</a> <a class="dropdown-item" href="/fr/">Français (French)</a> <a class="dropdown-item" href="/it/">Italiano (Italian)</a> <a class="dropdown-item" href="/es/">Español (Spanish)</a> <a class="dropdown-item" href="/pt-br/">Português (Portuguese)</a> <a class="dropdown-item" href="/id/">Bahasa Indonesia</a> <a class="dropdown-item" href="/hi/">हिन्दी (Hindi)</a> <a class="dropdown-item" href="/vi/">Tiếng Việt (Vietnamese)</a> <a class="dropdown-item" href="/ru/">Русский (Russian)</a> <a class="dropdown-item" href="/pl/">Polski (Polish)</a> <a class="dropdown-item" href="/uk/">Українська (Ukrainian)</a> </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>Produktionsreife Container-Orchestrierung</h1> </div> <a href="/de/docs/tutorials/kubernetes-basics/"><button id="quickstartButton" class="button">Kubernetes Grundlagen lernen</button></a> </div> </section> </header> <section id="deprecation-warning"> <div class="content deprecation-warning pageinfo"> <h3> You are viewing documentation for Kubernetes version: v1.28 </h3> <p> Kubernetes v1.28 Die Dokumentation wird nicht mehr aktiv gepflegt. Die aktuell angezeigte Version ist eine statische Momentaufnahme. Aktuelle Dokumentation finden Sie unter <a href="https://kubernetes.io/docs/home/">aktuelle Version.</a> </p> </div> </section> <div class="td-outer"> <main role="main" class="td-main"> <div class="col-sm-6 col-md-6 col-lg-6 mx-auto py-3"> <input type="search" class="form-control td-search-input" name="q" placeholder=" Suchen" aria-label="Suchen" autocomplete="off" > </div> <section id="oceanNodes" style=""> <div class="main-section"> <div class="image-wrapper"><img src="/de/_common-resources/images/flower.svg" alt=""></div> <div class="content"> <h3 id="kubernetes-k8s-de-docs-concepts-overview-what-is-kubernetes-ist-ein-open-source-system-zur-automatisierung-der-bereitstellung-skalierung-und-verwaltung-von-containerisierten-anwendungen"><a href="/de/docs/concepts/overview/what-is-kubernetes/">Kubernetes (K8s)</a> ist ein Open-Source-System zur Automatisierung der Bereitstellung, Skalierung und Verwaltung von containerisierten Anwendungen.</h3> <p>Es gruppiert Container, aus denen sich eine Anwendung zusammensetzt, in logische Einheiten, um die Verwaltung und Erkennung zu erleichtern. Kubernetes baut auf <a href="http://queue.acm.org/detail.cfm?id=2898444">15 Jahre Erfahrung in Bewältigung von Produktions-Workloads bei Google</a>, kombiniert mit Best-of-Breed-Ideen und Praktiken aus der Community.</p> </div> </div> <div class="main-section"> <div class="image-wrapper"><img src="/de/_common-resources/images/scalable.svg" alt=""></div> <div class="content"> <h4 id="ausgereift">Ausgereift</h4> <p>Kubernetes basiert auf denselben Prinzipien, die es Google ermöglichen, Milliarden von Containern pro Woche zu betreiben.</p> </div> </div> <div class="main-section"> <div class="image-wrapper"><img src="/de/_common-resources/images/blocks.svg" alt=""></div> <div class="content"> <h4 id="mitwachsend">Mitwachsend</h4> <p>Unabhängig davon, ob Du lokal testest oder ein globales Unternehmen betreibst: Die Flexibilität von Kubernetes wächst mit Dir, um Deine Anwendungen konsistent und einfach bereitzustellen - Unabhängig von der Komplexität Deiner Anforderungen.</p> </div> </div> <div class="main-section"> <div class="image-wrapper"><img src="/de/_common-resources/images/suitcase.svg" alt=""></div> <div class="content"> <h4 id="überall-lauffähig">Überall Lauffähig</h4> <p>Kubernetes ist Open Source und bietet Dir die Freiheit, die Infrastruktur vor Ort, Hybrid oder Public Cloud zu nutzen. So kannst Du Workloads mühelos dorthin verschieben, wo es Dir wichtig ist.</p> </div> </div> </section> <section id="video" style="background-image: url(https://kubernetes.io/de/_common-resources/images/kub_video_banner_homepage.jpg); "> <div class="light-text"> <h2>Die Herausforderungen bei der Migration von über 150 Microservices auf Kubernetes</h2> <p>Von Sarah Wells, technische Direktorin für Betrieb und Zuverlässigkeit, Financial Times</p> <button id="desktopShowVideoButton" onclick="kub.showVideo()">Video ansehen</button> <br> <br> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-north-america/" button id="desktopKCButton">Besuche die KubeCon + CloudNativeCon North America vom 6. bis 9. November 2023</a> <br> <br> <br> <br> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-europe/" button id="desktopKCButton">Besuche die KubeCon + CloudNativeCon Europe vom 19. bis 22. März 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">Kubernetes Features</h3> <div class="feature-box"> <div> <h4><a href="/de/docs/concepts/workloads/controllers/deployment/">Automatisierte Rollouts und Rollbacks</a></h4> Kubernetes wendet Änderungen an deinen Anwendungen oder seiner eigenen Konfiguration stufenweise an. Währenddessen achtet es darauf, dass nicht alle Instanzen der Anwendung zur gleichen Zeit beeinträchtigt werden. Falls etwas schief geht, macht Kubernetes die Änderungen rückgängig. </div> <div> <h4><a href="/de/docs/concepts/storage/persistent_volumes/">Speicher-Orchestrierung</a></h4> Binde automatisch deinen gewünschten Speicher ein. Egal, ob lokaler Speicher, Speicher eines Cloud Providers (z.B. AWS oder GCP) oder ein Netzwerkspeicher (z.B. NFS, iSCSI, Ceph oder Cinder). </div> </div> <div class="feature-box"> <div> <h4><a href="/de/docs/concepts/services-networking/service/">Service-Discovery und Load Balancing</a></h4> Anwendungen müssen keinen komplizierten Mechanismus für Service-Discovery verwenden. Kubernetes verteilt IP-Adressen und DNS-Einträge automatisch an Pods und übernimmt auch das Load Balancing. </div> <div> <h4><a href="/de/docs/concepts/workloads/controllers/replicaset/#funktionsweise-eines-replicasets">Selbstheilung</a></h4> Container werden mithilfe von Health-Checks überwacht und im Falle eines Fehlers neu gestartet. Sie werden erst wieder verwendet, wenn Sie komplett einsatzbereit sind. </div> </div> <div class="feature-box"> <div> <h4><a href="/de/docs/concepts/configuration/secret/">Verwaltung von Secrets und Konfigurationen</a></h4> Deploye und aktualisiere Secrets sowie Anwendungskonfigurationen, ohne ein Image neu zu bauen oder Secrets preiszugeben. </div> <div> <h4><a href="/de/docs/concepts/configuration/manage-resource-containers/">Automatisches Bin Packing</a></h4> Container können je nach Systemanforderungen auf spezifischen Nodes ausgeführt werden. Somit kann eine effiziente Nutzung von Ressourcen erreicht werden. </div> </div> <div class="feature-box"> <div> <h4><a href="/de/docs/concepts/workloads/controllers/job/">Stapelweise Ausführung</a></h4> Neben Diensten kann Kubernetes auch die stapelweise Ausführung von Workloads verwalten. Im Falle eines Fehlers können Container ausgetauscht werden. </div> <div> <h4><a href="/de/docs/tasks/run-application/horizontal-pod-autoscale/">Horizontales Skalieren</a></h4> Skaliere deine Anwendung mit einem einfachen Befehl, über die Benutzeroberfläche oder automatisch, basierend auf der CPU-Auslastung. </div> </div> <div class="feature-box"> <div> <h4><a href="/de/docs/concepts/services-networking/dual-stack/">IPv4/IPv6 Dual-Stack</a></h4> Pods und Dienste können gleichzeitig IPv4- und IPv6-Adressen verwenden. </div> <div> <h4><a href="/de/docs/concepts/extend-kubernetes/">Für Erweiterungen entworfen</a></h4> Kubernetes kann ohne Änderungen am Upstream-Quelltext erweitert werden. </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">Fallstudien</a></h3> <div id="caseStudiesWrapper"> </div> </div> </section> <section id="cncf"> <div class="main-section"> <center> <p style="font-size: 20px">Wir sind ein <a href="https://cncf.io/">CNCF</a> Abschlussprojekt</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">Möchtest du die neuesten Nachrichten von Kubernetes erhalten? Melde dich für KubeWeekly an.</p> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="E-Mail-Adresse" 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="Abonnieren" 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="/de/docs/home/">Dokumentation</a> <a class="text-white" href="/de/blog/">Blog</a> <a class="text-white" href="/de/training/">Schulungen</a> <a class="text-white" href="/de/partners/">Partner</a> <a class="text-white" href="/de/community/">Community</a> <a class="text-white" href="/de/case-studies/">Fallstudien</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="Twitter" aria-label="Twitter"> <a class="text-white" target="_blank" href="https://twitter.com/kubernetesio"> <i class="fab fa-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 async src="/js/mermaid-8.13.4.min.js" integrity="sha384-5hHNvPeMrNH14oM3IcQofDoBhiclNK3g2+hnEinKzQ07C4AliMeVpnvxuiwEGpaO" crossorigin="anonymous"></script> <script src="/js/main.min.5c0bf7f21dc4f66485f74efbbeeff28a7e4f8cddaac1bae47043159c922ff3a3.js" integrity="sha256-XAv38h3E9mSF9077vu/yin5PjN2qwbrkcEMVnJIv86M=" 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>