Leitfaden zu den Aspekten, die bei der Implementierung von Spekulationsregeln zu berücksichtigen sind, insbesondere für komplexere Websites.

Hier erfahren Sie mehr über die neuen Funktionen für das deklarative Verhalten von Schaltflächen.

Eine Übersicht über die Funktionen des benutzerdefinierten Tabs und ihre Browserverfügbarkeit.

Eine Ganzzahl, die die Version des Manifestdateiformats für Ihr Paket angibt. Ab Chrome 18 sollten Entwickler 2 (ohne Anführungszeichen) angeben, um das hier beschriebene Format zu verwenden. Dokument: Manifestversion 1 ist mit Chrome 18 eingestellt.

Im Gegensatz zu den Speicherbereichen local und sync muss der managed -Speicherbereich so aufgebaut sein, dass als JSON-Schema deklariert und von Chrome streng geprüft. Dieses Schema muss in einem Datei, die durch das Attribut "managed_schema" des

Die Version von Chrome, die für Ihre Erweiterung, App oder Ihr Design erforderlich ist (sofern vorhanden). Das Format dieses Strings entspricht dem des Felds version.

Gibt an, ob die App oder Erweiterung offline funktioniert. Wenn Chrome erkennt, dass es offline ist, werden Apps, bei denen dieses Feld auf „true“ gesetzt ist, auf der Seite „Neuer Tab“ hervorgehoben. Ab Chrome 35 wird davon ausgegangen, dass Apps

Ein oder mehrere Symbole, die die Erweiterung, App oder das Design repräsentieren. Sie sollten immer eine Größe von 128 x 128. werden während der Installation und vom Chrome Web Store verwendet. Erweiterungen sollten auch eine 48 x 48-Symbol, das auf

Die Manifesteigenschaften name und short_name sind kurze Nur-Text-Strings, die die App identifizieren. Sie können für beide Felder länderspezifische Strings angeben. Weitere Informationen finden Sie unter Internationalisierung. Die name (maximal 45

Jede App hat eine Manifestdatei im JSON -Format mit dem Namen manifest.json, die wichtige Informationen. Der folgende Code zeigt die unterstützten Manifestfelder für Apps mit Links zu der Seite, die werden die einzelnen Felder behandelt.

Chrome-Apps nutzen zwar die Webplattform, einige Webfunktionen wurden jedoch deaktiviert oder werden auf andere Weise verwendet. Dies dient hauptsächlich dazu, Sicherheitsprobleme zu vermeiden und die Programmierpraktiken zu verbessern. Nachfolgend

Ein bis vier durch Punkte getrennte Ganzzahlen, die die Version dieser Erweiterung identifizieren. Für Ganzzahlen gelten einige Regeln: Sie müssen zwischen 0 und 65.535 (einschließlich) liegen und Ganzzahlen ungleich null dürfen nicht mit 0 beginnen.

Für die App oder Erweiterung erforderliche Technologien. Hosting-Websites wie der Chrome Web Store dürfen um Nutzer davon abzuhalten, Apps oder Erweiterungen zu installieren, die nicht auf ihrem Computer funktionieren. Derzeit wird „3D“ unterstützt

Eine einfache Textzeichenfolge (kein HTML- oder sonstiges Format, maximal 132 Zeichen), die die Erweiterung beschreibt. Die Beschreibung sollte sowohl für die Benutzeroberfläche zur Verwaltung von Erweiterungen im Browser als auch für den Chrome Web

Die Manifest-Property externally_connectable deklariert, welche Erweiterungen, Apps und Webseiten stellen Sie über runtime.connect und runtime.sendMessage eine Verbindung zu Ihrer App her. Eine Anleitung zur Weitergabe von Nachrichten finden Sie

Eine oder mehrere Zuordnungen von MIME-Typen zum Native Client-Modul, das die einzelnen Typen verarbeitet. Für Beispiel: Durch den fett gedruckten Code im folgenden Snippet wird ein Native Client-Modul als Inhalt registriert Handler für den MIME-Typ

Warnung:Ab Version 57 sind externe Webinhalte nicht mehr in Chrome zulässig, darunter auch eingebettete Frames und Skripts) innerhalb von Sandbox-Seiten. Verwenden Sie stattdessen eine Webansicht. Definiert eine Sammlung von App- oder

Gibt das Unterverzeichnis von _locales an, das die Standardstrings für diese Erweiterung enthält. Dieses Feld ist bei Erweiterungen mit einem _locales -Verzeichnis erforderlich. In Erweiterungen ohne _locales -Verzeichnis muss es fehlen. Weitere

Mit diesem Wert kann die eindeutige ID einer Erweiterung, einer App oder eines Designs gesteuert werden, wenn diese während der Entwicklung geladen wird. Um ein geeignetes Schlüssel/Wert-Paar zu erhalten, installieren Sie die Erweiterung zuerst aus

RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > Antwort ReadableStream BodyInit Nimmt mehrere Quellversprechen entgegen, die jeweils zu einer Antwort, einem ReadableStream oder einem BodyInit führen können. Gibt ein

Beispiele für Chrome-Erweiterungen sind auf GitHub verfügbar.

TODO

Das Chrome-Team reagiert auf Bedenken der Community.

scheduler.yield() ist eine neue API, mit der lange Aufgaben ergonomisch aufgeteilt und die Ausführung priorisiert fortgesetzt werden kann.

Hier erfahren Sie, wie eBay mithilfe von Digital Asset Links für die nahtlose Freigabe von Anmeldedaten die Erfolgsquote bei der Anmeldung um 10% gesteigert hat. Hier erfahren Sie, wie Sie eine sichere, plattformübergreifende Authentifizierung implementieren und die Nutzerfreundlichkeit verbessern.

Wir helfen Ihnen, das Web zu entwickeln, zu wachsen und Innovationen voranzutreiben.

Hier erfahren Sie, was in der neuesten Betaversion von Chrome neu ist.

Chrome Web Store Ein Onlinemarktplatz, auf dem Nutzer nach Erweiterungen und Designs suchen können. Veröffentlichen Sie Ihre Erweiterung dort und machen Sie sie der Welt zugänglich. dashboard Entwickler-Dashboard Veröffentlichen Sie Ihre Erweiterung

ChromeDriver ist ein eigenständiger Server, der den W3C WebDriver-Standard implementiert.

Chrome 134 wird jetzt eingeführt. Sie bietet unter anderem eine Funktion zum schnellen Schließen von Dialogen.

Erfahren Sie, wie die Funktion „Bild im Bild“ in Google Docs das Lernen online verbessert hat.

Benutzerdefinierte Auswahl, Dialogfeld-Licht ausschalten und mehr

Hier erfahren Sie, wie Sie Chrome-Erweiterungen entwickeln.

Sie können jetzt den Überprüfungsprozess für einen Artikel beenden, der noch überprüft werden muss.

Diese Berechtigung löst eine Warnung aus. Mit der chrome.bookmarks API können Sie Lesezeichen erstellen, organisieren und anderweitig bearbeiten. Weitere Informationen finden Sie unter Überschreibungsseiten. Dort erfahren Sie, wie Sie eine

Mit der chrome.contentSettings API können Sie Einstellungen ändern, mit denen festgelegt wird, ob Websites Funktionen wie Cookies, JavaScript und Plug-ins verwenden können. Allgemein gesagt können Sie mit den Inhaltseinstellungen das Verhalten von

Mit der chrome.contentSettings API können Sie Einstellungen ändern, mit denen festgelegt wird, ob Websites Funktionen wie Cookies, JavaScript und Plug-ins verwenden können. Allgemein gesagt können Sie mit den Inhaltseinstellungen das Verhalten von

Mit der chrome.bookmarks API können Sie Lesezeichen erstellen, organisieren und anderweitig bearbeiten. Weitere Informationen finden Sie unter Überschreibungsseiten. Dort erfahren Sie, wie Sie eine benutzerdefinierte Seite für den Lesezeichenmanager

KI in Chrome Willkommen in der nächsten Ära des Webs mit KI. Hier erfahren Sie, wie KI Entwickler dabei unterstützen kann, leistungsstarke Weberlebnisse zu erstellen. Erlebe die Möglichkeiten von Gemini Nano in Chrome neu. Integrierte KI Gemini Nano,

Vollständige Webseiten erstellen

Ab Chrome 135 wird Chrome auf Android-Geräten randlos angezeigt.

Auf einer speziellen Chrome-internen Seite finden Sie Details zu Prompts für Gemini Nano. In diesem Leitfaden wird erläutert, wie Sie es zum Debuggen verwenden.

Im Bereich „Datenschutz und Sicherheit“ können Sie Drittanbieter-Cookies prüfen und steuern sowie den HTTPS-Schutz überprüfen.

Netzwerkanalyse mit den Chrome-Entwicklertools optimieren

Verbesserungen bei Arbeitslasten für maschinelles Lernen mit Untergruppen, Verbesserungen bei der Shader-Kompilierungszeit in D3D12, Entfernung der Unterstützung für mit Float filterbare Texturtypen als mischbar und mehr.

Scroll-basierte und scroll-ausgelöste Animationen für Artikel mit Storytelling

Der neue Pop-up-Modus vereinfacht die Darstellung von Kurzinfos und anderen schwebenden Elementen.

Verwenden Sie die chrome.app.runtime API, um den App-Lebenszyklus zu verwalten. Die App-Laufzeit verwaltet die App-Installation, steuert die Ereignisseite und kann die App jederzeit herunterfahren. beliebig optional Optionale vom Entwickler

Mit der chrome.sessions API können Sie Tabs und Fenster aus einer Browser-Sitzung abfragen und wiederherstellen. String Der Name des fremden Geräts. Sitzung [] Eine Liste der geöffneten Fenstersitzungen für das fremde Gerät, sortiert nach der zuletzt

Mit der chrome.printing API können Sie Druckaufträge an Drucker senden, die auf Chromebook installiert sind. Für alle chrome.printing -Methoden und chrome.printing -Ereignisse müssen Sie die Berechtigung "printing" im Manifest der Erweiterung

Mit der userScripts API können Sie Nutzerscripts im Kontext „Nutzerscripts“ ausführen. Wenn Sie die User Scripts API verwenden möchten, chrome.userScripts fügen Sie der Datei „manifest.json“ die Berechtigung "userScripts" und für Websites, auf denen

Mit der chrome.printing API können Sie Druckaufträge an Drucker senden, die auf Chromebook installiert sind. Für alle chrome.printing -Methoden und chrome.printing -Ereignisse müssen Sie die Berechtigung "printing" im Manifest der Erweiterung

Mit der chrome.sessions API können Sie Tabs und Fenster aus einer Browser-Sitzung abfragen und wiederherstellen. String Der Name des fremden Geräts. Sitzung [] Eine Liste der geöffneten Fenstersitzungen für das fremde Gerät, sortiert nach der zuletzt

Chrome entdecken Chrome 134, Beta Chrome 133 Chrome 132 Chrome 131 Chrome 130 Chrome 129 Chrome 128 Chrome 127 Chrome 126 Chrome 125 Chrome 124 Chrome 123 Chrome 122 Chrome 121 Chrome 120 Chrome 119 Neu in Google Chrome Entwicklertools Tipps zu den

Unter anderem: Bereich „Datenschutz und Sicherheit“, kalibrierte CPU-Drosselung, Hervorhebung von selbst erhobenen und Drittanbieter-Daten unter „Leistung“ sowie neue Statistiken.

Verwenden Sie die chrome.i18n -Infrastruktur, um die Internationalisierung in Ihrer gesamten App oder Erweiterung zu implementieren. Wenn eine Erweiterung ein /_locales -Verzeichnis hat, muss "default_locale" im manifest definiert sein. Sie müssen

Informationen dazu, wie die Google Suche die Speculation Rules API verwendet hat, um Suchergebnisse anonym vorab zu laden und so die Nutzerfreundlichkeit zu verbessern

Das Edge-Team hat die Unterstützung für die Werte des Windows ClearType-Tuners direkt in Chromium hinzugefügt. Das führt zu einer besseren Textdarstellung in Chromium-basierten Browsern unter Windows.

Mit der chrome.storage API können Sie Änderungen an Nutzerdaten speichern, abrufen und erfassen. Wenn Sie die Storage API verwenden möchten, müssen Sie die Berechtigung "storage" im manifest der Erweiterung angeben. Beispiel: Die Storage API bietet

Mit der chrome.storage API können Sie Änderungen an Nutzerdaten speichern, abrufen und erfassen. Die Storage API bietet eine Erweiterungsspezifische Möglichkeit, Nutzerdaten und den Status zu speichern. Sie ähnelt den Speicher-APIs der Webplattform (

Technische Dokumentation zu CrUX-Dimensionen.

Hier erfahren Sie mehr über die Änderungen am Chrome User Experience Report (CrUX) in der Februar-2025-Version, einschließlich LCP-Bildunterelementen, LCP-Ressourcentypen und RTT.

In diesem Leitfaden erfahren Sie, wie Sie mit BigQuery Abfragen im CrUX-Dataset schreiben, um aufschlussreiche Ergebnisse zum Status der Nutzererfahrung im Web zu extrahieren.

Codebeispiele, Leitfäden und API-Referenzen, die Sie für Ihre Anwendung benötigen.

Die wichtigsten Informationen zu Chrome-Erweiterungen

In Chrome können Web-Apps, die Medien abspielen, den Bild-im-Bild-Modus automatisch aktivieren.

Hier finden Sie die neuesten Funktionen, die in Chrome eingeführt werden.

Verwenden Sie die chrome.enterprise.platformKeys API, um Schlüssel zu generieren und Zertifikate für diese Schlüssel zu installieren. Die Zertifikate werden von der Plattform verwaltet und können für die TLS-Authentifizierung, den Netzwerkzugriff

Verwenden Sie die chrome.enterprise.platformKeys API, um Schlüssel zu generieren und Zertifikate für diese Schlüssel zu installieren. Die Zertifikate werden von der Plattform verwaltet und können für die TLS-Authentifizierung, den Netzwerkzugriff

Chrome 133 wird jetzt eingeführt. Es gibt einige spannende neue CSS-Funktionen und noch viel mehr zu entdecken.

CSS-erweiterte attr(), text-box-trim, scroll-state-Containerabfragen und mehr

Im App-Modus mit Tabs können Entwickler von progressiven Web-Apps ihren eigenständigen PWAs eine Dokumentoberfläche mit Tabs hinzufügen.

App-spezifischer Verlauf für benutzerdefinierte Chrome-Tabs für Android

Sitzungsspezifische benutzerdefinierte Tabs in Ihrer Android-App verwenden

Tab „Spezielle Authentifizierung“ in Ihrer Android-App verwenden

App-spezifischen Verlauf in Ihrer Android-App verwenden

Webbasierte Authentifizierung mit Auth Tab für Android verbessern

Verwenden Sie die chrome.runtime API, um den Dienst-Worker abzurufen, Details zum Manifest zurückzugeben und auf Ereignisse im Lebenszyklus der Erweiterung zu warten und darauf zu reagieren. Mit dieser API können Sie auch den relativen Pfad von URLs

Verwenden Sie die chrome.permissions API, um deklarierte optionale Berechtigungen zur Laufzeit statt zur Installation anzufordern, damit Nutzer verstehen, warum die Berechtigungen erforderlich sind, und nur die Berechtigungen gewähren, die wirklich

Verwenden Sie die chrome.permissions API, um deklarierte optionale Berechtigungen zur Laufzeit statt zur Installation anzufordern, damit Nutzer verstehen, warum die Berechtigungen erforderlich sind, und nur die Berechtigungen gewähren, die wirklich

Unter anderem sind ein persistenter KI-Chatverlauf, eine bessere Navigation, die Funktion „Liste ignorieren“ und Stack-Traces unter „Leistung“ sowie ein neuer Bereich „Neuigkeiten“ verfügbar.

Hier finden Sie einen Überblick über die jüngsten Änderungen an Chrome-Erweiterungen sowie Informationen zu spannenden neuen Funktionen für Entwickler.

Zusätzliche Vertex-Formate vom Typ unorm8x4-bgra und 1-Komponente ermöglichen das Anfordern unbekannter Grenzwerte mit einem nicht definierten Wert, Änderungen an WGSL-Ausrichtungsregeln, WGSL-Leistungssteigerungen durch Discard und vieles mehr.

In diesem Leitfaden werden Best Practices für die Sitzungsverwaltung mit der Prompt API vorgestellt.

Informationen zu Änderungen bei Chrome, die sich auf Entwickler auswirken

Neu in Chrome In unserer Dokumentation und im Blog finden Sie die neuesten Updates für Chrome. Neue Inhalte und wichtige Aktualisierungen der Dokumentation. article So streamen LLMs Antworten Neue Dokumentation zum Streaming von Daten in der KI, für

Wir möchten dir eine Reihe von Richtlinienaktualisierungen vorstellen, die für mehr Klarheit und Einheitlichkeit auf unserer Plattform sorgen sollen.

Informationen zum Streaming und zur Funktionsweise mit KI und LLMs

Mit diesen Best Practices für das Frontend können Sie gestreamte Antworten von Gemini mit APIs anzeigen, die Streaming unterstützen, z. B. die Prompt API.

Mit der integrierten Translator API können Sie beliebige Inhalte aus einer Quell- in eine Zielsprache übersetzen. Nehmen Sie am Ursprungstest teil, um die API zu testen.

Hier erfahren Sie, wie Sie mit „getClientCapabilities()“ WebAuthn-Funktionen erkennen und Authentifizierungsabläufe für Ihre Nutzer anpassen.

Ab Chrome 133 werden infrage kommende CPU-intensive Tabs im Hintergrund eingefroren, wenn der Energiesparmodus aktiv ist.

Tipps zu Entwicklertools

Verbessern Sie die Art und Weise, wie Sie Bilder, Videos und mehr auf Ihren Websites und in Ihren Web-Apps einfügen.

In Chrome unter iOS 17 oder höher können jetzt Passkeys im Google Passwortmanager (GPM) erstellt, synchronisiert und mit Passkeys authentifiziert werden. So sind Passkeys in GPM überall dort verfügbar, wo Chrome verwendet wird.

Sie können attr() jetzt mit jeder CSS-Property verwenden, einschließlich benutzerdefinierter Properties. Außerdem können Werte in andere Datentypen als Strings geparst werden.

Ähnlich wie Containerabfragen, aber für steckengebliebene, eingefrorene und überlaufende Abfragen.

Hier finden Sie Informationen zu den neuesten Funktionen in Chrome.

ToggleEvent für Dialogfelder, Unterstützung der Videofreigabe auf Elementebene und die File System Access API unterstützt Android und WebViews.

Chrome 132 wird jetzt eingeführt. Das Dialogelement erhält ein ToggleEvent, die Videofreigabe wird auf Elementebene unterstützt und die File System Access API unterstützt Android und WebViews.

Spannende Anwendungsfälle für den neuen KI-Supportbereich in den Entwicklertools

Nehmen Sie den Text etwas Platz von oben und unten weg, um ein optisches Gleichgewicht zu schaffen.

Mit der chrome.sockets.udp API können Sie Daten über das Netzwerk mit UDP-Verbindungen senden und empfangen. Diese API ersetzt die UDP-Funktionen, die zuvor in der „socket“-API enthalten waren. Die folgenden Schlüssel müssen im Manifest deklariert

Verwenden Sie die chrome.tabs API, um mit dem Tab-System des Browsers zu interagieren. Mit dieser API können Sie Tabs im Browser erstellen, ändern und neu anordnen. Die Tabs API bietet nicht nur Funktionen zum Bearbeiten und Verwalten von Tabs,

Verwenden Sie die chrome.tabs API, um mit dem Tab-System des Browsers zu interagieren. Mit dieser API können Sie Tabs im Browser erstellen, ändern und neu anordnen. Die Tabs API bietet nicht nur Funktionen zum Bearbeiten und Verwalten von Tabs,

Die Web Vitals-Erweiterung wurde in die DevTools integriert und die Unterstützung für die Erweiterung wurde eingestellt.

Hier finden Sie die Gewinner-Apps und ‑Erweiterungen der Chrome AI Challenge, bei der wir Sie dazu eingeladen haben, sich vorzustellen, was mit Gemini Nano in Chrome möglich ist.

Die Element Capture API ist eine leistungsstarke und robuste Möglichkeit, eine Erfassung des aktuellen Tabs in eine Erfassung einer DOM-Unterstruktur umzuwandeln.

Mit der chrome.ttsEngine API können Sie eine TTS-Engine(Text-to-Speech) mithilfe einer Erweiterung implementieren. Wenn Ihre Erweiterung sich über diese API registriert, erhält sie Ereignisse mit einer auszusprechenden Äußerung und anderen

Mit der chrome.cookies API können Sie Cookies abfragen und ändern sowie benachrichtigt werden, wenn sich diese ändern. Wenn Sie die Cookies API verwenden möchten, müssen Sie in Ihrem Manifest die Berechtigung „cookies“ sowie Hostberechtigungen für

Mit der chrome.ttsEngine API können Sie eine TTS-Engine(Text-to-Speech) mithilfe einer Erweiterung implementieren. Wenn Ihre Erweiterung sich über diese API registriert, erhält sie Ereignisse mit einer auszusprechenden Äußerung und anderen

Mit der chrome.cookies API können Sie Cookies abfragen und ändern sowie benachrichtigt werden, wenn sie sich ändern. Wenn Sie die Cookies API verwenden möchten, müssen Sie die Berechtigung "cookies" in Ihrem Manifest zusammen mit den

Mit dem appview -Tag können Sie andere Chrome-Apps in Ihre Chrome-App einbetten (siehe Verwendung ). Objekt Optionale vom Entwickler angegebene Daten, die die einzubettende App bei der Entscheidung zum Einbetten verwenden kann. String Die ID der App,

Weitere Informationen zum Schutz vor Clickjacking-Angriffen

Verwendung von Texturansichten, 32-Bit-Float-Textur-Mischverfahren, GPUDevice-Attribut „adapterInfo“, JavaScript-Fehler beim Konfigurieren des Canvas-Kontexts mit ungültigem Format, Filterung von Samplereinschränkungen für Texturen, erweiterte Tests für Untergruppen, Verbesserung der Entwicklerfreundlichkeit, experimentelle Unterstützung für 16-Bit-normalisierte Texturformate und mehr.

Aktuelle Änderungen an der Plattform, an der Dokumentation und an den Richtlinien für Chrome-Erweiterungen

Lerne WebGPU mit Anleitungen, Demos und Neuigkeiten

Hier erfahren Sie, was in den neuesten stabilen und Beta-Releases von Chrome enthalten ist.

Informationen zur Verwendung der neuesten Payment APIs in Chrome

Erfahren Sie mehr über die Datenschutz- und Sicherheitsfunktionen von Chrome.

Eingestellte Technologie, um Erfahrungen zu erstellen, die mehr Zugriff auf das zugrunde liegende Betriebssystem hatten.

Eine Node.js-Bibliothek, die eine allgemeine API zur Steuerung der monitorlosen Chrome- oder Chromium-Version bietet

Hier erfahren Sie mehr über die Chrome-Funktionen für die Entwicklung von Web-Apps unter Android.

Mit dieser API können Sie Zertifikate für die Plattform freigeben, die diese Zertifikate für TLS-Authentifizierungen verwenden kann. So verwenden Sie diese API üblicherweise, um Clientzertifikate für ChromeOS freizugeben: Die tatsächliche Abfolge der

Die chrome.extension API bietet Dienstprogramme, die auf jeder Erweiterungsseite verwendet werden können. Es unterstützt den Austausch von Nachrichten zwischen einer Erweiterung und ihren Inhaltsscripts oder zwischen Erweiterungen, wie im Abschnitt

Mit dieser API können Sie Zertifikate für die Plattform freigeben, die diese Zertifikate für TLS-Authentifizierungen verwenden kann. So verwenden Sie diese API üblicherweise, um Clientzertifikate für ChromeOS freizugeben: Die tatsächliche Abfolge der

Webleistungsprüfungen mit Lighthouse automatisieren

Optimieren Sie die Leistung Ihrer Webanwendungen mit den Leistungstools von Chrome.

Verwenden Sie die system.display API, um Displaymetadaten abzufragen. Ein Enum, das angibt, ob das Display vom System erkannt und verwendet wird. Das Display wird als inaktiv betrachtet, wenn es vom System nicht erkannt wird (z. B. getrennt oder

Verwenden Sie die system.display API, um Displaymetadaten abzufragen. Ein Enum, das angibt, ob das Display vom System erkannt und verwendet wird. Das Display wird als inaktiv betrachtet, wenn es vom System nicht erkannt wird (z. B. getrennt oder

Mit der chrome.action API können Sie das Symbol der Erweiterung in der Google Chrome-Symbolleiste steuern. Die folgenden Schlüssel müssen im Manifest deklariert werden, damit diese API verwendet werden kann. Wenn Sie die chrome.action API verwenden

Hier erfahren Sie mehr über die Identitätsfunktionen von Chrome, z. B. die Webauthentifizierung.

Mit der Commands API können Sie Tastenkombinationen hinzufügen, die Aktionen in Ihrer Erweiterung auslösen, z. B. eine Aktion zum Öffnen der Browseraktion oder zum Senden eines Befehls an die Erweiterung. Die folgenden Schlüssel müssen im Manifest

Für einige WebDriver-Befehle (z.B. zum Ändern der Größe des Browserfensters) muss eine Chrome-Erweiterung in den Browser geladen werden. Normalerweise lädt ChromeDriver diese „Automatisierungserweiterung“ jedes Mal, wenn eine neue Chrome-Sitzung

Auf allen ChromeOS-Test-Images ist die ChromeDriver-Binärdatei unter /usr/local/chromedriver/ installiert. Das Binärprogramm wird in diesem Test-Image auf dieselbe Version von Chrome aktualisiert. Sie verwenden also immer den neuesten Build von

Die WebView-Komponente basiert auf dem Open-Source-Projekt Chromium.

Die chrome.extension API bietet Dienstprogramme, die auf jeder Erweiterungsseite verwendet werden können. Es unterstützt den Austausch von Nachrichten zwischen einer Erweiterung und ihren Inhaltsscripts oder zwischen Erweiterungen, wie im Abschnitt

ChromeDriver unterstützt die Leistungsprotokollierung, über die Sie Ereignisse der Domains „Zeitachse“, „Netzwerk“ und „Seite“ sowie Speicherdaten für bestimmte Trace-Kategorien abrufen können. Die Leistungsprotokollierung ist NICHT standardmäßig

Das passiert häufig, wenn ChromeDriver oder Chrome mit einer speziellen Testumgebung (z. B. einer IDE) oder einem Continuous-Build-System (z. B. Jenkins) ausgeführt wird. Starten Sie die gleiche Chrome-Binärdatei, die in Ihrem Test verwendet wird,

Für frühere Versionen von Chrome finden Sie hier die entsprechenden ChromeDriver-Versionen. Weitere Informationen zur Auswahl der richtigen ChromeDriver-Version finden Sie auf der Seite Versionsauswahl. Unterstützt Chrome-Version 114 Weitere

Es gibt mehrere Möglichkeiten, ChromeDriver-Abstürze zu diagnostizieren und zu beheben. Dies gilt nur für Abstürze von ChromeDriver. Chrome selbst kann auch abstürzen oder geschlossen werden. Unter Windows wird möglicherweise Folgendes angezeigt:

In Chrome können Nutzer Chrome auf einem Mobilgerät über die Desktopversion von Chrome emulieren, indem sie den Gerätemodus mit den Chrome DevTools aktivieren. Diese Funktion beschleunigt die Webentwicklung und ermöglicht es Entwicklern, schnell zu

Die neuesten Binärdateien für ChromeDriver sind als ZIP-Dateien für verschiedene Hostplattformen verpackt. Frühere Versionen von ChromeDriver finden Sie unter Downloads. ChromeDriver unterstützt das Ausführen von Tests im Chrome-Browser (Version 30

Derzeit unterstützt ChromeDriver nur Systeme mit einer US-Tastatur. Wenn ChromeDriver diesen Status erkennt, wird Folgendes protokolliert: Bei Nutzern ohne US-Tastatur werden bei sendKeys - oder TypeElement -Befehlen möglicherweise Tasten nicht

ChromeDriver ist ein leistungsstarkes Tool, das in den falschen Händen Schaden anrichten kann. Beachten Sie bei der Verwendung von ChromeDriver die folgenden Empfehlungen:

ChromeDriver Canary enthält die neuesten ChromeDriver-Funktionen. Neue Binärdateien werden mehrmals täglich erstellt und verfügbar gemacht. Beachten Sie, dass es für Entwickler und Early Adopter gedacht ist und manchmal komplett zusammenbrechen kann.

Eine Chrome-Studie zeigt, dass Nutzer mit Autofill Formulare schneller ausfüllen und die Ausstiegsraten niedriger sind.

Vielen Dank, dass Sie sich die Zeit genommen haben, uns Feedback zu geben, Details zu prüfen und uns bei der Ausarbeitung von Standards zu unterstützen.

Hier erfahren Sie, welche Voraussetzungen Sie erfüllen müssen, um Funktionen und Anwendungen mit integrierter KI zu erstellen.

Die Language Detector API bietet eine integrierte Spracherkennung im Web und im Browser.

Mit dem Tool „Zuweisungszeitachse“ können Sie Objekte finden, die nicht ordnungsgemäß durch die Garbage Collection freigegeben werden und weiterhin Speicher belegen.

Lighthouse-Audit bestehen: „Nicht zusammengesetzte Animationen vermeiden“

Leistungs-Trace mit DevTools aufzeichnen und analysieren

Begleiten Sie das Chrome DevRel-Team und einen skatenden Chrome-Dino auf eine Reise durch die neuesten CSS-Funktionen, die 2024 für Chrome und die Webplattform eingeführt wurden.

Mit Gemini können Sie unter anderem Netzwerkanfragen, Quelldateien und Leistungsaufzeichnungen debuggen und den KI-Chatverlauf aufrufen.

In diesem Abschnitt werden allgemeine Begriffe beschrieben, die in der Speicheranalyse verwendet werden, und gilt für eine Vielzahl von Tools zur Arbeitsspeicherprofilerstellung in verschiedenen Sprachen.

Informationen zum Aufrufen und Bearbeiten des Erweiterungsspeichers über den Bereich „Erweiterungsspeicher“

Verwenden Sie die chrome.syncFileSystem API, um Daten in Google Drive zu speichern und zu synchronisieren. Diese API dient NICHT dem Zugriff auf beliebige in Google Drive gespeicherte Nutzerdokumente. Sie bietet app-spezifischen synchronisierbaren

Die chrome.bluetoothLowEnergy API wird verwendet, um über das Generic Attribute Profile (GATT) mit Bluetooth Smart (Low Energy)-Geräten zu kommunizieren. Die folgenden Schlüssel müssen im Manifest deklariert werden, damit diese API verwendet werden

Verwenden Sie die chrome.bluetoothSocket API, um Daten über RFCOMM- und L2CAP-Verbindungen an Bluetooth-Geräte zu senden und von ihnen zu empfangen. Die folgenden Schlüssel müssen im Manifest deklariert werden, damit diese API verwendet werden kann.

Mit der chrome.browser API können Sie mit dem Chrome-Browser interagieren, der mit der aktuellen Anwendung und dem Chrome-Profil verknüpft ist. String Die URL, zu der Sie wechseln, wenn der neue Tab zum ersten Mal geöffnet wird. Öffnet einen neuen

Mit der chrome.socket API können Sie Daten über das Netzwerk mit TCP- und UDP-Verbindungen senden und empfangen. Hinweis:Ab Chrome 33 wird diese API zugunsten der APIs sockets.udp, sockets.tcp und sockets.tcpServer eingestellt. Zahl number optional

Mit der chrome.usb API können Sie mit verbundenen USB-Geräten interagieren. Diese API bietet Zugriff auf USB-Vorgänge im Kontext einer App. Mit dieser API können Apps als Treiber für Hardwaregeräte fungieren. Fehler, die von dieser API generiert

Verwende die chrome.bluetooth API, um eine Verbindung zu einem Bluetooth-Gerät herzustellen. Alle Funktionen melden Fehler über chrome.runtime.lastError. Die folgenden Schlüssel müssen im Manifest deklariert werden, damit diese API verwendet werden

Verwenden Sie die chrome.mdns API, um Dienste über mDNS zu finden. Dies umfasst einen Teil der Funktionen der NSD-Spezifikation: http://www.w3.org/TR/discovery-api/ String Die IP-Adresse eines mDNS-angekündigten Dienstes. String[] Metadaten für einen

Mit dem webview -Tag können Sie Liveinhalte aus dem Web über das Netzwerk laden und in Ihre Chrome-App einbetten. Ihre App kann das Aussehen des webview steuern und mit den Webinhalten interagieren, Navigationen auf einer eingebetteten Webseite

Mit der chrome.fontSettings API können Sie die Schrifteinstellungen von Chrome verwalten. Wenn Sie die Font Settings API verwenden möchten, müssen Sie die Berechtigung "fontSettings" im Manifest der Erweiterung angeben. Beispiel: In Chrome können

Die chrome.serial API zum Lesen und Schreiben von Daten auf einem Gerät verwenden, das an einen seriellen Port angeschlossen ist Zahl optional ConnectionOptions.bitrate ansehen. Dieses Feld kann weggelassen werden oder ungenau sein, wenn eine nicht

Entdecken Sie die unendlichen Möglichkeiten der Prompt API in Chrome-Erweiterungen.

Informationen zum Entwickeln von Erweiterungen mit KI

Der experimentelle Bereich „Leistungsstatistiken“ wird im Januar 2025 entfernt und durch neue Statistiken im Bereich „Leistung“ ersetzt.

Weitere Informationen zum Konfigurieren einer strengen HSTS-Richtlinie (HTTP Strict Transport Security)

Aktuelle Nachrichten und Anwendungsfälle für KI-gestützte Unterstützung entdecken

Verwenden Sie die chrome.dns API für die DNS-Auflösung. Wenn Sie diese API verwenden möchten, müssen Sie die Berechtigung "dns" im manifest angeben. Im folgenden Code wird resolve() aufgerufen, um die IP-Adresse von example.com abzurufen.

Mit der chrome.declarativeContent API können Sie Aktionen ausführen, die vom Inhalt einer Seite abhängen, ohne dass Sie die Berechtigung zum Lesen des Seiteninhalts benötigen. Mit der Declarative Content API können Sie die Aktion Ihrer Erweiterung

Die Desktop Capture API erfasst den Inhalt des Bildschirms, einzelne Fenster oder einzelne Tabs. Enum, mit dem die Desktop-Medienquellen definiert werden, die in „chooseDesktopMedia()“ verwendet werden. "screen" "window" Tabulatortaste „audio“

Mit der chrome.documentScan API Bilder von angehängten Dokumentenscannern finden und abrufen

Verwenden Sie die chrome.system.storage API, um Informationen zu Speichergeräten abzufragen und benachrichtigt zu werden, wenn ein Wechseldatenträger angeschlossen oder getrennt wird. „success“ Der Auswurfbefehl war erfolgreich. Die Anwendung kann

Mit der chrome.contextMenus API können Sie dem Kontextmenü von Google Chrome Elemente hinzufügen. Sie können auswählen, auf welche Arten von Objekten die Ergänzungen im Kontextmenü angewendet werden sollen, z. B. auf Bilder, Hyperlinks und Seiten.

Mit der chrome.alarms API können Sie Code planen, der regelmäßig oder zu einer bestimmten Zeit in der Zukunft ausgeführt werden soll. Wenn Sie die chrome.alarms API verwenden möchten, müssen Sie die Berechtigung "alarms" im manifest angeben: Damit

Die chrome.audio API ermöglicht es Nutzern, Informationen zu den am System angeschlossenen Audiogeräten abzurufen und diese zu steuern. Diese API ist derzeit nur im Kioskmodus für ChromeOS verfügbar. String Gerätename DeviceType Typ des Geräts.

Browser und Sie als Entwickler können Nutzern dabei helfen, Daten schneller einzugeben und zu vermeiden, dass sie Daten noch einmal eingeben müssen. Autofill ist eine Funktion, mit der Browser Formularfelder automatisch mit den gespeicherten

Technische Dokumentation zu CrUX-Tools.

Mit der chrome.declarativeNetRequest API können Sie Netzwerkanfragen blockieren oder ändern, indem Sie deklarative Regeln angeben. So können Erweiterungen Netzwerkanfragen ändern, ohne sie abzufangen und ihren Inhalt anzusehen. Das erhöht den

Mit der chrome.devtools.panels API können Sie Ihre Erweiterung in die Benutzeroberfläche des Fensters „Entwicklertools“ einbinden: Erstellen Sie eigene Steuerfelder, greifen Sie auf vorhandene Steuerfelder zu und fügen Sie Seitenleisten hinzu. Jedes

Mit der chrome.fileBrowserHandler API können Sie den ChromeOS-Dateibrowser erweitern. Sie können diese API beispielsweise verwenden, um Nutzern das Hochladen von Dateien auf Ihre Website zu ermöglichen. Der ChromeOS-Dateibrowser wird angezeigt, wenn

Mit der chrome.readingList API können Sie die Elemente in der Leseliste auslesen und ändern. Um die Reading List API zu verwenden, fügen Sie der Manifestdatei der Erweiterung die Berechtigung "readingList" hinzu: manifest.json: Chrome bietet eine

Hier erfahren Sie mehr über neue KI- und Rendering-Funktionen, die in der letzten Sitzung der Arbeitsgruppe „GPU for the Web“ besprochen wurden.

Wir haben ViddyScribe für den Web-Award der Gemini API Developer Competition ausgewählt. Sie haben gezeigt, wie Gemini dazu beitragen kann, Videos im Web barrierefreier zu machen, indem Audiobeschreibungen für jedes Video generiert werden.

So bereiten Sie Ihre Erweiterung auf das neue Erweiterungsmenü vor.

Ein einfacherer und sichererer Austausch von Passwörtern.

Die chrome.networking.onc API wird zum Konfigurieren von Netzwerkverbindungen (Mobilfunk, Ethernet, VPN oder WLAN) verwendet. Diese API ist in automatisch gestarteten ChromeOS-Kiosksitzungen verfügbar. Netzwerkverbindungskonfigurationen werden gemäß

Entdecken Sie die Translator API für den globalen Kundensupport.

Netzwerkverkehr Ihrer Website mithilfe von KI analysieren

Mit den neuen Anmerkungsfunktionen in den Entwicklertools lassen sich Leistungsmesswerte besser nachvollziehen

Leistungsprofile mithilfe von KI analysieren

Websiteressourcen mithilfe von KI analysieren

Hier finden Sie Informationen zu den neuesten Funktionen in Chrome.

Text im Browser mithilfe lokaler KI-Modelle in Echtzeit übersetzen Jetzt können Nutzer in ihrer Muttersprache beitragen.

Integrierte KI ist das neueste Angebot, um Nutzern leistungsstarke Modelle bereitzustellen und dabei sensible Daten zu schützen und die Latenz zu verbessern.

Funktionsweise einer Website mithilfe von KI analysieren

Signal API für Passkeys auf der Chrome-Desktopversion

Nehmen Sie am Ursprungstest der Prompt API für Chrome-Erweiterungen teil und greifen Sie in Chrome auf Gemini Nano zu.

Nehmen Sie am Ursprungstest teil, um Nutzern zu helfen, langwierige Artikel, komplexe Dokumente oder sogar lebhafte Chatunterhaltungen in prägnante und aufschlussreiche Zusammenfassungen zu verwandeln.

Chrome 131 wird jetzt eingeführt. Es gibt mehr CSS-Stile für das Details-Element, ein einfacheres Drucklayout mit Seitenrandfeldern und vieles mehr.

Mit der WebAuthn Signal API kann eine vertrauende Seite den Status vorhandener Anmeldedaten an den Passkey-Anbieter senden, damit die Passkeys mit den Anmeldedaten auf dem Server übereinstimmen.

Die Funktion „CSS-Highlight übernehmen“ wird geändert, es gibt mehr CSS-Stile für das Details-Element, ein einfacheres Drucklayout mit Seitenrandfeldern und vieles mehr.

Ausdauernde Artikel, komplexe Dokumente oder sogar lebhafte Chat-Unterhaltungen lassen sich in prägnante und aufschlussreiche Zusammenfassungen zusammenfassen.

Hier finden Sie Ressourcen zu Themen wie Typografie, Farbe und Layout.

Neue oder experimentelle Webplattformfunktionen testen Geben Sie der Webstandards-Community Feedback zur Nutzerfreundlichkeit, Durchführbarkeit und Effektivität der Funktion, bevor sie für alle Nutzer verfügbar gemacht wird.

Mit dem neuen Pseudo-Element ::details-content können Sie jetzt den Darstellungstyp festlegen und den Container für den Teil, der maximiert und minimiert wird, stylen.

Clip-Abstände in WGSL, GPUCanvasContext getConfiguration(), Punkt- und Linienprimitive dürfen keinen Tiefenbias haben, integrierte Funktionen für inklusiven Scan für Untergruppen, experimentelle Unterstützung für indirekte Multi-Draw-Funktionen, Option „Strict Math“ für die Shadermodulkompilierung, Entfernung von GPUAdapter requestAdapterInfo() und mehr.

Hier erfahren Sie, wie Sie mit Chrome und den Entwicklertools Arbeitsspeicherprobleme identifizieren, die die Seitenleistung beeinträchtigen, z. B. Speicherlecks, überflüssige Arbeitsspeicher und häufige automatische Speicherbereinigung.

Erhalten Sie detaillierte Informationen zur Arbeitsspeicherzuweisung, untersuchen Sie Low-Level-Speicherprobleme und verwalten Sie die automatische Speicherbereinigung.

Durch die nahtlose Freigabe von Anmeldedaten können Sie Passwortmanagern sicher signalisieren, dass sich Ihre Nutzer in Ihrer Android-App und auf Ihrer Website mit denselben Anmeldedaten anmelden können.

Hier finden Sie eine Liste mit Möglichkeiten, die Chrome-Entwicklertools anzupassen: Sie können z. B. das Design, die Platzierung, die Reihenfolge der Bereiche und die Sprache ändern.

Wechseln Sie zwischen verschiedenen Overlays und beschleunigen Sie die DOM-Baumnavigation durch Badges.

Im Bereich „Leistung“ können Sie Core Web Vitals-Messwerte in Echtzeit beobachten.

Sie können CSS mit Gemini debuggen, Ergebnisse annotieren und Statistiken im Bereich „Leistung“ abrufen, übermäßige Layoutänderungen und nicht zusammengesetzte Animationen erkennen und vieles mehr.

Sie können beim Drucken von Webseiten benutzerdefinierte Kopf- und Fußzeilen erstellen.

Mit der Handschrifterkennungs-API können Webanwendungen erweiterte Dienste zur Handschrifterkennung verwenden, um Text aus handschriftlichen Eingaben in Echtzeit zu erkennen.

Hier erfahren Sie, warum WebGPU im Chrome-Browser möglicherweise deaktiviert ist oder nicht funktioniert.

Chrome 132 enthält den alten headless-Modus nicht mehr. Migrieren Sie zu chrome-headless-shell oder dem neuen Headless-Modus.

Hier erfahren Sie, wie Sie die Laufzeitleistung in den Chrome-Entwicklertools bewerten.

Hier erfahren Sie, wie das neue Scroll-Symbol in den DevTools das Debuggen scrollbarer Elemente vereinfacht und wie wir es entwickelt haben.

In Chrome wird eine Änderung vorgenommen, durch die die Verwendung von BFCache für Seiten mit Cache-Control: no-store zulässig ist, wenn dies sicher möglich ist. Hier erfahren Sie, was das für Entwickler bedeutet.

Spannende Anwendungsfälle für den neuen KI-Supportbereich in den Entwicklertools

Der monitorlose Modus von Chrome ist jetzt noch nützlicher für Entwickler, da er näher an den regulären Modus von Chrome rückt.

Integrierte KI ist das neueste Angebot, um Nutzern leistungsstarke Modelle bereitzustellen und dabei sensible Daten zu schützen und die Latenz zu verbessern.

Entdecken Sie die Funktionen, die in der aktuellen Betaversion in Chrome verfügbar sind.

Die vollständige Referenz zu allen APIs, die für Chrome-Erweiterungen verfügbar sind. Dazu gehören APIs für die eingestellte Chrome Apps-Plattform sowie APIs, die sich noch in der Beta- und Entwicklerphase befinden.

Dual-Source-Zusammenführung, Verbesserungen bei der Shader-Kompilierung von Metal-Instanzen, Einstellung der GPUAdapter-AnfrageAdapterInfo() und mehr.

Hier erfahren Sie, wie eine Website mithilfe von KI in den DevTools gestaltet wird.

Chrome 130 wird jetzt eingeführt. Mit der Bild-im-Bild-Funktion für Dokumente haben Sie mehr Kontrolle über Bild-im-Bild-Fenster, verschachtelte CSS-Deklarationen beheben einige schwierige Grenzfälle und Sie können festlegen, wie sich Verzierungen auf Elementen verhalten, die über mehrere Zeilen verteilt sind. Und es gibt noch viel mehr!

Chrome 130 wird jetzt eingeführt. Mit dem Dokument „Bild im Bild“ haben Sie mehr Kontrolle über „Bild im Bild“-Fenster. Verschachtelte CSS-Deklarationen lösen einige knifflige Grenzfälle und Sie können das Verhalten von Dekorationen bei Elementen, die über mehrere Zeilen verteilt sind, festlegen. Pete LePage hat alle Details zu den Neuigkeiten für Entwickler in Chrome 130.

Die chrome.clipboard API wird bereitgestellt, damit Nutzer auf Daten in der Zwischenablage zugreifen können. Dies ist eine temporäre Lösung für ChromeOS-Plattform-Apps, bis eine Open-Web-Alternative verfügbar ist. Sie wird eingestellt, sobald die

Eine Anleitung zu den beliebtesten netzwerkbezogenen Funktionen in den Chrome-Entwicklertools.

Referenz zum Tab „AI Innovations“

Hier erfahren Sie mehr über die Long Animation Frames API (LoAF), die nächste Iteration der Long Tasks API und ermöglicht das Messen von Verzögerungen bei Frame-Updates mit der Attribution.

Hier finden Sie einen Überblick über die jüngsten Änderungen an Chrome-Erweiterungen sowie Informationen zu spannenden neuen Funktionen für Entwickler.

Eine Sandbox zum Ausführen von kompiliertem C- und C++-Code im Browser. Diese Funktion wurde eingestellt.

Chrome 130 bietet umfassenden Support für „box-decoration-break“ ohne Präfix.

Das Roll-out des privaten Netzwerkzugriffs (Private Network Access, PNA) ist pausiert.

In Chrome 134 wird die CSS-Übernahme von Hervorhebungen geändert.

Die Translation API ist jetzt für Teilnehmer am Early-Preview-Programm für integrierte KI verfügbar.

Positionieren Sie Elemente mithilfe der Anchor Positioning API relativ zueinander.

Hier erfahren Sie, wie der DevTools-Debugger vorhersagt, ob eine Ausnahme abgefangen wird.

Wir starten die Built-in AI Challenge, bei der Sie herausfinden können, was mit Gemini Nano in Chrome möglich ist.

Authenticators emulieren und WebAuthn debuggen in den Chrome-Entwicklertools.

Eine umfassende Referenz zu den Funktionen des Rekorders in Chrome Entwicklertools.

Mit dem Suchfeld können Sie in allen geladenen Ressourcen nach Text suchen.

Empfehlungen für Live-Messwerte und Navigationspfade im Steuerfeld „Leistung“, neu konzipierte Netzwerkfilter, bereinigte HAR-Exporte und mehr.

Wir führen eine Reihe von Änderungen an der Benutzeroberfläche ein, durch die das Chrome Web Store-Entwickler-Dashboard responsiver und für Mobilgeräte optimiert wird. Wir hoffen, dass Sie die Leistung Ihres Store-Eintrags jetzt noch einfacher im

Im Bereich „Quellen“ der Chrome-Entwicklertools können Sie Dateien ansehen und bearbeiten, Snippets erstellen, JavaScript-Fehler beheben und Arbeitsbereiche einrichten.

Nicht verwendeten JavaScript- und CSS-Code in den Chrome-Entwicklertools finden und analysieren

Cache mit den Entwicklertools prüfen und Fehler beheben.

Prüfen Sie die Ebenen, aus denen Ihre Website besteht.

Beginnen Sie mit den Ansichtsübergängen für dasselbe Dokument, die Sie in Ihrer Single-Page-Anwendung verwenden können.

Die Web Vitals-Erweiterung wird mit dem Bereich „Leistung“ in den Chrome DevTools zusammengeführt. Die eigenständige Unterstützung endet im Januar 2025.

Die Language Detection API ist jetzt in einem Chrome-Ursprungstest verfügbar.

Die Chrome DevTools Console wird hauptsächlich zur Protokollierung von Nachrichten und zur Ausführung von JavaScript verwendet.

Die optionale Property „id“ ist Teil der Manifestspezifikation der Web-App. Damit können Sie die ID für Ihre PWA explizit definieren. Durch das Hinzufügen des Attributs „id“ zum Manifest wird die Abhängigkeit von „start_url“ oder dem Speicherort des Manifests entfernt, sodass eine Aktualisierung in Zukunft möglich ist.

In Chrome auf dem Computer können bald Passkeys im Google Passwortmanager (GPM) erstellt und zusätzlich zu Android auf diesen Plattformen synchronisiert werden.

Ein Vergleich der beiden vorgeschlagenen Maurerspezifikationen.

EPP-Teilnehmer können jetzt Prototypen mit Write und Rewrite APIs in Chrome erstellen.

Testen Sie Ihre Website mit den Funktionen und Änderungen der neuesten Chrome-Betaversion.

HDR-Unterstützung im Canvas Tone Mapping-Modus, erweiterte Unterstützung von Untergruppen und mehr.

Mit „interpolate-size“ und „calc-size()“ von und zu Keywords für die benutzerdefinierte Größe animieren

Im Bereich „Leistung“ in den Chrome DevTools können Sie die lokale Leistung Ihrer Core Web Vitals jetzt mit Daten echter Nutzer vergleichen.

Last- und Laufzeitleistung Ihrer Website analysieren

Chrome 129 wird jetzt eingeführt. Bei langen Aufgaben können Sie etwas nachlassen. Um die Leistung zu verbessern, können Sie Elemente mit unveränderlichen Größen animieren, es wurden einige Änderungen an der Syntax für die Ankerpositionierung vorgenommen und es gibt noch viele weitere. Pete LePage informiert Entwickler über alle Neuigkeiten zu Chrome 129.

Der Test zur Prozessfreigabe und seine Auswirkungen auf die Nutzerfreundlichkeit der Chrome-Entwicklertools

Informationen zum Erkennen, ob ein Bluetooth-RFCOMM-Serienport mit Web Serial verfügbar ist

Sie können Elemente im DOM fixieren, damit Sie sie mit den Entwicklertools prüfen können.

Hier ein erster Blick auf die neue anpassbare Auswahlfunktion.

Mit der Keyboard Lock API können Entwickler für eine Vielzahl von Anwendungsfällen ein immersives Vollbilderlebnis bieten, z. B. für interaktive Websites, Spiele und Remote-Desktop- oder Anwendungsstreaming. Dazu ermöglicht es Websites, alle vom

Beliebigen HTML-Inhalt in einem Always-On-Fenster anzeigen

Details zu den letzten Änderungen am CrUX-Dataset.

Mit dem Memory Inspector können Sie einen ArrayBuffer, TypedArray oder DataView in JavaScript sowie WebAssembly.Memory von C++Wasm-Anwendungen überprüfen.

Verfolgen Sie Änderungen an HTML, CSS und JavaScript.

Eine Anleitung zum Öffnen des Befehlsmenüs, zum Ausführen von Befehlen, Öffnen von Dateien, Ansehen anderer Aktionen und mehr.

Ein Ursprungstest für die Digital Credentials API beginnt ab Chrome 128. Die Digital Credentials API ist eine neue Webplattform-API, mit der Websites selektiv über digitale Anmeldedaten wie einen Führerschein oder einen in einer digitalen Geldbörse gespeicherten Personalausweis selektiv verifizierbare Informationen über den Nutzer anfordern können.

Wenn Sie mehrere Domains mit demselben Kontoverwaltungs-Backend nutzen, können Sie mit Digital Asset Links jetzt Anmeldedaten nahtlos zwischen ihnen teilen. So können Nutzer Anmeldedaten einmalig speichern und sie vom Chrome-Passwortmanager für eine der verknüpften Websites vorschlagen lassen.

Beachten Sie die Änderungen in Bezug auf die Anchor Positioning API.

Suchanfragen auf der Seite „Leistung“ > Netzwerk, Testdaten in Adressformularen mit Autofill verwenden, im Rekorder-Bereich nach Puppeteer für Firefox exportieren, Leistungsprobleme mit Beobachtungen im Leistungsbereich auf einen Blick erkennen und vieles mehr.

Erfahren Sie, wie Chrome funktioniert, nehmen Sie an Ursprungstests teil und entwickeln Sie mit Chrome überall.

WebAuthn in Chrome kann jetzt Hinweise, ähnliche Ursprungsanfragen und JSON-Serialisierung verwenden

Mit der chrome.devtools.performance API kannst du dir im Bereich „Leistung“ in den Entwicklertools Aktualisierungen des Aufzeichnungsstatus anhören. Eine allgemeine Einführung zur Verwendung der Entwicklertools-APIs finden Sie in der Zusammenfassung

Die chrome.types API enthält Typdeklarationen für Chrome. Der Typ ChromeSetting bietet einen gemeinsamen Satz von Funktionen ( get(), set() und clear() ). sowie einen Ereignis-Publisher ( onChange ) für die Einstellungen des Chrome-Browsers. Die

Mit der chrome.devtools.recorder API kannst du den Rekorder-Bereich in den Entwicklertools anpassen. Die devtools.recorder API ist eine Vorschaufunktion, mit der du den Rekorder-Bereich in den Chrome-Entwicklertools erweitern kannst. Eine allgemeine

Mit der chrome.devtools.network API können Sie die Informationen zu Netzwerkanfragen abrufen, die von den Entwicklertools im Bereich „Netzwerk“ angezeigt werden. Informationen zu Netzwerkanfragen werden im HTTP-Archivformat ( HAR ) dargestellt. Die

Verwenden Sie die chrome.devtools.inspectedWindow API, um mit dem untersuchten Fenster zu interagieren: Rufen Sie die Tab-ID der untersuchten Seite ab, bewerten Sie den Code im Kontext des untersuchten Fensters, aktualisieren Sie die Seite oder rufen

Funktionen sind Optionen, mit denen Sie eine ChromeDriver-Sitzung anpassen und konfigurieren können.

Stimmen Sie den Teilnehmern des CSS Day zu, was dem Web hinzugefügt werden sollte?

EPP-Teilnehmer können jetzt in Chrome mit einer Spracherkennungs-API Prototypen erstellen.

Durch eine neue Optimierung in Chrome wird die Speicherung von IndexedDB-Daten auf dem Laufwerk verbessert. In diesem Dokument sind die wichtigsten Punkte dieser Aktualisierung zusammengefasst.

Mit Chrome Lighthouse werden Ihre Websites schneller geladen.

Mit der chrome.sidePanel API kannst du Inhalte in der Seitenleiste des Browsers neben dem Hauptinhalt einer Webseite hosten. Wenn Sie die Side Panel API verwenden möchten, fügen Sie der Manifestdatei der Erweiterung die Berechtigung "sidePanel"

Mit der chrome.webRequest API können Sie Traffic beobachten und analysieren sowie laufende Anfragen abfangen, blockieren oder ändern. Sie müssen die Berechtigung "webRequest" im Erweiterungsmanifest deklarieren, um die Webanfrage verwenden zu

Verwende die chrome.pageAction API, um Symbole in der Google Chrome-Hauptsymbolleiste rechts neben der Adressleiste zu platzieren. Seitenaktionen stehen für Aktionen, die auf der aktuellen Seite ausgeführt werden können, aber nicht für alle Seiten

Mit der Omnibox API können Sie Keywords in der Adressleiste von Google Chrome, auch Omnibox genannt, registrieren. Sobald der Nutzer das Keyword für Ihre Erweiterung eingibt, interagiert er nur mit Ihrer. Jeder Tastenanschlag wird an Ihre Erweiterung

Verwenden Sie die chrome.windows API, um mit Browserfenstern zu interagieren. Sie können dieses API verwenden, um Fenster im Browser zu erstellen, zu ändern und neu anzuordnen. Auf Anforderung enthält ein windows.Window ein Array von tabs.Tab

Verwenden Sie die chrome.i18n -Infrastruktur, um die Internationalisierung für Ihre gesamte App oder Erweiterung zu implementieren. Sie müssen alle für den Nutzer sichtbaren Strings in eine Datei mit dem Namen messages.json einfügen. Jedes Mal fügen

Mithilfe von Browseraktionen können Sie Symbole in der Hauptsymbolleiste von Google Chrome rechts neben der Adressleiste platzieren. Neben dem Symbol kann eine Browseraktion eine Kurzinfo, ein Logo und ein Pop-up enthalten. In der folgenden Abbildung

Mit der chrome.webRequest API können Sie Traffic beobachten und analysieren sowie laufende Anfragen abfangen, blockieren oder ändern. Sie müssen die Berechtigung "webRequest" im Erweiterungsmanifest deklarieren, um die Webanfrage verwenden zu

Verwenden Sie die chrome.fileBrowserHandler API, um den Chrome OS-Dateibrowser zu erweitern. Sie können diese API beispielsweise verwenden, um Nutzern das Hochladen von Dateien auf Ihre Website zu ermöglichen. Der ChromeOS-Dateibrowser wird

Mit der chrome.devtools.panels API kannst du deine Erweiterung in die Benutzeroberfläche des Fensters der Entwicklertools einbinden. So kannst du eigene Bereiche erstellen, auf vorhandene Bereiche zugreifen und Seitenleisten hinzufügen. Die folgenden

Verwenden Sie die system.cpu API, um CPU-Metadaten abzufragen. String Der Architekturname der Prozessoren. String[] Eine Reihe von Funktionscodes, die einige der Funktionen des Prozessors angeben. Derzeit werden die Codes „mmx“, „sse“, „sse2“,

Mit der chrome.enterprise.networkingAttributes API können Sie Informationen zu Ihrem aktuellen Netzwerk lesen. Hinweis: Diese API ist nur für Erweiterungen verfügbar, deren Installation durch eine Unternehmensrichtlinie erzwungen wird. String

Verwenden Sie chrome.gcm, um Apps und Erweiterungen zu ermöglichen, Nachrichten über Firebase Cloud Messaging (FCM) zu senden und zu empfangen. Die maximale Größe (in Byte) aller Schlüssel/Wert-Paare in einer Nachricht. 4096 Registriert die Anwendung

Verwenden Sie die chrome.loginState API, um den Anmeldestatus zu lesen und zu beobachten. "SIGNIN_PROFILE" Gibt an, dass sich die Erweiterung im Anmeldeprofil befindet. "USER_PROFILE" Gibt an, dass sich die Erweiterung im Nutzerprofil befindet.

Verwenden Sie chrome.instanceID, um auf den Instanz-ID-Dienst zuzugreifen. Setzt die App-Instanz-ID zurück und widerruft alle damit verknüpften Tokens. Funktion optional Der Parameter callback sieht so aus: <ph type="x-smartling-placeholder">

Verwende die chrome.fontSettings API, um die Einstellungen für Schriftarten in Chrome zu verwalten. Zur Verwendung der Font Settings API müssen Sie die "fontSettings"- Berechtigung in der Erweiterung Manifestdatei. Beispiel: Einige

Mit der chrome.input.ime API kannst du einen benutzerdefinierten IME für Chrome OS implementieren. Dadurch kann Ihre Erweiterung Tastenanschläge verarbeiten, die Anordnung festlegen und das Kandidatenfenster verwalten. Sie müssen „input“ deklarieren

Verwenden Sie die chrome.platformKeys API, um auf von der Plattform verwaltete Clientzertifikate zuzugreifen. Wenn der Nutzer oder die Richtlinie die Berechtigung erteilt, kann eine Erweiterung ein solches Zertifikat in ihrem benutzerdefinierten

Verwenden Sie die chrome.printingMetrics API, um Daten zur Drucknutzung abzurufen. "BLACK_AND_WHITE" Gibt an, dass der Schwarz-Weiß-Modus verwendet wurde. "COLOR" Gibt an, dass der Farbmodus verwendet wurde. "ONE_SIDED" Gibt an, dass der einseitige

Sie können die chrome.history API verwenden, um mit dem Datensatz des Browsers zu den besuchten Seiten zu interagieren. Sie können URLs im Browserverlauf hinzufügen, entfernen und abfragen. Wie Sie die Verlaufsseite durch Ihre eigene Version

Verwenden Sie die chrome.devtools.inspectedWindow API, um mit dem untersuchten Fenster zu interagieren: Rufen Sie die Tab-ID der untersuchten Seite ab, bewerten Sie den Code im Kontext des untersuchten Fensters, aktualisieren Sie die Seite oder rufen

Verwenden Sie die chrome.tts API, um die synthetische Sprachausgabe abzuspielen. Weitere Informationen finden Sie in der zugehörigen ttsEngine API, die es einer Erweiterung ermöglicht, eine Sprach-Engine zu implementieren. Chrome bietet native

Verwende die chrome.identity API, um OAuth2-Zugriffstokens abzurufen. String Eine eindeutige Kennung für das Konto. Diese ID ändert sich für die Dauer des Bestehens des Kontos nicht. "SYNC" Gibt an, dass die Synchronisierung für das primäre Konto

Verwenden Sie die chrome.processes API, um mit den Prozessen des Browsers zu interagieren. Zahl Der Teil des Cache, der verwendet wird, in Byte. Zahl Die Größe des Cache in Byte. Zahl optional Die letzte Messung der CPU-Nutzung des Prozesses,

Verwenden Sie die chrome.enterprise.hardwarePlatform API, um den Hersteller und das Modell der Hardwareplattform abzurufen, auf der der Browser ausgeführt wird. Hinweis: Diese API ist nur für Erweiterungen verfügbar, die über die

Mit der chrome.dom API auf spezielle DOM APIs für Erweiterungen zugreifen Ruft den offenen Schattenstamm oder den geschlossenen Schattenstamm ab, der vom angegebenen Element gehostet wird. Wenn das Element den Schattenstamm nicht anhängt, wird null

Mit der chrome.devtools.recorder API kannst du den Rekorder-Bereich in den Entwicklertools anpassen. Eine allgemeine Einführung zur Verwendung der Entwicklertools-APIs finden Sie in der Zusammenfassung der Entwicklertools. Die devtools.recorder API

Über die chrome.tabCapture API kannst du mit Tab-Medienstreams interagieren. Über die chrome.tabCapture API erhalten Sie Zugriff auf einen MediaStream mit Video- und Audio des aktuellen Tabs. Sie kann nur aufgerufen werden, nachdem der Nutzer eine

Mit der chrome.management API können Sie installierte Apps und Erweiterungen verwalten. Sie müssen die „Verwaltung“ Berechtigung im Erweiterungsmanifest, die Verwaltung zu verwenden der API erstellen. Beispiel:

Verwenden Sie die chrome.webNavigation API, um Benachrichtigungen über den Status laufender Navigationsanfragen zu erhalten. Für alle chrome.webNavigation -Methoden und -Ereignisse muss die "webNavigation" deklariert werden. Berechtigung im

Verwenden Sie die chrome.topSites API, um auf die Top-Websites zuzugreifen (d.h. die am häufigsten besuchten Websites), die auf der Seite „Neuer Tab“ angezeigt werden. Dazu gehören keine vom Nutzer angepassten Verknüpfungen. Sie müssen „topSites“

Verwenden Sie die chrome.windows API, um mit Browserfenstern zu interagieren. Sie können dieses API verwenden, um Fenster im Browser zu erstellen, zu ändern und neu anzuordnen. Auf Anforderung enthält ein windows.Window ein Array von tabs.Tab

Verwenden Sie die chrome.search API, um über den Standardanbieter zu suchen. "CURRENT_TAB" Gibt an, dass die Suchergebnisse im Aufruf-Tab oder auf dem Tab des aktiven Browsers angezeigt werden. "NEW_TAB" Gibt an, dass die Suchergebnisse in einem

Verwenden Sie die chrome.wallpaper API, um den ChromeOS-Hintergrund zu ändern. Sie müssen den „Hintergrund“ deklarieren im Manifest der App die Berechtigung zur Verwendung die Hintergrund-API. Beispiel: Um den Hintergrund beispielsweise als Bild auf

Die chrome.types API enthält Typdeklarationen für Chrome. Der ChromeSetting -Prototyp bietet einen gemeinsamen Satz von Funktionen ( get(), set() und clear() ). sowie einen Ereignis-Publisher ( onChange ) für die Einstellungen des Chrome-Browsers

Verwenden Sie die chrome.idle API, um zu erkennen, wenn sich der Inaktivitätsstatus der Maschine ändert. Sie müssen den Status „inaktiv“ deklarieren im Manifest Ihrer Erweiterung die Berechtigung, die inaktive API zu verwenden. Beispiel: "aktiv"

Verwenden Sie die chrome.enterprise.deviceAttributes API, um Geräteattribute zu lesen. Hinweis: Diese API ist nur für Erweiterungen verfügbar, deren Installation durch eine Unternehmensrichtlinie erzwungen wird. Ruft den vom Administrator mit

Mit der chrome.privacy API kannst du die Nutzung von Funktionen in Chrome steuern, die sich auf den Datenschutz für Nutzer auswirken können. Diese API basiert auf dem ChromeSetting-Prototyp des Typs API zum Abrufen und Festlegen der

Verwende die chrome.fileSystemProvider API, um Dateisysteme zu erstellen, auf die unter ChromeOS über den Dateimanager zugegriffen werden kann. Sie müssen „fileSystemProvider“ im Erweiterungsmanifest, um die File System Provider API zu verwenden.

Mit der chrome.power API können Sie die Energieverwaltungsfunktionen des Systems überschreiben. Standardmäßig wird der Bildschirm von Betriebssystemen gedimmt, wenn Nutzer inaktiv sind, und sperren den System. Mit der Power API kann eine App oder

Verwenden Sie die chrome.pageCapture API, um einen Tab als MHTML zu speichern. MHTML ist ein Standardformat, das von den meisten Browsern unterstützt wird. Es kapselt in einer einzigen Datei eine Seite und alle zugehörigen Ressourcen (CSS-Dateien,

Mit der chrome.systemLog API kannst du Chrome-Systemprotokolle von Erweiterungen aufzeichnen. String Fügt einen neuen Logdatensatz hinzu. MessageOptions Die Logging-Optionen. Funktion optional Der Parameter callback sieht so aus: <ph

Mit der chrome.notifications API können Sie mithilfe von Vorlagen umfangreiche Benachrichtigungen erstellen und Nutzern in der Taskleiste anzeigen lassen. String optional Schaltflächensymbole sind für Mac OS X-Nutzer nicht sichtbar. String String

Diese Berechtigung lös eine Warnung aus Mit der chrome.downloads API kannst du Downloads programmatisch starten, überwachen, manipulieren und suchen. Sie müssen die Berechtigung "downloads" im Erweiterungsmanifest deklarieren, um diese API verwenden

Mit der chrome.devtools.network API können Sie die Informationen zu Netzwerkanfragen abrufen, die von den Entwicklertools im Bereich „Netzwerk“ angezeigt werden. Die folgenden Schlüssel müssen im Manifest deklariert werden, um diese API verwenden zu

Verwenden Sie die chrome.proxy API, um die Proxy-Einstellungen von Chrome zu verwalten. Diese API basiert auf dem ChromeSetting-Prototyp des Typs API zum Abrufen und Festlegen der Proxy-Konfiguration. Sie müssen den „Proxy“ deklarieren Berechtigung

Verwenden Sie die chrome.vpnProvider API, um einen VPN-Client zu implementieren. Im Folgenden wird die typische Verwendung von vpnProvider dargestellt: Erstellen Sie VPN-Konfigurationen mit der Methode createConfig. Eine VPN-Konfiguration ist ein

Die chrome.printerProvider API zeigt Ereignisse an, die vom Druckmanager verwendet werden, um von Erweiterungen gesteuerte Drucker abzufragen, deren Funktionen abzufragen und Druckaufträge an diese Drucker zu senden. String optional Für Menschen

Der Namespace chrome.events enthält gängige Typen, die von APIs verwendet werden, die Ereignisse auslösen, um Sie über interessante Ereignisse zu informieren. Ein Event ist ein Objekt, über das Sie benachrichtigt werden, wenn etwas Interessantes

Der Namespace chrome.events enthält gängige Typen, die von APIs verwendet werden, die Ereignisse auslösen, um Sie über interessante Ereignisse zu informieren. Ein Event ist ein Objekt, das Sie benachrichtigen kann, wenn etwas Interessantes passiert.

Verwenden Sie die chrome.idle API, um zu erkennen, wenn sich der Inaktivitätsstatus der Maschine ändert. Du musst die Berechtigung "idle" im Manifest deiner Erweiterung deklarieren, um die inaktive API verwenden zu können. Beispiel: "aktiv" „idle“

Mit der offscreen API können Sie Dokumente erstellen und verwalten, die nicht auf dem Bildschirm zu sehen sind. Wenn du die Offscreen API verwenden möchtest, musst du die Berechtigung "offscreen" im Erweiterungsmanifest deklarieren. Beispiel: Service

Verwenden Sie chrome.gcm, um Apps und Erweiterungen zu ermöglichen, Nachrichten über Firebase Cloud Messaging (FCM) zu senden und zu empfangen. Die maximale Größe (in Byte) aller Schlüssel/Wert-Paare in einer Nachricht. 4096 Registriert die Anwendung

Verwenden Sie die chrome.pageCapture API, um einen Tab als MHTML zu speichern. MHTML ist ein Standardformat, das von den meisten Browsern unterstützt wird. Es kapselt in einer einzigen Datei eine Seite und alle zugehörigen Ressourcen (CSS-Dateien,

Verwende die chrome.fileSystemProvider API, um Dateisysteme zu erstellen, auf die unter ChromeOS über den Dateimanager zugegriffen werden kann. Sie müssen „fileSystemProvider“ im Erweiterungsmanifest, um die File System Provider API zu verwenden.

Verwenden Sie die chrome.loginState API, um den Anmeldestatus zu lesen und zu beobachten. "SIGNIN_PROFILE" Gibt an, dass sich die Erweiterung im Anmeldeprofil befindet. "USER_PROFILE" Gibt an, dass sich die Erweiterung im Nutzerprofil befindet.

Verwenden Sie chrome.instanceID, um auf den Instanz-ID-Dienst zuzugreifen. Setzt die App-Instanz-ID zurück und widerruft alle damit verknüpften Tokens. Funktion optional Der Parameter callback sieht so aus: <ph type="x-smartling-placeholder">

Die chrome.debugger API dient als alternativer Transport für das Remote-Debugging-Protokoll von Chrome. Verwenden Sie chrome.debugger, um einen oder mehrere Tabs hinzuzufügen, um die Netzwerkinteraktion zu instrumentieren, JavaScript-Fehler zu

Mit der Omnibox API können Sie Keywords in der Adressleiste von Google Chrome, auch Omnibox genannt, registrieren. Sobald der Nutzer das Keyword für Ihre Erweiterung eingibt, interagiert er nur mit Ihrer. Jeder Tastenanschlag wird an Ihre Erweiterung

Mit der chrome.management API können Sie installierte Apps und Erweiterungen verwalten. Sie müssen die „Verwaltung“ Berechtigung im Erweiterungsmanifest, die Verwaltung zu verwenden der API erstellen. Beispiel:

Mit der chrome.downloads API kannst du Downloads programmatisch starten, überwachen, manipulieren und suchen. Sie müssen die Berechtigung "downloads" im Erweiterungsmanifest deklarieren, um diese API verwenden zu können. Einfache Beispiele für die

Verwenden Sie die chrome.platformKeys API, um auf von der Plattform verwaltete Clientzertifikate zuzugreifen. Wenn der Nutzer oder die Richtlinie die Berechtigung erteilt, kann eine Erweiterung ein solches Zertifikat in ihrem benutzerdefinierten

Sie können die chrome.history API verwenden, um mit dem Datensatz des Browsers zu den besuchten Seiten zu interagieren. Sie können URLs im Browserverlauf hinzufügen, entfernen und abfragen. Wie Sie die Verlaufsseite durch Ihre eigene Version

Mit der chrome.notifications API können Sie mithilfe von Vorlagen umfangreiche Benachrichtigungen erstellen und Nutzern in der Taskleiste anzeigen lassen. String optional Schaltflächensymbole sind für Mac OS X-Nutzer nicht sichtbar. String String

Verwende die chrome.identity API, um OAuth2-Zugriffstokens abzurufen. String Eine eindeutige Kennung für das Konto. Diese ID ändert sich für die Dauer des Bestehens des Kontos nicht. "SYNC" Gibt an, dass die Synchronisierung für das primäre Konto

Mit der chrome.dom API auf spezielle DOM APIs für Erweiterungen zugreifen Ruft den offenen Schattenstamm oder den geschlossenen Schattenstamm ab, der vom angegebenen Element gehostet wird. Wenn das Element den Schattenstamm nicht anhängt, wird null

Verwenden Sie die chrome.sockets.tcp API, um mithilfe von TCP-Verbindungen Daten über das Netzwerk zu senden und zu empfangen. Diese API ersetzt die TCP-Funktion, die zuvor in der chrome.socket API zu finden war. Die folgenden Schlüssel müssen im

Über die chrome.hid API kannst du mit verbundenen HID-Geräten interagieren. Diese API bietet Zugriff auf HID-Vorgänge aus dem Kontext einer Anwendung. Mit dieser API können Apps als Treiber für Hardwaregeräte fungieren. Von dieser API generierte

Verwenden Sie die chrome.sockets.tcpServer API, um Serveranwendungen mit TCP-Verbindungen zu erstellen. Diese API ersetzt die TCP-Funktion, die zuvor in der chrome.socket API zu finden war. Die folgenden Schlüssel müssen im Manifest deklariert

Verwenden Sie die chrome.system.network API. String Die verfügbare IPv4/6-Adresse. String Der zugrunde liegende Name des Adapters. Unter *nix ist dies in der Regel "eth0", "wlan0" usw. Zahl Präfixlänge Ruft Informationen zu lokalen Adaptern auf

Die chrome.fileSystem API zum Erstellen, Lesen, Navigieren und Schreiben im lokalen Dateisystem des Nutzers verwenden Mit dieser API können Chrome-Apps an einem vom Nutzer ausgewählten Standort lesen und schreiben. Eine Texteditor-App kann die API

Verwenden Sie die chrome.app.window API, um Fenster zu erstellen. In Windows gibt es einen optionalen Frame mit Titelleiste und Größensteuerelementen. Sie sind mit keinem Chrome-Browserfenster verknüpft. Im Fensterstatusbeispiel finden Sie ein

Die chrome.virtualKeyboard API ist eine reine Kiosk-API, mit der das Layout und das Verhalten der Bildschirmtastatur in Kiosksitzungen konfiguriert werden können. Boolescher Wert optional Gibt an, ob virtuelle Tastaturen die automatische

Mit der chrome.mediaGalleries API können Sie mit Zustimmung des Nutzers auf Mediendateien (Audio, Bilder, Video) von den lokalen Laufwerken des Nutzers zugreifen. String boolean String Kennzeichnet die geänderte Galerie. GalleryChangeType Art des

Auf dieser Seite wird beschrieben, wie Sie mit ChromeDriver Ihre Website auf testen können. Desktop-Computer (Windows/Mac/Linux) Weitere Informationen Erste Schritte mit Android oder Erste Schritte mit ChromeOS. ChromeDriver ist eine separate

Chrome-Erweiterungen können entweder gepackt oder entpackt werden. Wenn du eine entpackte Erweiterung verpacken möchtest, verwende die Schaltfläche „Packen“ in chrome://extensions oder Chrome: "chrome.exe

In diesem Beitrag erhältst du eine Vorschau auf die nächste Chrome-Version, in der die Funktionen der aktuellen Betaversion erläutert werden.

Leistungsdaten mit der Expandable API anpassen

Mit der chrome.browsingData API kannst du Browserdaten aus dem lokalen Profil eines Nutzers entfernen. Sie müssen die Berechtigung "browsingData" im Erweiterungsmanifest deklarieren, um diese API verwenden zu können. Der einfachste Anwendungsfall für

Die chrome.system.memory API. Zahl Die Menge der verfügbaren Kapazität in Byte. Zahl Die Gesamtmenge der physischen Arbeitsspeicherkapazität in Byte. Informationen zum physischen Arbeitsspeicher abrufen. Funktion optional Der Parameter callback sieht

Die Desktop Capture API erfasst den Inhalt des Bildschirms, einzelner Fenster oder einzelner Tabs. Enum-Wert zur Definition einer Gruppe von Desktop-Medienquellen, die in selectDesktopMedia() verwendet werden. "Bildschirm" "Fenster" "Tab" "Audio"

Verwenden Sie die chrome.dns API für die DNS-Auflösung. Zur Verwendung dieser API musst du die Berechtigung "dns" im Manifest deklarieren. Mit dem folgenden Code wird resolve() aufgerufen, um die IP-Adresse von example.com abzurufen.

Verwenden Sie die chrome.documentScan API, um Bilder von angehängten Dokumentenscannern zu ermitteln und abzurufen. Die Document Scan API ermöglicht Apps und Erweiterungen das Anzeigen der Inhalt von Papierdokumenten in einem angeschlossenen

Die vollständige Referenz zu allen APIs, die für Chrome-Erweiterungen verfügbar sind. Dazu gehören APIs für die eingestellte Chrome Apps-Plattform sowie APIs, die sich noch in der Beta- und Entwicklerphase befinden.

Mit den Chrome-Entwicklertools können Sie Fehler in Ihren Webanwendungen beheben und sie optimieren.

Hier erfahren Sie, wie Sie eine App mit WebGPU für das Web und bestimmte Plattformen erstellen.

Experimentieren mit Untergruppen, Einstellung der Tiefenverzerrung für Linien und Punkte verwerfen, nicht erfasste Fehler in den Entwicklertools ausblenden, wenn „preventDefault“ oder „WGSL-Interpolieren von Stichproben“ zuerst und eines der beiden und mehr.

Chrome 128 wird ab dem 20. August 2024 mit der CSS-Eigenschaft „ruby-align“, Promise.try, eingeführt. Es gibt noch viele weitere Funktionen.

Über das Media Panel können Sie Informationen aufrufen und Fehler in den Mediaplayern auf den einzelnen Browsertabs beheben.

Ein Beitrag von Ahmed Elwasefi, in dem er erzählt, wie er durch das Google Summer of Code zum Chromium-Entwickler wurde.

Chrome 128 wird jetzt eingeführt. Die verbesserte Anzeige von Ruby-Elementen mit Zeilenumbrüchen, Promise.try zum Starten von Promise-Ketten wurde vereinfacht, die PointerEvent-Oberfläche wurde erweitert, um mehrere Stifte eindeutig zu identifizieren, und es gibt noch viel mehr und vieles mehr. Adriana Jara informiert sich über alle Neuigkeiten zu Chrome 128 für Entwickler.

Das Chrome-Team testet eine neue File System Observer API, mit der Entwickler über Änderungen am Dateisystem informiert werden.

Verwenden Sie die Befehls-API, um Tastenkombinationen hinzuzufügen, die Aktionen in Ihrer Erweiterung auslösen, z. B. eine Aktion zum Öffnen der Browseraktion oder zum Senden eines Befehls an die Erweiterung. Die folgenden Schlüssel müssen im

Mit der File System Access API können Entwickler leistungsstarke Webanwendungen erstellen, die mit Dateien auf dem lokalen Gerät des Nutzers interagieren, z. B. IDEs, Foto- und Video-Editoren oder Texteditoren. Nachdem ein Nutzer einer Web-App Zugriff gewährt hat, kann er mit dieser API Änderungen direkt an Dateien und Ordnern auf dem Gerät des Nutzers lesen oder speichern.

EPP-Teilnehmer können jetzt einen Prototyp mit der Zusammenfassungs-API für Gemini Nano in Chrome erstellen.

Es gibt zwei neue JavaScript-Ereignisse: scrollSnapChange und scrollSnapChange.

Das Chrome-Team arbeitet an einer besseren Messung der so genannten weichen Navigationen, die von Single-Page-Anwendungen verwendet werden, und ein neues API ist jetzt hinter einer Markierung verfügbar, damit Websites auch damit experimentieren können.

Entdecke vier einzigartige Möglichkeiten, mit den Entwicklertools Screenshots aufzunehmen.

Puppeteer 23 bietet stabile Unterstützung für Firefox 129 und höher und eine einheitliche API für die Automatisierung von Chrome und Firefox, die auf WebDriver BiDi basiert.

Console Insights sind in Europa verfügbar. Außerdem werden unter anderem der Netzwerk-Track und die API optimiert, um Tracks im Bereich „Leistung“ anzupassen.

Aktuelle Neuigkeiten vom Chrome Developer Relations-Team

In Chrome für Android ist jetzt der Anmeldedaten-Manager integriert, sodass Passwortmanager von Drittanbietern unter Android 14 und höher Passkeys bereitstellen können

Aktuelle Informationen zur integrierten KI, zur Prompt API und zu den KI-Plänen von Chrome.

Erläuterung des aktuellen Interoperabilitätsstatus der vom Autor definierten Namen, die im Shadow DOM in CSS verwendet werden.

Hier erfährst du, wie das Entwicklertools-Team die Darstellung von Stilen auf dem Tab „Stile“ verbessert hat.

BrowserStack unterstützt WebDriver BiDi: Erweitern Sie Ihre Selenium Grid-Tests mit einer ereignisgesteuerten Automatisierung.

Hier erfahren Sie, wie Sie Anfragen an die CrUX API erstellen und Antworten von der CrUX API parsen.

Finden Sie heraus, wie Ihr Server Hinweise zu wichtigen Unterressourcen an den Browser senden kann.

Hier erfahren Sie, wie Sie die CrUX-Trends der letzten sechs Monate mithilfe der CrUX History API abfragen können.

Zeilenumbruchbares Ruby-Element und CSS-Eigenschaft "ruby-align"

Netzwerklast und Ressourcen analysieren

In diesem Beitrag erhältst du eine Vorschau auf die nächste Chrome-Version, in der die Funktionen der aktuellen Betaversion erläutert werden.

Experimentelle Unterstützung für OpenGL ES unter Android, GPUAdapter-Infoattribut, Verbesserungen der WebAssembly-Interoperabilität und mehr.

Interne Nutzerstudien von Chrome zeigen, dass viele Nutzer die Installation von Web-Apps schätzen. Es gibt viele Vorteile, z. B.: Chrome- und Webentwickler können auf verschiedene Weise dazu beitragen, darunter mit einer neuen Funktion für Werbung

Chrome 127 wird ab dem 23. Juli 2024 eingeführt. Sie bietet eine Anpassung der CSS-Schriftgröße, fokussierbare Scroll-Container für die Tastatur und zahlreiche weitere Funktionen.

Chrome 127 wird jetzt eingeführt. Mit Unterstützung für die Anpassung der Schriftgröße, Nutzeraktivierungen, die über die Document Picture-in-Picture API weitergegeben werden, sowie über fokussierbare Scroll-Container mit der Tastatur und viele weitere Funktionen. Adriana Jara informiert sich über alle Neuigkeiten zu Chrome 127 für Entwickler.

Helfen Sie uns, dafür zu sorgen, dass der Lesefluss Ihren Anforderungen entspricht.

Referenz zum Tab „Einstellungen“

Eine umfassende Referenz zu den Funktionen des Steuerfelds „Netzwerk“ in den Chrome-Entwicklertools.

Nutzerflüsse analysieren und aufzeichnen

Da immer mehr Leute sich mit der View Transition API beschäftigen, ist es an der Zeit, einige Missverständnisse aufzuräumen.

Diese Ankündigung enthält eine Reihe von Aktualisierungen der Seite mit den Programmrichtlinien für Entwickler, die die Entwicklung qualitativ hochwertiger Produkte fördern, betrügerisches Verhalten verhindern und dafür sorgen, dass die Nutzer ihre informierte Einwilligung erhalten.

Hier erhalten Sie einen Überblick über die aktuellen Änderungen bei Chrome-Erweiterungen sowie interessante neue Erweiterungsfunktionen, auf die sich Entwickler freuen können.

CSS-Ankerpositionierung in Elementen, optimierte Funktion „Hier nie pausieren“ in „Quellen“, neue Scroll-Snap-Event-Listener, aktualisierte Voreinstellungen für die Netzwerkdrosselung und vieles mehr.

Elemente in Ihrer Webanwendung prüfen

Eine Referenz zu allen Möglichkeiten zum Aufzeichnen und Analysieren der Leistung in den Chrome-Entwicklertools.

Die Long Animation Frame API (LoAF) wurde über Chrome 123 veröffentlicht und wir haben jetzt auch unsere Tools und Anleitungen aktualisiert, damit Sie diese neue API optimal nutzen können.

YouTube verbessert die Plattformsicherheit mit vertrauenswürdigen Typen, um Cross-Site-Scripting-Angriffe zu verhindern. Dies kann jedoch Auswirkungen auf deine Erweiterung haben.

Hier erfahren Sie, wie Sie mit einem großen DOM die Leistung Ihrer Webseite reduzieren und wie Sie die Größe des DOM beim Laden verringern können.

Das Chrome-Team hat an Optionen erarbeitet, um das vollständige Pre-Rendering zukünftiger Seiten, die ein Nutzer wahrscheinlich aufrufen wird, wiederherzustellen.

Wir haben uns mit dem Team getroffen, das für die Bewertung im Chrome Web Store zuständig ist.

Das Chrome-Team hat eine Reihe von Leistungsverbesserungen an der Implementierung von IndexedDB (IDB) vorgenommen.

Erhöhen Sie das maxTextureArrayLayers-Limit, die Optimierung des Puffer-Uploads für das Vulkan-Backend, die längere Zeit für die Shader-Kompilierung, die eingereichten Befehlszwischenspeicher müssen eindeutig sein und die Dawn-Aktualisierungen.

Das Chrome-Team testet derzeit ein neues deklaratives HTML-Element <permission>, mit dem der Nutzer um Zugriff auf leistungsstarke Funktionen gebeten wird.

Damit zukünftige KI-gestützte Anwendungen schneller eingeführt werden, sollten Sie die Modelldaten explizit auf dem Gerät im Cache speichern.

Lade die Betaversion herunter, um die neuesten Funktionen in Chrome zu testen.

Chrome 126 wird jetzt eingeführt. Dank der Unterstützung für dokumentenübergreifende Übergänge in der ViewTransitions API wird die CloseWatcher API wieder aktiviert und die Gamepad-API mit Auslösern gestört. Es gibt noch viel mehr und vieles mehr. Adriana Jara teilt Ihnen mit, was es für Entwickler in Chrome 126 Neues gibt.

Chrome 126 wird ab dem 11. Juni 2024 eingeführt. Es gibt unter anderem Übergänge bei der Dokumentansicht, die Reaktivierung der CloseWatcher API und den Trigger-Rumble für die Gamepad API.

Hier findest du alle Ankündigungen zu Preisvergleichsportalen und der Web-UI von der Google I/O 2024.

Das Entlade-Ereignis wird ab Chrome 117 nach und nach eingestellt. Hier erfahren Sie, was das bedeutet und wie sich Websites und Unternehmen darauf vorbereiten können.

Hier erfahren Sie mehr über die neuesten Funktionen, mit denen Sie den Bereich „Leistung“ übersichtlicher gestalten können, damit Sie sich auf die Informationen konzentrieren können, die Sie am meisten benötigen.

Technische Dokumentation zu CrUX-Messwerten

Überwachen Sie CDP-Anfragen und -Antworten.

Analysieren Sie die Leistung des CSS-Selektors während der Funktion „Stil neu berechnen“.

Eine Erläuterung der Inhaltsfilterung und wie Sie diese in Ihrer Chrome-Erweiterung verwenden.

Wir freuen uns, eine neue Funktion ankündigen zu können, mit der Entwickler den Überprüfungsprozess für infrage kommende Änderungen an Manifest V3-Erweiterungen über die Declarative Net Request API überspringen können.

Weitere Informationen zu Lighthouse-Audits: „Enthält kein Tag mit Breite oder anfängliche Skalierung“

Im Bereich „Netzwerkbedingungen“ erfahren Sie, wie Sie andere Browser emulieren.

Der Track-Konfigurationsmodus wurde verbessert, die Ignorieren-Liste im Flame-Diagramm wurde verbessert und die CPU im Bereich „Leistung“ um das 20-Fache gedrosselt.

Eine weitere Google I/O liegt jetzt hinter uns und wir haben über all die spannenden Updates für Erweiterungen gesprochen.

Hier erfahren Sie, wie Sie mit den Chrome-Entwicklertools JavaScript-Fehler finden und beheben können.

Hier erfahren Sie alles über die Funktionen der Chrome-Entwicklertools, mit denen Sie Fehler bei Spekulationsregeln beheben können, mit denen zukünftige Seitennavigationen vorab abgerufen und vorab gerendert werden.

Quelldateien ansehen und auf andere Tools zugreifen

Das folgende Codelab bietet clientseitige KI. Es sind keine Kenntnisse in der KI-Entwicklung, keine Server und keine API-Schlüssel erforderlich.

Dieses Dokument enthält kurze Highlights der jüngsten Entwicklungen im Bereich der JavaScript-Frameworks.

Chrome 126 Beta enthält Übergänge bei dokumentenübergreifenden Ansichten, die Trigger-Rumble-Erweiterung für die Gamepad API und weitere Funktionen.

Teil 1/2. Hier erfahren Sie, wie WebAssembly- und WebGPU-Verbesserungen die Leistung des maschinellen Lernens im Web verbessern.

Analysieren Sie die Laufzeitleistung Ihrer Website in Echtzeit.

Neu: dokumentübergreifende Ansichtsübergänge für MPA, selektive Ansichtsübergänge mit aktiven Typen und Animationsstile mit der Ansichtsübergangsklasse.

Auf der I/O 2024 erhältst du Zusammenfassungen von Web AI. Lernen Sie die neuen Modelle, Tools und APIs für Ihre nächste Webanwendung kennen.

On-Device-KI ist das neueste Angebot, um Nutzern leistungsstarke Modelle zur Verfügung zu stellen und gleichzeitig sensible Daten zu schützen und die Latenz zu verbessern.

Teil 2/2. Hier erfahren Sie, wie WebAssembly- und WebGPU-Verbesserungen die Leistung des maschinellen Lernens im Web verbessern.

Ab Chrome 126 wird das Windows-Framework für die Benutzeroberflächenautomatisierung unterstützt.

Die Async Clipboard API kann jetzt SVG-Bilder verarbeiten.

Chrome 125 wird jetzt eingeführt. Mit der CSS Anchor Positioning API, der Compute Pressure API, einer Erweiterung der Storage Access API und vielem mehr. Adriana Jara teilt Ihnen mit, was es für Entwickler in Chrome 125 Neues gibt.

Clientseitige KI ist das neueste Angebot, mit dem Nutzern leistungsstarke Modelle zur Verfügung gestellt werden, während sensible Daten geschützt und die Latenz verbessert werden.

Entdecken Sie spannende Funktionen aus der Google I/O Developer Keynote und den Sitzungen.

Mit lokalen Überschreibungen können Sie Remote-Ressourcen simulieren und die in den Entwicklertools vorgenommenen Änderungen beim Seitenaufbau beibehalten.

Ab dem 14. Mai 2024 wird Chrome 125 mit CSS Anchor Positioning, der Compute Pressure API und neuen Baseline-Funktionen eingeführt.

Hier erfährst du, wie du mit den Entwicklertools Netzwerkantworten überschreiben und simulieren kannst.

Hier erfährst du, wie der Spotify-Miniplayer von einem Canvas-Hack zu einem optimierten Spielerlebnis über die Document Picture-in-Picture API verwandelt wurde.

Mit Gemini können Sie Fehler und Warnungen in der Console besser verstehen.

Sie können Elemente mithilfe der neuen Anchor Positioning API relativ zueinander positionieren.

Ein kurzer Überblick über Puppeteer, Chrome Headless, Chrome for Testing und andere Ressourcen vom Chrome-Tooling-Team.

Informationen zum Bewältigen von Herausforderungen durch Tests in Unternehmensumgebungen

Fehlerursachen in der Console, CSS-Selektorstatistiken in der Leistung, Header des Typs „Early Hints“ im Netzwerk und mehr

Erfahren Sie mehr über die Vorteile von Containerabfragen von redBus und Tokopedia.

Hier erfahren Sie, wie Policybazaar und Tokopedia von der Verwendung von :has() profitieren.

Hier erfahren Sie, wie E-Commerce-Websites von der Implementierung der neuesten CSS- und UI-Funktionen wie Übergänge, Scroll-Animationen, Popover API und mehr profitieren.

Entdecken Sie die Vorteile scrollbarer Animationen mit Policybazaar, redBus und Tokopedia.

redBus, Policybazaar und Tokopedia verwenden alle die View Transition API und profitieren von einer besseren Leistung und einer reibungslosen Benutzeroberfläche.

Untergruppen werden in Entwicklung und als Slice der 3D-Textur gerendert.

In diesem 10-teiligen Videokurs erfährst du alles über scrollbare Animationen

Ein Vorschlag zur Definition von Mauerwerk und Rastern in verschiedenen Spezifikationen.

WebGPU ermöglicht leistungsstarke 3D-Grafiken und parallele Datenverarbeitung im Web.

Referenzdokumentation für die Property „minimum_chrome_version“ der Datei „manifest.json“

Tokopedia verwendet die Popover API, um die Codemenge in der Anwendung zu reduzieren.

Wenn Sie über eine Website, die nicht in HTTPS umgewandelt werden kann, auf private Netzwerkgeräte zugreifen möchten, müssen Sie Berechtigungsaufforderungen verwenden, um die Prüfung auf gemischte Inhalte zu lockern.

Mit der Captured Surface Control API können Web-Apps auf aufgenommene Tabs scrollen und zoomen.

Referenzdokumentation für die Eigenschaft „trial_tokens“ von „manifest.json“

WebAudio API-Messwerte im WebAudio-Steuerfeld ansehen

CSS-Ankerpositionierung, CSS-Funktionen mit schrittweisen Funktionen, die Compute Pressure API und mehr.

Hier erfährst du, wie du deine progressive Web-App installierbar machst.

Hier erfahren Sie, wie Sie Ihre Website mit HTTPS schützen.

Über das Autofill-Steuerfeld können Sie in Chrome gespeicherte Adressen prüfen und debuggen.

Chrome 124 wird ab dem 16. April 2024 eingeführt und umfasst unter anderem „setHTMLUnsafe“, Streams in WebSockets und vieles mehr.

Hier erfährst du, wie du die start_url deiner progressiven Web-App so konfigurierst, dass sie offline zugänglich ist.

Hier erhalten Sie einen Überblick über die aktuellen Änderungen bei Chrome-Erweiterungen sowie interessante neue Erweiterungsfunktionen, auf die sich Entwickler freuen können.

Hier erfährst du, wie du einen benutzerdefinierten Startbildschirm für deine progressive Web-App erstellst.

Weitere Informationen zu Lighthouse – Für jede Seite gibt es ein URL-Audit.

Hier erfährst du, wie du deine progressive Web-App offline verwenden kannst.

Animationen können Sie über den Bereich „Animationen“ prüfen und ändern.

Hier erfahren Sie, wie Sie dafür sorgen, dass Nutzer zumindest einen Teil der Inhalte auf Ihrer Webseite ansehen können, wenn JavaScript nicht verfügbar ist.

Chrome blockiert jetzt die gesamte Web MIDI API hinter einer Berechtigungsaufforderung.

Referenz zum Tab „Drosselung“

Hier erfahren Sie, wie Sie die Sicherheit Ihrer Website erhöhen, indem Sie alle Seiten zu HTTPS weiterleiten.

Hier erfahren Sie, wie Sie die Größe von Webseiteninhalten an die Bildschirmgröße von Mobilgeräten anpassen.

Hier erfahren Sie, wie Sie mit Workbox dafür sorgen, dass Ihre Webseite in verschiedenen Browsern funktioniert.

Chrome 124 wird jetzt eingeführt. Es gibt zwei neue APIs, mit denen das deklarative Shadow DOM über JavaScript verwendet werden kann. Sie können Streams in WebSockets verwenden. Die Funktion „Übergänge anzeigen“ wird ein bisschen besser. Und das war noch längst nicht alles. Pete LePage hat alle Details zu den Neuerungen für Entwickler in Chrome 124 zusammengestellt.

Hier erfahren Sie, wie Sie dafür sorgen, dass Ihre Webseite in Mobilfunknetzen schnell geladen wird.

Hier erfährst du, wie du festlegen kannst, welches Symbol deine progressive Web-App auf iOS-Startbildschirmen anzeigen soll.

Hier erfährst du, wie du die Designfarbe der Adressleiste für deine progressive Web-App festlegst.

Hier erfahren Sie, wie Sie einen Service Worker registrieren, der Funktionen von progressiven Web-Apps wie Offlinefunktionen, Push-Benachrichtigungen und Installierbarkeit unterstützt.

Hier erfahren Sie, wie Sie Ihrer PWA Unterstützung für maskierbare Symbole hinzufügen.

Die faltbaren APIs sind zwei APIs in Chrome, mit denen Entwickler ein Targeting auf faltbare Geräte vornehmen können.

Hier erfahren Sie, wie Sie selbst bei einer langsamen Netzwerkverbindung zwischen Webseiten wechseln können.

Beginnen Sie mit den dokumentenübergreifenden Ansichtsübergängen für die Verwendung in Ihrer mehrseitigen Anwendung (MPA).

Mit der View Transition API können Sie Übergänge zwischen Ansichten einer Website hinzufügen.

Finden Sie heraus, wie Sie mit Entwicklertools die Entwicklung Ihrer Webanwendungen verbessern können.

Schreib- und nicht schreibgeschützte Speichertexturen, Unterstützung für Service Worker und freigegebene Worker, neue Attribute für Adapterinformationen und Fehlerkorrekturen

Hier erfahren Sie mehr über den neuen Messwert „navigation_types“ im Bericht zur Nutzererfahrung in Chrome (CrUX) und darüber, wie Sie damit Ihre Leistungsmesswerte im Web erklären und optimieren können.

Hier erfahren Sie, wie das CrUX-Dataset in BigQuery strukturiert ist.

Einfach verständliche Anleitungen zur Verwendung von CrUX

Diese Woche führen wir eine neue Funktion ein, mit der Entwickler ihre Erweiterungen auf die zuvor veröffentlichte Version im Chrome Web Store zurücksetzen können. Unser Ziel ist es, Entwicklern mehr Sicherheit beim Veröffentlichen von Updates zu

PageSpeed Insights (PSI) ist ein Tool, mit dem Webentwickler die Leistung einer Seite ermitteln und verbessern können. In diesem Leitfaden erfahren Sie, wie Sie mit PSI Erkenntnisse aus der Nutzererfahrung in Chrome ziehen und die Nutzererfahrung besser verstehen.

Hier erfahren Sie, wie Sie mit der Font-display API dafür sorgen, dass der Text Ihrer Webseite für Ihre Nutzer immer sichtbar ist.

Hier erfahren Sie mehr über die weitere Vorgehensweise bei der Profilerstellung für die CPU-Leistung und darüber, warum und wie wir den JavaScript-Profiler einstellen.

Unterstützung durch Scroll-Animationen, neuer Autofill-Bereich, neue Optionen für WebRTC bei Netzwerkdrosselung und mehr.

Berichtsinformationen darüber, ob im Dokument vorhandene Frames bei der Navigation blockiert wurden und den Back-Forward-Cache nicht verwenden konnten.

Hier erfahren Sie, wie Sie mit dem Bereich „Leistung“ ein Profil der Node.js-Anwendungsleistung erstellen.

Die JavaScript Promise Integration (JSPI) ist eine API, die synchronen sequenziellen Code, der in WebAssembly kompiliert wurde, den Zugriff auf asynchrone Web APIs ermöglicht.

Hier erfahren Sie mehr über diefetchLater API, die sich jetzt in einem Ursprungstest befindet. Mit dieser neuen API können Sie einen verzögerten Abruf anfordern, der auch dann abgeschlossen wird, wenn die Seite geschlossen wird.

Testen Sie, wie Ihre Website mit fehlenden Ressourcen umgeht.

Das HTML-Attribut „writingsuggestions“, die WebSocketStream API, der Prioritäts-HTTP-Anfrageheader und mehr.

Es wird eine Änderung eingeführt, damit Scroller ohne tabindex-Wert und ohne fokussierbare untergeordnete Tastatur fokussierbar werden.

Chrome 123 wird jetzt eingeführt. Mit der neuen Funktion in Helldunkel, der Long Animation Frames API, der Service Worker Static Routing API und vielem mehr. Adriana Jara teilt Ihnen mit, was es für Entwickler in Chrome 123 Neues gibt.

Hier erfahren Sie mehr über die wichtigsten Sicherheitsmechanismen für Web-Worker, Navigationsabrufe und anstehende Schutzmaßnahmen. In diesem Dokument wird auch erläutert, wie Websiteinhaber vorgehen sollten, wenn sie private Netzwerke nutzen.

Hier erfahren Sie, wie Sie diese neue API verwenden, die ab Chrome 123 verfügbar ist.

Hier erfährst du mehr über die Pläne des Chrome-Teams zur Verbesserung des Steuerfelds „Leistung“ der Entwicklertools.

Entdecken Sie die neuesten Verbesserungen im Bereich „Netzwerk“ der Chrome-Entwicklertools, die das Web-Debugging vereinfachen.

Sie können Änderungen am DOM sofort vornehmen.

Entdecken Sie neue Workflows zum Anzeigen und Ändern von CSS in den Chrome-Entwicklertools.

Unterstützung von integrierten DP4a-Funktionen, uneingeschränkte Zeigerparameter, Syntaxzucker für die Dereferenzierung von zusammengesetzten Elementen in WGSL und mehr.

Sie können Anzeigenframes hervorheben, den Fokus auf einer Seite emulieren, lokale Schriftarten und Bildformate deaktivieren, ein automatisches dunkles Design aktivieren und Sehschwächen emulieren.

Hier erfahren Sie, wie Sie mit den Chrome-Entwicklertools den CSS-Code einer Seite aufrufen und ändern können.

Hier erfahren Sie mehr darüber, wie Sie Ihren Code in den Chrome-Entwicklertools pausieren können.

Die Komprimierung im Web wird durch die Komprimierung mit freigegebenen Wörterbucheinträgen stark beschleunigt. Erfahren Sie mehr über diese Funktionen, wie sie funktionieren und wie sie Ladezeiten noch weiter deutlich verkürzen können, als sie mit einer Standardkomprimierung bei statischen und dynamischen Webressourcen möglich sind.

Sie können die alte Headless Chrome-Version jetzt als eigenständiges Binärprogramm für jede Chrome-Version für Nutzer herunterladen.

Rufen Sie wichtige Informationen über Ihre Webanwendung direkt aus dem Browser ab.

Mit der chrome.i18n API können Sie Ihre Benutzeroberfläche in mehreren Sprachen rendern.

Für viele Nutzende ist Barrierefreiheit im wahrsten Sinne des Wortes die Benutzeroberfläche, und ihre Funktionen sind auch für viele andere nützlich.

Entdecke die neuesten Funktionen in den Chrome-Entwicklertools

Details zu den neuesten Aktualisierungen der Speculation Rules API, einschließlich Dokumentregeln, Eagerness-Einstellung, Limits und Unterstützung von Spekulationsregeln auf Plattformen.

In diesem Beitrag berichtet das Eyeo-Team von seiner Lösung beim Testen von Service Workern für Erweiterungen. Insbesondere geht es darum, wie sichergestellt werden kann, dass die Chrome-Erweiterungen bei Sperrungen eines Service Workers ordnungsgemäß funktionieren.

Ein Easter Egg, eine konzentrierte Seitenemulation unter „Elemente > Stile“, eine neue Lighthouse-Prüfung und mehr.

Hier erfahren Sie, wie Sie mithilfe der @next/third-parties-Bibliothek das Laden beliebter Drittanbieterressourcen optimieren können.

Ab Chrome 123 können Sie „align-content“ verwenden, um Elemente auszurichten, ohne einen flexiblen oder Rastercontainer zu erstellen.

Die CSS-Farbfunktion „light-dark()“, „align-content“ für Blöcke, die Eigenschaft „field-sizing“ und das Ereignis „pagereveal“.

Chrome 122 wird jetzt eingeführt. Mit der neuen Storage Buckets API wird der Bereich „Leistung“ der Entwicklertools aktualisiert, eine unbereinigte Option zum Lesen von HTML mit der Async Clipboard API und vieles mehr. Adriana Jara teilt Ihnen mit, was es für Entwickler in Chrome 122 Neues gibt.

Die kanonische Dokumentation für Tastenkombinationen in den Chrome-Entwicklertools.

Nutzen Sie virtuelle Geräte im Gerätemodus von Chrome, um für Mobilgeräte optimierte Websites zu erstellen.

Ab Chrome 122 übernimmt das „::backdrop“-Element die Eigenschaften des ursprünglichen Elements.

Eine Erweiterung benötigt mindestens ein Symbol, um sie in der Symbolleiste darzustellen.

Der Bereich „Leistung“ in den Entwicklertools ist ein leistungsstarkes Tool zur Diagnose, Fehlerbehebung und Behebung von Leistungsproblemen von Webanwendungen. Bei dieser Gelegenheit zeigen wir Ihnen, wie wir den Bereich „Leistung“ in den Entwicklertools verwendet haben, um die Leistung des Steuerfelds selbst zu verbessern, und wie wir eine deutliche Verbesserung erzielt haben.

Noch offen

Eine Anleitung zur Umwandlung von Manifest V2-Erweiterungen in Manifest V3-Erweiterungen

Die WebHID API, über die HID-kompatible Geräte (Human Interface Device) im Web verfügbar gemacht werden, ist in Erweiterungen verfügbar.

Die WebUSB API, über die nicht standardmäßige USB-kompatible Geräte (Universal Serial Bus) im Web verfügbar gemacht werden, ist in Erweiterungen verfügbar.

Referenzdokumentation für die Eigenschaften der Content Security Policy der Datei „manifest.json“

Kompatibilitätsmodus in der Entwicklung, Erhöhen des maxVertexAttributes-Limits und Dawn-Updates.

Eine Codezeile für die automatische Größenanpassung von Elementen mit bearbeitbaren Inhalten.

Hier erfahren Sie, wie Sie mit dem Heap-Profiler Heap-Snapshots aufzeichnen und Speicherlecks finden.

Mit der chrome.runtime API können Sie den Dienst-Worker abrufen, Details zum Manifest zurückgeben und auf Ereignisse im Lebenszyklus der Erweiterung warten und darauf reagieren. Mit dieser API können Sie auch den relativen Pfad von URLs in

Funktionsweise von Berechtigungswarnungen in Chrome-Erweiterungen

Detaillierte Anleitung zur Verwendung von Web Push mit Chrome-Erweiterungen

Eine Übersicht der gültigen Werte für die Berechtigungseigenschaft in der Datei „manifest.json“.

EditContext ist eine neue API, die in Chrome und Edge eingeführt wird und mit der Entwickler erweiterte Textbearbeitungsfunktionen im Browser erstellen können. Weitere Informationen dazu findest du in diesem Beitrag.

Warnungen bei der Einstellung von Drittanbieter-Cookies im Steuerfeld „Netzwerk“ und „Anwendung“, erweitertes Debugging im Steuerfeld „Netzwerk“, Navigationspfade im Bereich „Leistung“ und mehr.

Beschleunigen Sie das Surfen im Web mit spekulativen Ladevorgängen und erfahren Sie, wie Sie Fehler beheben können.

Der Einstellungstest für „SharedArrayBuffer“ ohne ursprungsübergreifende Isolierung auf dem Chrome-Computer wird bis Chrome 124 verlängert.

Sie können auf benutzerdefinierte Tastenkombinationen in einer Erweiterung reagieren.

Du kannst den Rekorder anpassen und integrieren, indem du Erweiterungen installierst.

Die Betaversion von Chrome 122 bietet Ihnen unter anderem Parser-Hilfsprogramme, Festlegungsmethoden, die Storage Buckets API und das Lesen von unbereinigtem HTML-Code in der Async Clipboard API.

Chrome 121 wird jetzt eingeführt. Mit CSS-Updates, Verbesserungen an der Speculation Rules API, einem Ursprungstest für die Element Capture API und vieles mehr. Adriana Jara teilt Ihnen mit, was es für Entwickler in Chrome 121 Neues gibt.

Hier erhalten Sie einen Überblick über die aktuellen Änderungen bei Chrome-Erweiterungen sowie interessante neue Erweiterungsfunktionen, auf die sich Entwickler freuen können.

Aktionen über die Omnibox auslösen.

Unterstützt unter Android WebGPU unter Android, Verwendung von DXC für die Shader-Kompilierung, Zeitstempelabfragen in Computing- und Render-Durchläufen, Standardeinstiegspunkte für Shader-Module, Display-p3 als GPUExternalTexture-Farbraum, Arbeitsspeicher-Heaps-Informationen und mehr.

Informationen zur sicheren Verwendung des DOMs mit SSR in Angular

Verwenden Sie die Eigenschaften „scrollbar-width“ und „scrollbar-color“, um Bildlaufleisten zu gestalten.

Mit Puppeteer Funktionen testen, die die Web Bluetooth API in Chrome verwenden

Detaillierte Anleitung zur Verwendung von Firebase Messaging mit chrome.gcm

Entdecken Sie unsere Lösungen für die konsistente Automatisierung von Browsertests und die Verbesserung der Anwendungsleistung.

Hier erfahren Sie, wie Sie clientseitige, browserbasierte KI-Modelle in einer standardisierten Hardwarekonfiguration testen, dabei skalierbar und automatisierbar bleiben.

Chrome hat eine weitere neue internationale CSS-Funktion hinzugefügt.

Sie antworten einem Nutzer, der auf die Symbolleiste klickt.

In diesem Beitrag wird erläutert, wie dauerhafte Berechtigungen für die File System Access API verwaltet werden können. Außerdem erhalten Sie einen kurzen Überblick über den aktuellen Stand des Problems und die zu lösenden Herausforderungen.

Hier erfährst du, wie du mit der Farbauswahl unter „Elemente > Stile“ HD- und Nicht-HD-Farben untersuchen und Fehler beheben kannst.

Hier erfahren Sie, wie Sie Farben mit wenigen Klicks erstellen.

Weitere Informationen zum Debuggen der Abrufpriorität.

Echtzeitaktualisierungen in Erweiterungen verwalten

Eine klassische Typografietechnik, bei der Zeilenumbrüche für ausgewogene Textblöcke manuell erstellt werden, wird in CSS übernommen.

Ab Chrome 122 können Sie den Ursprungstest für das App-Manifest „scope_extensions“ abonnieren. Dadurch können Websites, die mehrere Subdomains und Top-Level-Domains verwalten, als eine einzelne Web-App präsentiert werden.

Puppeteer spricht jetzt mit Firefox! 🎉 Aber Moment, hast du das nicht schon getan? 🤔 WebDriver BiDi, das neue Protokoll in Puppeteer, beschäftigen uns mit dieser spannenden Entwicklung für den Firefox-Automatisierungsworkflow.

Implementieren Sie ein Pop-up, d. h. ein Fenster, über das Nutzer Erweiterungsfunktionen aufrufen können.

Ein Service Worker sorgt dafür, dass Erweiterungen nur bei Bedarf ausgeführt werden und so Ressourcen gespart werden.

Implementieren Sie ein Pop-up, d. h. ein Fenster, über das Nutzer Erweiterungsfunktionen aufrufen können.

In diesem Beitrag wird die Relevanz des neuen INP-Messwerts für Frameworks-basierte Websites und die Arbeit von Aurora zur Unterstützung von Frameworks bei der Optimierung dieses Messwerts erläutert.

Eine vollständige Liste der Entwicklerfunktionen in Chrome für Android finden Sie unter chromestatus.com. Chrome im Play Store herunterladen. Wenn sich ein Nutzer auf einem Gerät in Chrome anmeldet, sind die Tabs und der Browserverlauf dieser Sitzung

Apps direkt von einer Webseite mit einem Android-Intent starten

Erstelle ein exklusives Akkordeon mit mehreren "name"-Elementen, die denselben "name" haben.

Chrome hat sich an die Anforderungen der Android-Tablet-Umgebung angepasst und aktiviert jetzt standardmäßig den Desktop-Modus auf Premium-Tablets.

Unterstützung für 16-Bit-Gleitkommawerte in WGSL, Erhöhung von Limits, Statusänderungen der Schablonentiefe, Aktualisierungen der Adapterinformationen und mehr.

@font-palette-values in Elementen, verbesserte Unterstützung für Source Maps, verbesserte Leistung > Interaktions-Tracking und mehr.

Bleib über die neuesten WebGPU-Änderungen auf dem Laufenden.

Die Webplattform wird jetzt mit Region Capture ausgeliefert, einer leistungsfähigen und robusten Methode zum Zuschneiden eines Videotracks.

2023 war ein erfolgreiches Jahr für Preisvergleichsportale! Erfahren Sie, was dieses Jahr in Chrome und auf der gesamten Webplattform eingeführt wurde.

Google Chrome stellt im Rahmen der PNA-Spezifikation (Private Network Access) den Zugriff auf private Netzwerkendpunkte über nicht sichere öffentliche Websites ein.

Hier erfahren Sie, wie Sie HTTP-Cookies einer Seite mit den Chrome-Entwicklertools ansehen, hinzufügen, bearbeiten und löschen.

Hier erfahren Sie, wie Sie Fehler im DOM mit Entwicklertools beheben.

Hier erfährst du, wie die Chrome-Entwicklertools für unerfahrene DevTools-Nutzer das Einfügen von Code blockieren und so Self-XSS-Angriffe abwehren.

In den kommenden Monaten werden für Chrome Tests durchgeführt, um die Kriterien für die App-Installation zu vereinfachen und so die Nutzerfreundlichkeit für Entwickler und Nutzer zu verbessern. In diesem Beitrag werden die zu erwartenden Änderungen und die Gründe für diese Tests beschrieben.

Framedetails ansehen.

Chrome 120 ist da! Mit der CloseWatcher-API für eine einheitliche Handhabung von Schließanfragen, einer unkomplizierten Implementierung eines Akkordeonsmusters mit dem Element "Details", sind jetzt Berichte zu Verstößen gegen die Berechtigungsrichtlinie verfügbar und es gibt noch viel mehr.

Hosten Sie eine Website auf dem Webserver eines Entwicklungscomputers und greifen Sie dann über ein Android-Gerät auf die Inhalte zu.

Hier erfährst du, wie du Fehler im bfcache beheben und dafür sorgen kannst, dass deine Seite sofort geladen wird.

Chrome fügt vier neue internationale Preisvergleichsportal-Funktionen hinzu.

Mit der Page Lifecycle API können Sie die Lebenszyklusfunktionen von Apps, die auf mobilen Betriebssystemen üblich sind, im Web verfügbar machen. Browser können jetzt Hintergrundseiten sicher einfrieren und verwerfen, um Ressourcen zu sparen, und Entwickler können diese Aktionen problemlos ausführen, ohne die Nutzererfahrung zu beeinträchtigen.

Verweis auf den Tab „Liste“ ignorieren.

Ab Chrome 120 ist in der Async Clipboard API eine neue Option für unbereinigte Inhalte verfügbar. In diesem Leitfaden erfahren Sie, wie Sie sie verwenden.

Im Dezember letzten Jahres haben wir die geplante Einstellung von Manifest V2 ausgesetzt, um auf das Feedback von Entwicklern zu reagieren und bessere Lösungen für Migrationsprobleme zu finden. Aufgrund dieses Feedbacks haben wir einige Änderungen an

In Chrome können Web-Apps für Videokonferenzen automatisch den Bild-im-Bild-Modus aktivieren.

Hier erfahren Sie mehr über die neuen Funktionen der Angular NgOptimizedImage-Anweisung, mit der die Bildleistung in Angular-Apps weiter verbessert wird.

Im letzten Jahr haben wir uns intensiv mit den Anbietern mehrerer Erweiterungen zum Blockieren von Inhalten über Möglichkeiten zur Verbesserung der MV3-Erweiterungsplattform ausgetauscht. Auf der Grundlage dieser Diskussionen, von denen viele in der

Hier erfahren Sie mehr über die erste Phase des Service Worker-Routings – jetzt in einem Ursprungstest – einer neuen API, mit der Sie deklarativ festlegen können, wie Routen von Ihrem Service Worker verarbeitet werden sollen (oder nicht).

Hier erfahren Sie, wie die WebGPU-Umgebung über JavaScript-, C- und Rost-Bereiche hinausgeht.

Die Lookahead-Verschachtelung ist in Chrome 120 aktiviert.

Auslaufende Probleme von Drittanbieter-Cookies, die im Bereich „Probleme“ gemeldet wurden, das Privacy Sandbox-Analysetool für Cookies, eine effektive Content Security Policy im Bereich „Anwendungen“, eine verbesserte Fehlerbehebung bei Animationen, eine verbesserte Ignorieren-Liste und mehr.

Der Langlebigkeitsmodus in IndexedDB ändert sich ab Chrome 121 von „streng“ zu „locker“.

Eine Zusammenfassung der wichtigsten Änderungen in Chrome 120 für Entwickler von Chrome-Erweiterungen.

Dateien in Chrome-Erweiterungsdienst-Workern, Pop-ups, Seitenleisten oder Inhaltsskripten öffnen

Referenzdokumentation zur Eigenschaft „file_handlers“ von „manifest.json“

CSS-Maskierung, gelockerte Regeln für die CSS-Verschachtelung, Akkordeonmuster mit dem Element erstellen, die Aktion „enterpictureinpicture“ für die Media Session API.

Es gibt zwei Arten von Programmiersprachen: Programmiersprachen mit Garbage Collection und Programmiersprachen, die eine manuelle Speicherverwaltung erfordern. Mit der WebAssembly-Speicherbereinigung können Sprachen mit automatischer Speicherbereinigung auf WebAssembly umgestellt werden.

Einführung von Chrome 119 Die Obergrenze für das Ablaufdatum für bereits gespeicherte Cookies wurde geändert. CSS bietet neue Pseudoklassen, eine relative Farbsyntax, Verbesserungen für Fenced Frames wie Makros für die Anzeigengröße und vieles mehr.

Optimierung und Anpassung für Nutzer, die eine undurchsichtige Benutzeroberfläche bevorzugen

Filterbare 32-Bit-Float-Texturen, unorm10-10-10-2-Vertex-Format, rgb10a2uint-Texturformat und mehr.

Opt-in für den optimierten Textumbruch, für mehr Schönheit statt Schnelligkeit.

Hier erfährst du, wie mit erweiterten Funktionen zum Auswählen von Elementen horizontale Unterbrechungen für eine bessere Gruppierung möglich sind.

Hier erhalten Sie einen Überblick über die aktuellen Änderungen bei Chrome-Erweiterungen sowie interessante neue Erweiterungsfunktionen, auf die sich Entwickler freuen können.

Im Januar 2024 wird die Problemverfolgung mit Chromium zu einem Tool migriert, das auf dem Google Issue Tracker basiert.

Die aktuelle Implementierung der Sanitizer API wird ab Chrome 119 eingestellt, um zukünftige Aktualisierungen der Spezifikation zu berücksichtigen.

Die Web Serial API unterstützt jetzt Bluetooth-RFCOMM-Dienste.

End-to-End-Tests für Erweiterungen schreiben

So schreiben Sie Einheitentests für Erweiterungen.

So schreiben Sie mit Puppeteer einen automatisierten Test für Chrome-Erweiterungen.

Erstellen Sie neue Farben auf der Grundlage von Kanälen und Werten anderer Farben.

Prüfen Sie, ob bereits ein Fehler oder eine Funktionsanfrage gemeldet wurde.

So melden Sie Fehler bei Erweiterungen oder Probleme mit der Dokumentation.

Einführung von Chrome 118 Sie können bestimmte Stile innerhalb einer Komponente mit der CSS-Regel „@scope“ deklarieren. Neue Medienfunktion verwenden: bevorzugt-reduzierte-Transparenz. Entwicklertools wurden im Bereich „Quellen“ verbessert und es gibt noch viele weitere.

Verbesserter @property-Bereich in den Stilen, aktualisierte Geräteliste, optimiertes Drucken in den Quellen und automatische Vervollständigung in der Konsole.

Unterstützung für mehrere Leser und Autoren für FileSystemSyncAccessHandle und exklusiven Autor für FileSystemWritableFileStream. Über das private Dateisystem des Ursprungs (manchmal auch als Bucket-Dateisystem bezeichnet) können Entwickler auf

Es gibt jetzt einen neuen Ursprungstest, mit dem Pop-up-Fenster in nur einem Schritt im Vollbildmodus geöffnet werden können.

Die Betaversion von Chrome 119 bietet Ihnen die relative CSS-Syntax für Farben, neue Pseudoklassen und vieles mehr.

Hier erfahren Sie, wie Sie mit @scope Elemente nur innerhalb einer begrenzten Unterstruktur Ihres DOMs auswählen.

Ab sofort unterstützt Chrome unter macOS Passkeys im iCloud-Schlüsselbund. Dadurch können Nutzer Passkeys im iCloud-Schlüsselbund erstellen und auf Apple-Geräten synchronisieren.

Erweiterter Quellsupport für copyExternalImageToTexture, experimentelle Unterstützung für nicht schreibgeschützte und schreibgeschützte Speichertexturen und mehr.

Hier erfahren Sie, wie Sie mit den Entwicklertools Chrome-Erweiterungen debuggen.

Funktionsweise von Webspeicher-APIs und Cookies in Erweiterungen

Eine ausführliche Anleitung dazu, wie und warum CyberAgent, RedBus, Nykaa und PolicyBazaar Ansichtsübergänge implementiert haben.

Wir feiern das 15-jährige Jubiläum von Chrome und unsere Rolle als vertrauenswürdiger, hilfreicher Partner für Entwickler.

Hier finden Sie einige Tipps für WebGL-Entwickler, die zu WebGPU migrieren.

Neuer Bereich für benutzerdefinierte Eigenschaften unter „Elemente > Stile“, weitere Verbesserungen bei lokalen Überschreibungen, eine verbesserte Suche, ein optimierter Arbeitsbereich in „Quellen“ und mehr.

Auf einen Bereich reduzierte Styles für CSS, zusätzliche Medienfunktionen, Scroll-Container mit Tastaturfokussierung und mehr.

Einführung von Chrome 117 Mit drei neuen CSS-Funktionen, die das Hinzufügen flüssiger Einstiegs- und Exit-Animationen erleichtern, Array-Gruppierung zum Berechnen höherrangiger Datasets, Entwicklertools vereinfacht das lokale Überschreiben und es gibt noch viel mehr.

Gepackte oder gehostete Chrome-App migrieren

Festlegung des Vertexzwischenspeichers und Binden der Gruppe aufheben, verloren gegangene Geräte so aussehen lassen, als würden sie funktionieren, und mehr.

Erfahrungen und Ratschläge zur Teilnahme am Google Summer of Code

Anleitung zum Veröffentlichen einer neuen Manifest V3-Erweiterung

Verwenden Sie Snippets, um häufig verwendeten Code auszuführen, und verwenden Sie Live-Ausdrücke, um Werte in Echtzeit zu beobachten.

Betone, wie die Astro-Community View Transitions nutzte, als Chrome die API mitgestaltete, und wie sie in den persistenten Inseln von Astro erstklassigen Support erhalten hat.

Ab Chrome 119 verkürzen wir die Zeitspanne zwischen dem Zweig für eine Release und eine stabile Version.

„scheduler.yield“ ist eine vorgeschlagene neue Ergänzung der Scheduler API, die sich derzeit im Ursprungstest befindet, und ist ein neuer Ansatz zur Aufteilung von Aufgaben für eine reaktionsschnellere Nutzererfahrung. Machen Sie sich mit den Vorteilen dieser vorgeschlagenen Ergänzung der scheduling API vertraut und melden Sie sich für den Ursprungstest an, um Informationen und Feedback zu erhalten.

Um die Eingabe von CDP-Befehlen (Chrome Devtools Protocol) zu vereinfachen, haben wir einen neuen nutzerfreundlichen Editor eingeführt, damit Sie nicht mehr JSON verwenden müssen.

Lighthouse 11 ist da – mit neuen Änderungen an der Barrierefreiheit und Prüfungsupdates

Überschreibe XHR-/Abrufanfragen und blende Erweiterungsanfragen im Steuerfeld „Netzwerk“ aus, prüfe Änderungen der Abrufpriorität im Steuerfeld „Leistung“, profitiere von mehreren Verbesserungen der Benutzeroberfläche, teste neue Farben und experimentelle Funktionen und vieles mehr.

Ab Chrome 117 werden Nutzer von Chrome proaktiv darauf hingewiesen, wenn eine von ihnen installierte Erweiterung nicht mehr im Chrome Web Store verfügbar ist.

Lernen Sie neue Funktionen kennen, die einen reibungslosen Übergang von einzelnen Animationen und zwischen dem obersten Layer ermöglichen.

Unterstützung von CSS-Raster-Subrastern, Eingabe- und Exit-Animationen für CSS, Array-Gruppierungen, Iterationshilfen und mehr.

Einführung von Chrome 116 Verwenden Sie die Dokumentbild-in-Bild-API, um die Produktivität der Nutzer zu steigern. Es ist jetzt einfacher, Fehler in fehlenden Stylesheets in den Entwicklertools zu beheben, und es gibt noch viel mehr.

Referenzdokumentation zur Eigenschaft „content_scripts“ der Datei „manifest.json“

Hol dir ursprungsübergreifende Isolierung und Schutz vor websiteübergreifenden Datenlecks, während du mit Pop-ups interagierst.

WebCodecs-Integration, Verbesserungen der Videowiedergabe und mehr.

"Dieses Mal zulassen" ist eine einmalige Option für Berechtigungserteilungen in Chrome. Diese Funktion wird anfangs nur für die Standortbestimmung, die Kamera und das Mikrofon auf dem Computer verfügbar sein.

Verwenden Sie Haltepunkte und Logpoints, um das Debugging zu vereinfachen.

Ab Chrome 115 können vertrauenswürdige Webaktivitäten (TWA) Nachrichten mit postMessage senden. In diesem Dokument wird beschrieben, wie Sie Ihre App und das Web einrichten.

Eine Zusammenfassung der wichtigsten Änderungen in Chrome 116 für Entwickler von Chrome-Erweiterungen.

CSS-Bewegungspfad, Back-Forward-Cache, NotRestoredReason API, Dokument „Bild im Bild“ und mehr.

Hier erfahren Sie, wie Sie das Safari Web Inspector-Debugging für Chrome unter iOS verwenden.

Hier finden Sie einen Überblick über die Änderungen, die dieses Jahr bei den Chrome-Erweiterungen bisher vorgenommen wurden, sowie auf spannende bevorstehende Erweiterungsfunktionen, auf die sich Entwickler freuen können.

Mit ScrollTimeline und ViewTimeline lassen sich scrollbare Animationen erstellen, die die Nutzerfreundlichkeit verbessern. Fenced Frames funktionieren zusammen mit anderen Privacy Sandbox APIs, um relevante Inhalte einzubetten und gleichzeitig das unnötige Teilen von Kontext zu vermeiden. Mit der Topics API kann der Browser unter Wahrung des Datenschutzes Informationen über die Interessen eines Nutzers mit Dritten teilen.

Hier erfahren Sie, wie Sie mit dem Rekorder-Bereich in den Entwicklertools Nutzerabläufe aufzeichnen, wiedergeben und Fehler beheben.

Die neue API ist wesentlich reibungsloser als die klassische Art der Implementierung scrollbarer Animationen.

Schritt-für-Schritt-Anleitung zum Herstellen einer Verbindung zu einem WebSocket in der Chrome-Erweiterung.

Hier erfahren Sie, wie Sie das Safari Web Inspector-Debugging für Chrome unter iOS verwenden.

Verwenden Sie „Lokaler Speicher“ und „Sitzungsspeicher“ für Anwendungen, um Fehler in Schlüssel/Wert-Paaren zu beheben.

Die DevTools wurden um eine Reihe von Verbesserungen erweitert, mit denen sich Probleme mit fehlenden Stylesheets schneller erkennen und beheben lassen: Im Bereich Netzwerk werden in der Spalte Initiator immer Links zur genauen Zeile angezeigt, die

So verwenden Sie die Standortbestimmung in Workern für Chrome-Erweiterungen, Pop-ups, Seitenleisten oder Content-Skripts.

Unterstützte WGSL-Spracherweiterungen, experimentelle Unterstützung für Direct3D 11 und mehr.

Chrome for Testing ist eine neue Chrome-Variante, die speziell auf das Testen und die Automatisierung von Webanwendungen ausgerichtet ist.

Hier erfährst du, wie du mit den Chrome-Entwicklertools Fehler in C/C++ WebAssembly finden und beheben kannst.

Hier erfahren Sie, wie es Adobe gelungen ist, Nutzern die Bearbeitung selbst der größten Dateien in der Webversion der legendären Photoshop-App zu ermöglichen. (Dieser Artikel ist auch als Video verfügbar.) 2021 hat Adobe gemeinsam mit dem

Die Local Font Access API bietet einen Mechanismus, um auf die lokal installierten Schriftartdaten des Nutzers zuzugreifen, einschließlich Details auf höherer Ebene wie Namen, Stile und Familien sowie die Rohbytes der zugrunde liegenden

Mehrere Keywords für die CSS-Anzeigeeigenschaft, WGSLLanguageFeatures für WebGPU, HTTPS-Upgrades und mehr

JavaScript-Optimierung und mehr.

Wir kündigen die Einstellung und die geplante Entfernung von Mutationsereignissen an und informieren Sie darüber, wie Sie Ihren Code vor der Entfernung im Juli 2024 migrieren können.

Unterstützung für Daten: URLs in SVG-Elementen werden entfernt. Wir empfehlen eine Migration zu Alternativen.

Das neue Side Panel API für Chrome-Erweiterungen

Die File System Access API bietet Lese-, Schreib- und Dateiverwaltungsfunktionen. Hier erfahren Sie, wie diese API in Construct 3 verwendet wird. (Dieser Artikel ist auch als Video verfügbar.) Construct 3 ist ein Game-Editor, der von den Brüdern

Wenn für Ihre Website die Einstellung „document.domain“ erforderlich ist, müssen Sie Maßnahmen ergreifen.

Ein neuer Ursprungstest von Chrome, mit dem Webentwickler die Auslastung von Rechenressourcen überwachen können.

Der Bereich Elemente erhält ein neues subgrid -Symbol für Unterraster. Diese Funktion befindet sich derzeit in der Testphase in Chrome Canary. Wenn Sie ein verschachteltes Raster prüfen und debuggen möchten, das ein untergeordnetes Raster ist und

Einführung von Chrome 114 Einführung von Chrome 114 Mit Text-Wrapping: Ausgewogenheit zur Verbesserung von Textlayouts, Cookies mit unabhängig partitioniertem Status sind da, die neue Popover API macht Popovers einfacher als je zuvor und es gibt noch viel mehr.

Mit Workspace können Sie Änderungen, die Sie in den Entwicklertools vornehmen, in lokalen Quelldateien speichern.

Wir stellen vor: linear(), eine Easing-Funktion in CSS, die linear zwischen ihren Punkten interpoliert. Damit lassen sich Bounce- und Federeffekte nachbilden.

Referenzdokumentation zur Eigenschaft „Hintergrund“ der Datei „manifest.json“

Erfahren Sie, wie Sie mit der neuen Popover-API Kurzinfos, Menüs und mehr erstellen.

LEGO Education nutzt das Internet, um die Verbindung von LEGO-Modellen mit dem Computer so einfach wie möglich zu machen.

Hier erfährst du, was das Chrome Aurora-Team in letzter Zeit so beschäftigt und wie es für 2023 geplant ist.

Die EyeDropper API bietet einen Mechanismus zum Erstellen eines Pipetten-Tools, mit dem Nutzer Farben auf ihrem Bildschirm erfassen können, auch außerhalb des Browserfensters. Hier erfahren Sie, wie der 3D‑Modelleditor Blockbench diese API in seiner

Storage Standard definiert eine API für die Schätzung von nichtflüchtigen Speichern und Kontingenten sowie die Speicherarchitektur der Plattform. Wir testen derzeit mit einer API, mit der eine dauerhafte Speicherbereinigung unter starker Speicherauslastung vorhersehbarer wird. Die Storage Buckets API in einem Ursprungstest testen, der von Chrome 115 bis Chrome 118 ausgeführt wird

Web SQL wurde in Chromium 119 vollständig entfernt.

Mit der File Handling API können Webanwendungen sich als Datei-Handler für Dateiformate registrieren, die die Anwendung unterstützen kann. Hier erfahren Sie, wie die Bildbearbeitungs-App Photopea diese API nutzt. (Dieser Artikel ist auch als Video

Die 20 wichtigsten CSS- und UI-Funktionen, die bei der Google I/O 2023 vorgestellt wurden und die Sie nicht verpassen sollten

Das Chrome-Entwicklertools-Team arbeitet an zusätzlichen neuen Funktionen, um Formularprobleme zu erkennen und Fehler in Autofill zu beheben. Diese Funktionen befinden sich in der Anfangsphase der Entwicklung und Implementierung und wir sind auf Ihre Tests und Ihr Feedback angewiesen.

Einige Formulare enthalten Felder in iFrames, was zu Problemen beim automatischen Ausfüllen des Browsers führt. Mit der Funktion „Shared Autofill“ kann der übergeordnete Frame die Vertrauenswürdigkeit von ursprungsübergreifenden iFrames festlegen, um die Autofill-Funktion für den Nutzer zu verbessern.

Updates für Tools, die das Web für Android ermöglichen Datenschutzverbesserungen und bessere Unterstützung für große Bildschirme in WebView, teilweise benutzerdefinierte Tabs in benutzerdefinierten Tabs, einfachere Installation und integrierte Funktionen für PWA, Play Store-Abrechnungsverwaltung für TWA und mehr.

Hier erfährst du, wie wir es Entwicklern erleichtern, ihren Nutzern durch wichtige Updates und Neueinführungen, die wir auf der Google I/O 2023 vorgestellt haben, eine überzeugende Nutzererfahrung zu bieten.

Hier erfährst du, wie WebGPU die Leistung der GPU für schnelleres maschinelles Lernen und besseres Grafikrendering nutzt.

In diesem Artikel erhalten Sie einen Überblick über die Neuerungen bei WebDriver BiDi im Jahr 2023.

Erstelle deine eigene Agenda zur Vorbereitung auf die Google I/O.

In den Entwicklertools ist standardmäßig Einstellungen &gt; Experimente &gt; WebAssembly-Debugging: DWARF-Unterstützung aktivieren aktiviert. Weitere Informationen finden Sie unter WebAssembly mit modernen Tools debuggen. Mit diesem Test können Sie

Hier erfahren Sie, wie Sie mit Scroll-Zeitachsen und Ansichts-Zeitachsen deklarative Scroll-Animationen erstellen können.

Einführung von Chrome 113 Die WebGPU ist da. Sie ermöglicht Hochleistungs-3D-Grafiken und Daten-Parallelberechnung im Web, Entwicklertools können jetzt Netzwerkantwort-Header und First-Party-Sets überschreiben, die Teil der Privacy Sandbox sind, mit der Organisationen verwandte Websites deklarieren können, die gerade mit der Einführung beginnen, und es gibt noch viel mehr.

Extension Service Worker sind der zentrale Event-Handler einer Erweiterung. Das unterscheidet sie von Webdienst-Workern.

CSS-Headline-Balancing, CHIPS, scrollbares Ereignis und Popover.

Extension Service Worker werden anders installiert und aktualisiert als Web Service Worker.

Service Worker von Erweiterungen reagieren sowohl auf Standard-Service-Worker-Ereignisse als auch auf viele Ereignisse in den Erweiterungs-APIs.

Chrome 113 enthält Verbesserungen am AV1-Software-Encoder vom Chrome Open Media-Team.

Service Worker von Erweiterungen reagieren sowohl auf Standard-Service-Worker-Ereignisse als auch auf Ereignisse in Erweiterungs-Namespaces. Sie werden zusammen angezeigt, da bei der Verwendung einer Erweiterung häufig ein Typ einem anderen folgt.

Ein neuer Ursprungstest von Chrome, mit dem Webentwickler das Weichzeichnen des Kamerahintergrunds steuern können.

Mit Quellzuordnungen in den Entwicklertools können Sie Fehler im ursprünglichen Code beheben, anstatt ihn bereitzustellen.

Überprüfen Sie im Bereich „Developer Resources“ (Entwicklerressourcen), ob Quellzuordnungen erfolgreich geladen wurden, und laden Sie sie manuell.

WebGPU wird in Chrome mit WebCodecs-Integration im Ursprungstest ausgeliefert.

Passe deine Benutzeroberfläche an die Aktualisierungsrate des Bildschirms an.

Nutzerinteraktionen auf benutzerdefinierten Tabs messen

Benutzerdefinierte Aktionen zu benutzerdefinierten Tabs hinzufügen

Hier erfahren Sie, wie Sie die Vorteile des Dienstes für benutzerdefinierte Tabs nutzen können.

Hier erfahren Sie, wie Sie einen benutzerdefinierten Tab so gestalten, dass er zum Erscheinungsbild Ihrer App passt.

Benutzerdefinierten Tab über eine Android-App öffnen

Hier erfährst du, wie du benutzerdefinierte Tabs verwendest, damit Nutzer mit deiner App interagieren können, während sie Webinhalte ansehen.

Mobilgeräte und App-Shops haben die Art und Weise verändert, wie Nutzer Software entdecken, bewerten und installieren. Web-Apps bieten Entwicklern jetzt eine Oberfläche, auf der sie ihre Apps bei der Installation hervorheben können.

Eine Reise zur Entwicklung der Testautomatisierung im Web

So nehmen Sie Audio oder Video von einem Tab, Fenster oder Bildschirm auf.

Die Verwendung von ebenenbasierten Animationen in Views kann die Leistung verbessern und sind eher schwierig einzurichten. Die AnimationBuilder Klassen können die Komplexität erheblich reduzieren und die Lesbarkeit von Layern verbessern. Animationen.

Ihr Feedback ist gefragt zu einer vorgeschlagenen Lösung für das Problem der Layoutmethoden, bei denen Elemente in einer Reihenfolge angeordnet werden, die nicht mit der Quelle des Dokuments verbunden ist.

Um häufige Aktionen wie das Löschen oder Deaktivieren von Haltepunkten zu vereinfachen, haben wir die Seitenleiste mit den Haltepunkten so umgestaltet, dass Sie diese mit einem einzigen Klick ausführen können.

Sie können Antwortheader jetzt im Bereich Netzwerk überschreiben. Bisher benötigte man Zugriff auf den Webserver, um mit HTTP-Antwortheadern zu experimentieren. Mit Antwortheader-Überschreibungen können Sie lokal Prototypen für Fehlerkorrekturen für

Das Chrome-Team liefert die WebGPU, die leistungsstarke 3D-Grafiken und datenparallele Berechnungen im Web ermöglicht.

Neue CSS-Medienfunktionen, Easing-Funktion linear() und WebGPU

Ab Chrome 114 ist die Zeit zwischen dem Zweig für eine Veröffentlichung und der Veröffentlichung zur stabilen Version kürzer.

Einführung von Chrome 112 CSS unterstützt jetzt Verschachtelungsregeln. Der Algorithmus zum Festlegen des anfänglichen Fokus auf Dialogelemente wurde aktualisiert, No-Op-Abruf-Handler für Service Worker werden von jetzt an übersprungen, um die Navigation zu beschleunigen, und es gibt noch viel mehr.

Informationen zum Erstellen und Entwickeln von Erweiterungs-Dienstworkern

Hier erfahren Sie, wie Sie mit Source Maps Fehler im ursprünglichen Code beheben können, anstatt ihn bereitzustellen.

Mit der Source Map-Erweiterung „ignoreList“ lässt sich die Fehlerbehebung in den Chrome-Entwicklertools verbessern.

Mit SQLite Wasm, das vom ursprünglichen privaten Dateisystem unterstützt wird, gibt es einen vielseitigen Ersatz für die eingestellte Web SQL-Datenbanktechnologie. In diesem Artikel erfahren Sie, wie Sie Ihre Daten von Web SQL zu SQLite Wasm

Wir verbessern die Datenschutzmaßnahmen von Chrome durch eine Partnerschaft mit Fastly, um den k-Anonymitätsserver für FLEDGE zu implementieren. Wenn Daten in dieser Implementierung über ein OHTTP-Relay weitergeleitet werden, erhalten die Google-Server keine IP-Adressen von Endnutzern. Der Server für die k-Anonymität ist ein inkrementeller Schritt hin zur vollständigen Implementierung von FLEDGE.

Wir möchten die Privatsphäre unserer Nutzer schützen, indem wir einschränken, wann der Header „X-Requested-With“ gesendet wird.

CSS-Verschachtelung, „animation-composition“ und einen „Submitter“-Parameter für den FormData-Konstruktor.

Die Datei „manifest.json“ benötigt für Manifest V3 ein etwas anderes Format als für Manifest V2.

Der Rekorder unterstützt jetzt benutzerdefinierte Wiedergabeoptionen, die Sie mit einer Erweiterung in die Entwicklertools einbetten können. Beispielerweiterung ausprobieren Wähle die neue Option für die benutzerdefinierte Wiedergabe aus, um die

Ein Service Worker sorgt dafür, dass Erweiterungen nur bei Bedarf ausgeführt werden und so Ressourcen gespart werden.

Die View Transition API ermöglicht Seitenübergänge innerhalb von einseitigen Apps und wird später auch mehrseitige Apps umfassen.

Eine Kurzanleitung zum Upgrade Ihrer Erweiterungen von Manifest V2 auf Manifest V3.

Der zweite von drei Abschnitten, in denen Änderungen beschrieben werden, die für Code erforderlich sind, der nicht Teil des Extension Service Workers ist.

Der erste von drei Abschnitten, in denen Änderungen beschrieben werden, die für Code erforderlich sind, der nicht Teil des Extension Service Workers ist.

Eine unserer beliebtesten CSS-Präprozessorfunktionen ist jetzt in die Sprache integriert: das Verschachteln von Stilregeln.

Der letzte der drei Abschnitte beschreibt Änderungen, die für Code erforderlich sind, der nicht Teil des Extension Service Workers ist.

Einführung von Chrome 111 Erstellen Sie mit der View Transitions API ausgefeilte Übergänge in Ihrer Single-Page-App und bringen Sie Farben mit der Unterstützung von CSS-Farbebene 4 auf die nächste Ebene. Entdecken Sie neue Tools im Stilbereich, mit denen Sie die neuen Farbfunktionen optimal nutzen können, und es gibt noch viel mehr.

Der Project Fugu API Showcase ist eine Sammlung von Apps, die APIs verwenden, die Teil von Project Fugu sind. Das unternehmensübergreifende Capabilities Project (Codename Project Fugu ) von Google soll es Web-Apps ermöglichen, alles zu tun, was auch

Mithilfe der Anstupser-Theorie haben wir die Nutzer dazu gebracht, sich bei Videokonferenzen nicht selbst ins Bein zu schießen.

Auf der Webplattform wird eine neue API eingeführt, mit der Sie Elemente ganz einfach und ohne Tricks anpassen können.

Untersuchung zweier Herausforderungen, mit denen das Chrome-Team bei der Implementierung von CHIPS konfrontiert war, und die Frage, inwiefern das Feedback der Community eine wichtige Rolle bei der Entwicklung des Angebotsdesigns spielte.

Tauschen Sie Nachrichten mit nativen Anwendungen über Ihre Chrome-Erweiterung aus.

Hier erfahren Sie, wie Sie mit Next.js, Nuxt.js und anderen Bibliotheken CSS-Code für Fallback-Schriftarten ohne CLS generieren.

Wie das Chrome-Team professionellere, respektvollere und inklusivere Diskussionen fördern möchte

Mit Stilabfragen können Entwickler die Stilwerte eines übergeordneten Elements mithilfe der @container-Regel abfragen. In Chrome 111 sind Stilabfragen für benutzerdefinierte CSS-Eigenschaften stabil. Hier finden Sie Informationen zum Einstieg.

In den Bereichen „Styles“ und „Computed“ können Sie CSS-Probleme mit den Entwicklertools ermitteln.

Hier erhalten Sie Hilfe zu Fragen, die nicht in der Dokumentation behandelt werden.

Fehlersuche bei HD-Farben, verbesserte Haltepunkt-UX und mehr.

Referenz zum Tab „Geräte“

Referenz zum Tab „Standorte“

Referenz zum Tab „Tests“

Referenz zum Tab „Arbeitsbereich“.

Referenz zum Tab „Verknüpfungen“

Einstellungen.

Mit den neuen Überschreibungen der Messwerte „Größenanpassung“ und „Schriftart“ können Entwickler Schriftart-Fallbacks erstellen, die Webschriftarten weitgehend entsprechen. Dadurch werden Layoutverschiebungen reduziert.

Neue CSS-Farbtypen und -Farbräume, trigonometrische CSS-Funktionen und die View Transitions API

Lighthouse 10 ist da – mit neuen Bewertungen und Audits.

Der geflashte Stadia-Controller funktioniert wie ein Standard-Gamepad. Das bedeutet, dass nicht alle Schaltflächen über die Gamepad API zugänglich sind. Mit WebHID können Sie jetzt auf die fehlenden Schaltflächen zugreifen. Seit der Einstellung von

Aktivieren Sie zusätzliche Debugging-Tools oder probieren Sie neue oder experimentelle Funktionen in Chrome aus.

Hier erfahren Sie mehr über die CrUX History API und darüber, wie Sie damit Trends in der Nutzererfahrung verfolgen können.

Einführung von Chrome 110 Mit der neuen Pseudoklasse „Bild im Bild“ kannst du deinen Bild-im-Bild-Elementen einen benutzerdefinierten Stil verleihen, das Startverhalten deiner Web-App mit „launch_handler“ festlegen, das Attribut „credentialless“ in iFrames verwenden, um Inhalte von Drittanbietern einzubetten, die keine ursprungsübergreifende Einbettungsrichtlinie festlegen.

Das Steuerfeld „Leistung“ beim Aktualisieren wird gelöscht, der Code in der Rekorder App wird angezeigt und hervorgehoben.

Zum besseren Schutz der Privatsphäre und Sicherheit müssen Web Share API-Aufrufe in Drittanbieter-Iframes jetzt ausdrücklich zugelassen werden. In diesem Artikel geht es um eine potenziell funktionsgefährdende Änderung an der Web Share API. Diese

Hier erfährst du, wie Chromium-Entwickler das Risiko einer n-tägigen Ausnutzung reduzieren können.

Mit CSS Color 4 steht dem Web eine Vielzahl von Farbtools und -funktionen zur Verfügung: mehr Farben, Bearbeitungsfunktionen und bessere Farbverläufe.

Chrome stellt im Rahmen der Spezifikation für den Zugriff auf private Netzwerke über nicht sichere öffentliche Websites den Zugriff auf private Netzwerkendpunkte ein. Eine Testversion ist bis Chrome 113 verfügbar.

Leitfaden zum Testen der Service-Worker-Beendigung mit Puppeteer

CSS Color 4 bietet im Web Farbtools und -funktionen für eine breite Palette von Farben.

Neuigkeiten zu einem Ursprungstest von Chrome, der beliebige HTML-Inhalte in einem Always-On-Fenster-Fenster aktiviert.

CSS Color 4 bietet im Web Farbtools und -funktionen für eine breite Palette von Farben.

CSS Color 4 bietet im Web Farbtools und -funktionen für eine breite Palette von Farben.

Mit den Entwicklertools Fehler in progressiven Web-Apps beheben

Sie können Farben direkt aus Ihrem CSS-Code in einem der unterstützten Farbräume mischen.

Mitarbeiter von Erweiterungsdiensten können nun überleben, solange sie Termine erhalten. Dies erhöht die Zuverlässigkeit der Extension Services Worker, birgt jedoch ein Problem, das Sie vermeiden sollten.

Löschen Sie Ihre Timeout-Funktionen und schütteln Sie deren Fehler aus. Hier finden Sie das Ereignis, das Sie wirklich brauchen: scrollend.

Einführung der Offscreen Documents API für die Entwicklung von Chrome-Erweiterungen.

Du solltest dich über die neuesten Änderungen an den Entwicklertools auf dem Laufenden halten.

Ab Chrome 109 generiert der Browser automatisch eine Standardseite, die anzeigt, dass die App derzeit offline ist, wenn eine installierte Web-App unter Android nicht über eine eigene Offline-Funktion verfügt.

Verabschieden Sie sich von interessanten Problemumgehungen zur Gestaltung Ihrer Drop-Caps!