If you are not sure if the website you would like to visit is secure, you can verify it here. Enter the website address of the page and see parts of its content and the thumbnail images on this site. None (if any) dangerous scripts on the referenced page will be executed. Additionally, if the selected site contains subpages, you can verify it (review) in batches containing 5 pages.
favicon.ico: de.w3docs.com/learn-javascript/battery-api - Battery API - JavaScript lerne.

site address: de.w3docs.com/learn-javascript/battery-api redirected to: de.w3docs.com/learn-javascript/battery-api

site title: Battery API - JavaScript lernen W3docs

Our opinion (on Tuesday 29 September 2026 12:01:05 UTC):

GREEN status (no comments) - no comments
After content analysis of this website we propose the following hashtags:



Meta tags:
description=Die Battery API in JavaScript ermöglicht Webentwicklern den Zugriff auf den Akkustatus eines Geräts und dessen Überwachung.;

Headings (most frequently used words):

battery, api, akkustatus, überwachen, die, batterymanager, in, javascript, des, geräts, practice, was, ist, vorteile, der, wann, sollte, man, verwenden, praktische, anwendungsfälle, feature, erkennung, grundlegendes, beispiel, so, funktioniert, es, auf, niedrigen, akkustand, reagieren, häufige, fallstricke, fazit, verwandte, themen, eigenschaften, events,

Text of the page (most frequently used words):
und (70), die (57), api (52), #battery (49), ist (28), den (21), der (21), #javascript (20), dom (20), wird (18), oder (18), das (17), wenn (17), lernen (16), mit (14), akkustatus (13), des (13), auf (13), getbattery (13), html (11), events (11), web (10), gerät (10), geladen (10), browser (10), infinity (10), function (10), async (9), ein (9), von (9), sie (9), navigator (9), geräts (8), eine (8), wie (8), charging (8), sich (8), ändert (8), methoden (8), bis (7), await (7), können (7), bei (7), document (7), addeventlistener (7), akkustand (7), event (7), tools (6), zur (6), akku (6), batterymanager (6), nicht (6), nur (6), level (6), dischargingtime (6), chargingtime (6), textcontent (6), error (6), updatetimeremaining (6), funktionen (6), w3docs (5), für (5), was (5), geschätzte (5), zeit (5), kann (5), einführung (5), dieser (5), aus (5), man (5), als (5), einem (5), const (5), einen (5), akkubetrieb (5), output (5), time (5), animationen (5), eigenschaften (5), objekt (5), string (5), formatter (5), color (5), alle (4), json (4), code (4), generator (4), css (4), this (4), ladestand (4), informationen (4), feature (4), eines (4), promises (4), akkulaufzeit (4), werden (4), kopieren (4), lowpower (4), evaluate (4), chargingchange (4), levelchange (4), and (4), return (4), beispiel (4), ladung (4), timeremaining (4), else (4), tohours (4), ressourcenintensive (4), verwenden (4), voll (4), promise (4), shadow (4), fetch (4), über (3), encoder (3), editor (3), quizze (3), übungen (3), php (3), überwachen (3), page (3), file (3), typ (3), welche (3), bereitstellen (3), gibt (3), reagieren (3), durch (3), webanwendungen (3), energieeffizienz (3), zeitwerte (3), daten (3), listener (3), verfügbar (3), reduzieren (3), wert (3), ohne (3), true (3), body (3), muster (3), schwellenwert (3), läuft (3), damit (3), echtzeit (3), vollständigen (3), entleerung (3), not (3), getelementbyid (3), remaining (3), then (3), liest (3), sekunden (3), anpassen (3), warnung (3), verhalten (3), ereignisse (3), ihr (3), number (3), flag (3), data (3), objekte (3), operatoren (3), entwickler (2), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), beautifier (2), diff (2), password (2), probier (2), python (2), java (2), git (2), bücher (2), snippets (2), practice (2), webgl (2), akkus (2), geolocation (2), funktionieren (2), zurück (2), webentwicklern (2), einsatz (2), benutzererfahrung (2), verbessern (2), schonen (2), optimieren (2), unterstützung (2), ermöglicht (2), stromabhängige (2), behandelt (2), korrekt (2), hinweis (2), statt (2), einer (2), https (2), deine (2), prüfung (2), kontext (2), fingerprinting (2), daher (2), keine (2), sind (2), prüfe (2), immer (2), diesen (2), fall (2), bevor (2), desktop (2), beide (2), signal (2), dass (2), ausgeführt (2), watchpowersaver (2), animations (2), when (2), power (2), onchange (2), sobald (2), unter (2), fällt (2), modus (2), niedrigen (2), dieses (2), zeigt (2), verwaltung (2), script (2), supported (2), console (2), catch (2), dischargingtimechange (2), chargingtimechange (2), hours (2), unknown (2), 3600 (2), seconds (2), div (2), span (2), estimation (2), head (2), title (2), folgende (2), werte (2), vorhanden (2), form (2), jedoch (2), percent (2), 100 (2), math (2), erkennung (2), bestimmten (2), laden (2), ressourcen (2), optimiere (2), senken (2), benutzer (2), energie (2), sparen (2), niedrigem (2), aktionen (2), anzeigen (2), auslösen (2), aktuellen (2), vorgänge (2), energieverbrauch (2), verlängern (2), webanwendung (2), hat (2), wann (2), browsern (2), kompatibilität (2), apps (2), zugriff (2), ausgelöst (2), methode (2), vier (2), workers (2), suche (2), quantoren (2), anker (2), flags (2), components (2), the (2), url (2), microtasks (2), formulare (2), benutzerdefinierte (2), styles (2), klassen (2), arrays (2), generatoren (2), advanced (2), fehlerbehandlung (2), chaining (2), erweitern (2), handling (2), class (2), prototypes (2), interaktive (2), elemente (2), property (2), object (2), arrow (2), new (2), syntax (2), variablen (2), functions (2), objects (2), hash (2), 2026, rechte, vorbehalten, gemacht, sprache, datenschutzrichtlinie, kontakt, uns, unternehmen, üben, kostenlose, tutorials, beispiele, seit, 2014, next, previous, yes, helpful, prüfen, internetverbindungsgeschwindigkeit, entladung, betriebssystems, dem, gerade, hersteller, modell, übung, weitere, gerätestatus, ähnlichen, berechtigungs, erkennungsmustern, sauberste, weg, auszulesen, verwandte, themen, werkzeug, hand, benutzergeräten, zuzugreifen, darauf, obwohl, datenschutzgründen, variiert, erfahrungen, dort, unterstützt, vorausgesetzt, erkennt, funktion, betrachtet, hilfreichen, garantie, fazit, innerhalb, komponente, hinzufügst, trenne, beim, abbau, speicherlecks, vermeiden, removeeventlistener, entferne, mehr, benötigte, seiten, reinem, http, abfängt, undefined, localhost, sicherer, erforderlich, runden, baue, präzisen, countdowns, basis, schätzwerte, grob, gerundet, solange, geschätzt, formatierst, normal, nutze, zuverlässiges, dafür, laptop, möglicherweise, nützlichen, häufige, fallstricke, dies, wesentlich, kostengünstiger, polling, callback, tatsächlich, timer, reduce, motion, toggle, classlist, usage, pause, heavy, low, save, only, below, gängiges, seite, energiesparmodus, versetzen, lausche, dabei, gemeinsam, beiden, signalen, neu, bewertet, detaillierte, einblicke, akkunutzung, liefern, einschließlich, zeitschätzungen, besonders, nützlich, mobilgeräte, laptops, energieverbrauchs, anzeige, aktualisiert, skript, prüft, entlädt, verbleibende, zeitschätzung, funktioniert, selbst, available, access, denied, until, full, plugged, charge, tofixed, calculating, utf, charset, meta, lang, doctype, einmal, hält, anschließend, angezeigten, text, aktuell, indem, relevanten, lauscht, beachte, hilfsfunktion, angegeben, ergibt, division, lesbare, stunden, sein, weshalb, explizit, grundlegendes, kanonische, dann, aufgelösten, genauso, folgt, oben, nach, unten, round, readbattery, gehe, niemals, davon, sichere, jeden, aufruf, unterstützte, sauberen, fallback, erhalten, typeerror, lade, hochauflösende, bilder, inhalte, liegt, leistung, dynamisches, hintergrundprozesse, datensynchronisierung, senden, benachrichtigungen, seltener, hintergrundprozessen, intensität, häufigkeit, anhand, akkuverbrauch, energiesparende, kannst, auszugeben, aufzufordern, anzuschließen, praktische, anwendungsfälle, führe, bestimmte, aufgaben, pausieren, akkuereignissen, zeige, akkubezogene, passe, anwendung, daran, ziehe, betracht, anforderungen, sollte, mehreren, modernen, sollten, implementieren, verschiedenen, umgebungen, sicherzustellen, liefert, updates, änderungen, sodass, sofort, abziehen, steckers, aktualisierungen, akkustatusinformationen, erweiterte, anbieten, aufgeladen, verbesserung, vorteile, jedes, einfaches, abonniert, beginnt, beendet, ladevorgang, wechselt, unbekannt, bereits, leer, multiplizieren, prozentwert, keinen, boolean, bedeutung, eigenschaft, einzige, bereitgestellt, zurückgibt, aufgelöst, enthält, schreibgeschützte, zustand, beschreiben, sowie, asynchron, starkes, nahezu, eindeutiger, langsam, haben, zurückgezogen, wurde, firefox, safari, entfernt, chromium, basierten, chrome, edge, opera, sicheren, behandle, progressive, erweiterung, dein, muss, auch, verfügbarkeit, aufrufst, schnittstelle, webseiten, auslesen, lange, vollen, dauert, zum, hintergrundaufgaben, drosseln, aufwendige, schwach, artikel, erklärt, bereitstellt, sinnvoll, ausliest, dessen, überwachung, intl, vibration, notifications, audio, webrtc, websockets, service, midi, storage, validation, fullscreen, history, screen, orientation, push, apis, regexp, sticky, position, katastrophales, backtracking, lookahead, lookbehind, alternation, rückwärtsreferenzen, name, erfassungsgruppen, gierige, faule, sets, ranges, escaping, sonderzeichen, wortgrenze, mehrzeiliger, anfang, ende, unicode, klasse, zeichenklassen, regex, regular, expressions, styling, slots, komposition, template, element, custom, elements, animation, indexeddb, localstorage, sessionstorage, cookies, cookie, storing, wiederaufnehmbarer, dateiupload, server, sent, xmlhttprequest, ursprungsübergreifende, anfragen, abbruch, download, fortschritt, formdata, network, requests, canvas, references, loop, macrotasks, selection, range, resizeobserver, intersectionobserver, mutation, observer, various, onload, onerror, scripts, defer, domcontentloaded, load, beforeunload, unload, resource, loading, ereignis, submit, clipboard, change, input, cut, copy, paste, fokussierung, focus, blur, formulareigenschaften, forms, controls, scrolling, tastatur, keydown, keyup, drag, drop, mausbewegungen, mausereignisse, grundlagen, standard, browseraktionen, delegation, bubbling, capturing, introduction, koordinaten, fenstergrößen, scrollen, dokument, verändern, attribute, knoteneigenschaften, tag, inhalt, getelement, queryselector, browserumgebung, spezifikationen, streams, filereader, blob, textdecoder, textencoder, arraybuffer, binäre, binary, files, fensterübergreifende, kommunikation, popups, window, frames, windows, polyfills, transpiler, bigint, currying, eval, proxy, reflect, miscellaneous, dynamische, imports, export, import, module, modules, iteratoren, generators, iteration, promisification, callbacks, fehler, try, mixins, checking, instanceof, eingebaute, private, geschützte, statische, klassenvererbung, grundsyntax, classes, prototyp, __proto__, native, prototypale, vererbung, inheritance, widgets, performance, optimierung, debugging, barrierefreiheit, manipulationsbibliotheken, fortgeschrittene, techniken, manipulationstechniken, traversieren, arbeiten, manipulieren, auswählen, knoten, getter, setter, deskriptoren, properties, configuration, closures, vertieft, binding, debounce, throttle, dekoratoren, weiterleitung, call, apply, settimeout, setinterval, nfe, globales, alte, var, scope, rest, parameter, spread, rekursion, stack, tojson, datum, uhrzeit, destructuring, assignment, keys, values, entries, weakmap, weakset, map, set, iterables, array, strings, zahlen, primitiven, types, optional, konstruktor, operator, primitiv, konvertierung, symbol, typen, garbage, collection, objektmethoden, basics, es6, funktionsausdrücke, schleifen, switch, bedingte, nullish, coalescing, logische, vergleichsoperatoren, typkonvertierungen, datentypen, use, strict, kommentare, basic, anmelden, durchsuchen, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, kurse,


Text of the page (random words):
nen python lernen kurse quizze übungen snippets tools general tools html editor password generator html encoder code diff json beautifier alle 13 color tools color picker color converter color mixer color hex colors hsl alle 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder alle 19 code formatters javascript formatter css formatter html formatter json formatter php formatter w3docs durchsuchen k de english en deutsch de русский ru français fr español es português pt italiano it anmelden javascript lernen javascript basic einführung javascript verwenden js kommentare js mit dom js use strict js variablen js datentypen js typkonvertierungen js interaktive funktionen js operatoren js vergleichsoperatoren js logische operatoren js nullish coalescing js bedingte operatoren js switch js schleifen js funktionen js funktionsausdrücke js arrow functions js es6 objects the basics js objects js objekte kopieren js objektmethoden this js garbage collection js symbol typen js objekt zu primitiv konvertierung js konstruktor operator new js optional chaining data types js methoden von primitiven js zahlen js math js strings js arrays js array methoden js iterables js map und set js weakmap und weakset js object keys values entries js destructuring assignment js datum und uhrzeit js json methoden tojson advanced functions js rekursion und stack js rest parameter und spread syntax js variablen scope js das alte var js globales objekt js function objekt nfe js die new function syntax js settimeout und setinterval js dekoratoren und weiterleitung call apply js debounce throttle js function binding js arrow funktionen vertieft js closures object properties configuration js property flags und deskriptoren js property getter und setter javascript html dom dom einführung die dom knoten dom elemente auswählen den dom manipulieren arbeiten mit styles im dom event handling im dom dom traversieren dom manipulationstechniken formulare im dom verwenden fortgeschrittene dom techniken dom manipulationsbibliotheken dom browser kompatibilität dom barrierefreiheit debugging und tools performance optimierung interaktive elemente und widgets prototypes inheritance js prototypale vererbung js native prototypes js prototyp methoden objekte ohne __proto__ classes js class grundsyntax js klassenvererbung statische eigenschaften und methoden private und geschützte eigenschaften in js js eingebaute klassen erweitern js class checking instanceof js mixins error handling js fehlerbehandlung try catch js benutzerdefinierte fehler error erweitern promises async await js einführung callbacks js promise js promise chaining js fehlerbehandlung mit promises promise api promisification microtasks async await generators advanced iteration generatoren async iteratoren und generatoren modules module export und import dynamische imports miscellaneous proxy und reflect eval currying bigint js polyfills transpiler frames and windows popups und window methoden fensterübergreifende kommunikation binary data files arraybuffer binäre arrays textdecoder und textencoder blob file und filereader js streams api document browserumgebung spezifikationen suche getelement queryselector knoteneigenschaften typ tag und inhalt attribute und eigenschaften das dokument verändern styles und klassen fenstergrößen und scrollen koordinaten introduction to events javascript einführung in browser ereignisse bubbling und capturing event delegation standard browseraktionen benutzerdefinierte ereignisse auslösen ui events mausereignisse grundlagen mausbewegungen drag and drop tastatur keydown und keyup scrolling forms controls formulareigenschaften und methoden fokussierung focus blur events change input cut copy paste js clipboard api formulare ereignis und methode submit document and resource loading page domcontentloaded load beforeunload unload scripts async defer ressourcen laden onload und onerror various mutation observer js intersectionobserver js resizeobserver selection und range event loop microtasks und macrotasks javascript references canvas network requests fetch api formdata fetch download fortschritt fetch abbruch fetch ursprungsübergreifende anfragen url objekte xmlhttprequest js server sent events wiederaufnehmbarer dateiupload storing data in the browser cookies document cookie localstorage sessionstorage indexeddb animation css animationen javascript animationen web components web components custom elements shadow dom template element shadow dom slots komposition shadow dom styling shadow dom und events regular expressions js regex muster und flags zeichenklassen unicode flag u und klasse p anker string anfang und ende mehrzeiliger modus der anker flag m wortgrenze b escaping sonderzeichen sets und ranges quantoren und n gierige und faule quantoren erfassungsgruppen rückwärtsreferenzen im muster n und k name javascript alternation or lookahead und lookbehind katastrophales backtracking sticky flag y suche an position methoden von regexp und string javascript apis web animations api file api battery api webgl push api screen orientation api history api console api fullscreen api validation api web storage api web midi api js web workers service workers websockets geolocation webrtc web audio api notifications api die vibration api js intl api battery api die battery api in javascript ermöglicht webentwicklern den zugriff auf den akkustatus eines geräts und dessen überwachung battery api in javascript akkustatus des geräts überwachen die battery api in javascript ist eine schnittstelle mit der webseiten den akkustatus eines geräts auslesen können wie voll er ist ob er geladen wird und wie lange es bis zur vollen ladung oder entleerung dauert mit diesen informationen kann eine webanwendung ihr verhalten anpassen zum beispiel hintergrundaufgaben drosseln oder aufwendige animationen reduzieren wenn der akku schwach ist dieser artikel erklärt was die battery api ist welche daten sie bereitstellt wann ihr einsatz sinnvoll ist und wie man sie korrekt mit promises und events ausliest hinweis da der akkustand ein starkes fingerprinting signal ist ein nahezu eindeutiger wert der sich nur langsam ändert haben browser die battery api zurückgezogen sie wurde aus firefox und safari entfernt und navigator getbattery ist nur in chromium basierten browsern chrome edge opera in einem sicheren https kontext verfügbar behandle sie als progressive erweiterung und prüfe immer die verfügbarkeit bevor du sie aufrufst dein code muss auch ohne die api funktionieren was ist die battery api die battery api wird über eine einzige methode bereitgestellt navigator getbattery die ein promise zurückgibt das zu einem batterymanager objekt aufgelöst wird dieses objekt enthält vier schreibgeschützte eigenschaften die den aktuellen zustand beschreiben sowie vier events die ausgelöst werden sobald sich einer dieser werte ändert da getbattery asynchron ist liest man es mit then oder mit async await batterymanager eigenschaften eigenschaft typ bedeutung charging boolean true wenn das gerät geladen wird oder keinen akku hat z b ein desktop level number ladestand von 0 leer bis 1 voll mit 100 multiplizieren für einen prozentwert chargingtime number sekunden bis zur vollständigen ladung 0 wenn bereits voll infinity wenn nicht geladen wird dischargingtime number sekunden bis zur entleerung infinity wenn geladen wird oder die zeit unbekannt ist batterymanager events event wird ausgelöst wenn chargingchange das gerät beginnt oder beendet den ladevorgang charging wechselt levelchange der level wert ändert sich chargingtimechange die geschätzte chargingtime ändert sich dischargingtimechange die geschätzte dischargingtime ändert sich jedes event ist ein einfaches dom event d h man abonniert es mit addeventlistener am batterymanager vorteile der battery api verbesserung der benutzererfahrung durch den zugriff auf den akkustatus können webanwendungen ihr verhalten anpassen um energie zu sparen wenn das gerät im akkubetrieb läuft oder erweiterte funktionen anbieten wenn es aufgeladen wird energieeffizienz mit den akkustatusinformationen können web apps ressourcenintensive vorgänge optimieren um den energieverbrauch zu senken und die akkulaufzeit zu verlängern echtzeit aktualisierungen die api liefert echtzeit updates bei änderungen des akkustatus sodass web apps sofort auf ereignisse wie das abziehen des steckers oder niedrigen akkustand reagieren können browser unterstützung die battery api ist in mehreren modernen browsern verfügbar jedoch sollten entwickler eine feature erkennung implementieren um die kompatibilität in verschiedenen umgebungen sicherzustellen wann sollte man die battery api verwenden ziehe die battery api in betracht wenn deine webanwendung folgende anforderungen hat stromabhängige funktionen bereitstellen passe funktionen und verhalten der anwendung daran an ob das gerät im akkubetrieb läuft geladen wird oder voll geladen ist akkulaufzeit schonen optimiere ressourcenintensive vorgänge im akkubetrieb um den energieverbrauch zu reduzieren und die akkulaufzeit zu verlängern akkustatus anzeigen zeige akkubezogene informationen für benutzer an z b den aktuellen ladestand oder die geschätzte zeit bis zur vollständigen ladung aktionen bei akkuereignissen auslösen führe bestimmte aktionen aus wenn sich der akkustatus ändert z b eine warnung bei niedrigem akkustand anzeigen oder ressourcenintensive aufgaben pausieren praktische anwendungsfälle warnung bei niedrigem akkustand du kannst die battery api verwenden um eine warnung auszugeben wenn der akkustand unter einen bestimmten schwellenwert fällt und benutzer aufzufordern energie zu sparen oder das gerät anzuschließen energiesparende animationen webanwendungen können die intensität und häufigkeit von animationen anhand des akkustatus anpassen um den akkuverbrauch zu senken verwaltung von hintergrundprozessen optimiere hintergrundprozesse wie die datensynchronisierung oder das senden von benachrichtigungen damit sie im akkubetrieb seltener ausgeführt werden dynamisches laden von ressourcen lade hochauflösende bilder oder ressourcenintensive inhalte nur wenn das gerät geladen wird oder der akkustand über einem bestimmten schwellenwert liegt um leistung und energieeffizienz zu verbessern feature erkennung gehe niemals davon aus dass getbattery vorhanden ist sichere jeden aufruf ab damit nicht unterstützte browser statt eines typeerror einen sauberen fallback erhalten async function readbattery if getbattery in navigator return battery api not supported const battery await navigator getbattery const percent math round battery level 100 return percent battery charging charging on battery kopieren getbattery in navigator ist die kanonische prüfung sie ist nur dann true wenn die api vorhanden ist die async await form liest den aufgelösten batterymanager genauso wie die then form folgt jedoch von oben nach unten grundlegendes beispiel akkustatus überwachen das folgende beispiel liest den akku einmal aus und hält anschließend den angezeigten text aktuell indem es auf die relevanten events lauscht beachte die hilfsfunktion tohours chargingtime und dischargingtime werden in sekunden angegeben daher ergibt eine division durch 3600 lesbare stunden beide werte können infinity sein weshalb dieser fall explizit behandelt wird doctype html html lang en head meta charset utf 8 title battery time estimation title head body h1 battery time estimation h1 div time remaining span id timeremaining calculating span div script if getbattery in navigator navigator getbattery then function battery const output document getelementbyid timeremaining function tohours seconds return seconds 3600 tofixed 1 function updatetimeremaining if battery charging if battery chargingtime infinity output textcontent plugged in charge time unknown else output textcontent charging tohours battery chargingtime hours until full else if battery dischargingtime infinity output textcontent on battery time remaining unknown else output textcontent on battery tohours battery dischargingtime hours remaining updatetimeremaining battery addeventlistener chargingchange updatetimeremaining battery addeventlistener levelchange updatetimeremaining battery addeventlistener chargingtimechange updatetimeremaining battery addeventlistener dischargingtimechange updatetimeremaining catch function error document getelementbyid timeremaining textcontent battery api not available or access denied console error battery api error error else document getelementbyid timeremaining textcontent battery api not supported in this browser script body html kopieren probier es selbst so funktioniert es zeitschätzung das skript prüft ob der akku geladen wird oder entlädt und zeigt die geschätzte verbleibende zeit bis zur vollständigen ladung oder entleerung an event listener die anzeige wird in echtzeit aktualisiert wenn sich der akkustatus ändert dieses beispiel zeigt wie die battery api detaillierte einblicke in die akkunutzung liefern kann einschließlich zeitschätzungen was besonders nützlich für mobilgeräte und laptops bei der verwaltung des energieverbrauchs ist auf niedrigen akkustand reagieren ein gängiges muster ist es die seite in einen energiesparmodus zu versetzen sobald der ladestand unter einen schwellenwert fällt und das gerät im akkubetrieb läuft lausche dabei gemeinsam auf levelchange und chargingchange damit der modus bei beiden signalen neu bewertet wird async function watchpowersaver onchange if getbattery in navigator return const battery await navigator getbattery function evaluate save power only when on battery and below 20 const lowpower battery charging battery level 0 2 onchange lowpower evaluate battery addeventlistener levelchange evaluate battery addeventlistener chargingchange evaluate usage pause heavy animations when low on power watchpowersaver lowpower document body classlist toggle reduce motion lowpower kopieren dies ist wesentlich kostengünstiger als ein polling mit einem timer der callback wird nur ausgeführt wenn sich der akkustatus tatsächlich ändert häufige fallstricke die api gibt möglicherweise keine nützlichen daten zurück bei einem desktop ohne akku ist charging true level ist 1 und beide zeitwerte sind 0 oder infinity nutze die api nicht als zuverlässiges signal dafür dass das gerät ein laptop ist infinity ist normal chargingtime ist infinity solange das gerät nicht geladen wird und dischargingtime ist infinity wenn die zeit nicht geschätzt werden kann prüfe immer auf diesen fall bevor du den wert formatierst schätzwerte sind grob und gerundet um fingerprinting zu reduzieren runden browser level und die zeitwerte baue daher keine präzisen countdowns auf dieser basis auf sicherer kontext erforderlich getbattery ist nur auf https seiten und localhost verfügbar auf reinem http ist es undefined was deine feature prüfung abfängt entferne nicht mehr benötigte listener wenn du listener innerhalb einer komponente hinzufügst trenne sie beim abbau m...
Thumbnail images (randomly selected): * Images may be subject to copyright.GREEN status (no comments)

    No Images


    Verified site has: 235 subpage(s). Do you want to verify them? Verify pages:

    1-5 6-10 11-15 16-20 21-25 26-30 31-35 36-40 41-45 46-50
    51-55 56-60 61-65 66-70 71-75 76-80 81-85 86-90 91-95 96-100
    101-105 106-110 111-115 116-120 121-125 126-130 131-135 136-140 141-145 146-150
    151-155 156-160 161-165 166-170 171-175 176-180 181-185 186-190 191-195 196-200
    201-205 206-210 211-215 216-220 221-225 226-230 231-235


    The site also has 3 references to external domain(s).

     x.com  Verify  github.com  Verify  linkedin.com  Verify


    Top 50 hastags from of all verified websites.

    Supplementary Information (add-on for SEO geeks)*- See more on header.verify-www.com

    Header

    HTTP/1.1 301 Moved Permanently
    Date Tue, 29 Sep 2026 12:01:04 GMT
    Content-Type text/html; charset=UTF-8
    Transfer-Encoding chunked
    Connection close
    Location htt????/de.w3docs.com/learn-javascript/battery-api
    Report-To group : cf-nel , max_age :604800, endpoints :[ url : htt????/a.nel.cloudflare.com/report/v4?s=QA%2B3XA%2BceZTaeC5j%2FwQIXI6LgGWWWDIvlhKqMX09Qy5HTt2BLTuIoawTxSiWzKJPeS3p9P76FT6Fz%2ByBaTik%2BSQZ5Xg5%2FFQLY5ZsAhLgHbxsSRMTvDzNGkQnCX2YCzmE ]
    Nel report_to : cf-nel , success_fraction :0.0, max_age :604800
    Server cloudflare
    CF-RAY a42ad4c56f9ad16e-CDG
    alt-svc h3= :443 ; ma=86400
    HTTP/2 200
    date Tue, 29 Sep 2026 12:01:05 GMT
    content-type text/html; charset=utf-8
    cache-control public, max-age=0, s-maxage=3600, stale-while-revalidate=86400
    nel report_to : cf-nel , success_fraction :0.0, max_age :604800
    link </_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2>; rel=preload; as= font ; crossorigin= ; type= font/woff2 , </_next/static/chunks/0f-03z2d3_qak.css>; rel=preload; as= style , </_next/static/chunks/167rp0.dvu8z4.css>; rel=preload; as= style
    vary rsc, next-router-state-tree, next-router-prefetch, next-router-segment-prefetch, Accept-Encoding
    via 1.1 Caddy
    x-locale de
    x-powered-by Next.js
    cf-cache-status DYNAMIC
    report-to group : cf-nel , max_age :604800, endpoints :[ url : htt????/a.nel.cloudflare.com/report/v4?s=8s%2BSrh5PtJ8Q6AL6FQqgytZW7XKHOmf4WM66BIhoqVJgefztBb4nJebAPlbKnlDSv9cq%2B4SSn2%2BXR4uXgU7RBGNOFBI1xI64ssm5CX20c6ZO9IP1SxCvEH04%2B2BArwTA ]
    content-encoding gzip
    server cloudflare
    cf-ray a42ad4c5be3ef5b4-AMS
    alt-svc h3= :443 ; ma=86400

    Meta Tags

    title="Battery API - JavaScript lernen | W3docs"
    charset="utf-8"
    name="viewport" content="width=device-width, initial-scale=1"
    name="next-size-adjust" content=""
    name="description" content="Die Battery API in JavaScript ermöglicht Webentwicklern den Zugriff auf den Akkustatus eines Geräts und dessen Überwachung."
    property="og:title" content="Battery API - JavaScript lernen"
    property="og:description" content="Die Battery API in JavaScript ermöglicht Webentwicklern den Zugriff auf den Akkustatus eines Geräts und dessen Überwachung."
    property="og:url" content="htt????/de.w3docs.com/learn-javascript/battery-api"
    property="og:site_name" content="W3docs"
    property="og:locale" content="de_DE"
    property="og:image" content="htt????/www.w3docs.com/build/images/logo-amp.png"
    property="og:type" content="article"
    name="twitter:card" content="summary_large_image"
    name="twitter:site" content="@w3docs"
    name="twitter:title" content="Battery API - JavaScript lernen"
    name="twitter:description" content="Die Battery API in JavaScript ermöglicht Webentwicklern den Zugriff auf den Akkustatus eines Geräts und dessen Überwachung."
    name="twitter:image" content="htt????/www.w3docs.com/build/images/logo-amp.png"

    Load Info

    page size54683
    load time (s)0.524698
    redirect count1
    speed download104356
    server IP 104.26.5.230
    * all occurrences of the string "http://" have been changed to "htt???/"