So verbesserte eBay die Anmelderaten um 10% durch die nahtlose Weitergabe von Anmeldedaten

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.

• Chrome

Chrome for Developers

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

• Chrome

Chrome 135 Beta

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

• Chrome

Chrome Web Store

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

Was ist ChromeDriver?

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

Neu in Chrome 134

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

• Chrome

Mit der Document Picture-in-Picture API spannende Anwendungsfälle ermöglichen

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

• Chrome

Chrome 134

Benutzerdefinierte Auswahl, Dialogfeld-Licht ausschalten und mehr

• Chrome

Chrome Extensions

Hier erfahren Sie, wie Sie Chrome-Erweiterungen entwickeln.

• Chrome-Erweiterungen

Überprüfung im Chrome Web Store-Entwickler-Dashboard abbrechen

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

• Chrome-Erweiterungen
• Chrome

chrome.bookmarks

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

• Chrome-Erweiterungen

chrome.contentSettings

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

• Chrome-Erweiterungen

chrome.contentSettings

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

• Chrome-Erweiterungen

chrome.bookmarks

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

• Chrome-Erweiterungen

Künstliche Intelligenz

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,

Leitfaden für die Vollbildmigration in Chrome für Android

Vollständige Webseiten erstellen

Auf die Vollbildanzeige von Chrome auf Android vorbereiten

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

• Chrome

Gemini Nano debuggen

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.

Bereich „Datenschutz und Sicherheit“

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

• Chrome-Entwicklertools

Netzwerkanalyse mit Chrome-Entwicklertools optimieren

Netzwerkanalyse mit den Chrome-Entwicklertools optimieren

• Chrome
• Chrome-Entwicklertools

Neuigkeiten bei WebGPU (Chrome 134)

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.

• Chrome

So erweckt NRK Geschichten mit scrollbasierten Animationen zum Leben

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

• Chrome

Popover = hint

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

• Chrome

chrome.app.runtime

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

chrome.sessions

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-Erweiterungen

chrome.printing

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

• Chrome-Erweiterungen

chrome.userScripts

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

• Chrome-Erweiterungen

chrome.printing

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

• Chrome-Erweiterungen

chrome.sessions

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-Erweiterungen

Neu in den DevTools, Chrome 134

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

• Chrome
• Chrome-Entwicklertools

chrome.i18n

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

• Chrome-Erweiterungen

Besseres Text-Rendering in Chromium-basierten Browsern unter Windows

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.

• Chrome

chrome.storage

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

• Chrome-Erweiterungen

chrome.storage

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 (

• Chrome-Erweiterungen

Dimensions

Technische Dokumentation zu CrUX-Dimensionen.

• UX-Bericht für Chrome

LCP-Bildunterteile und RTT jetzt in CrUX verfügbar

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.

• Chrome

Docs

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

Erweiterungen / Erste Schritte

Die wichtigsten Informationen zu Chrome-Erweiterungen

• Chrome-Erweiterungen

Bild-im-Bild-Modus bei der Medienwiedergabe automatisch aktivieren

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

• Chrome

Chrome 134 Beta

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

• Chrome

chrome.enterprise.platformKeys

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-Erweiterungen

chrome.enterprise.platformKeys

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-Erweiterungen

Neu in Chrome 133

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

• Chrome

Chrome 133

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

• Chrome

Tab-Anwendungsmodus für PWAs

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

Nutzerinteraktionen mithilfe des appspezifischen Verlaufs in benutzerdefinierten Chrome-Tabs steigern

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

• Chrome

Mit benutzerdefinierten Tabs für Sitzungen den Datenschutz für Nutzer verbessern

Sitzungsspezifische benutzerdefinierte Tabs in Ihrer Android-App verwenden

Authentifizierung mit dem Auth-Tab vereinfachen

Tab „Spezielle Authentifizierung“ in Ihrer Android-App verwenden

App-spezifischen Verlauf nutzen, um die Nutzerfreundlichkeit zu verbessern

App-spezifischen Verlauf in Ihrer Android-App verwenden

Auth-Tab für Android: Webbasierte Anmeldung verbessern

Webbasierte Authentifizierung mit Auth Tab für Android verbessern

• Chrome

chrome.runtime

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

• Chrome-Erweiterungen

chrome.permissions

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

• Chrome-Erweiterungen

chrome.permissions

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

• Chrome-Erweiterungen

Neu in den DevTools, Chrome 133

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.

• Chrome-Entwicklertools
• Chrome

Neuigkeiten zu Chrome-Erweiterungen im Januar 2025

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

• Chrome-Erweiterungen
• Chrome

Das ist neu bei WebGPU (Chrome 133)

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.

• Chrome
• WebGpu

Best Practices für die Sitzungsverwaltung mit der Prompt API

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

Versionshinweise

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

• Chrome

Neu in Chrome

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

Aktualisierte Chrome Web Store-Richtlinien: Klarheit und Einheitlichkeit für Entwickler

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

• Chrome
• Chrome-Erweiterungen

So streamen LLMs Antworten

Informationen zum Streaming und zur Funktionsweise mit KI und LLMs

Best Practices für das Rendern gestreamter LLM-Antworten

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.

Übersetzung mit integrierter KI

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.

Vereinfachte Erkennung von WebAuthn-Funktionen für Passkeys

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

• Chrome
• Passkeys

Einfrieren im Energiesparmodus

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

• Chrome

Tipps zu Entwicklertools

Tipps zu Entwicklertools

• Chrome-Entwicklertools

Medien

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

Passkeys im Google Passwortmanager sind jetzt auf iOS-Geräten verfügbar

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.

• Passkeys
• Chrome

CSS-Attribut „attr()“ wird verbessert

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.

• Chrome

CSS scroll-state()

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

• Chrome

Chrome 133 Beta

Hier finden Sie Informationen zu den neuesten Funktionen in Chrome.

• Chrome

Chrome 132

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

• Chrome

Neu in Chrome 132

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.

• Chrome

So haben wir Gemini in den Chrome-Entwicklertools eingeführt

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

• Chrome-Entwicklertools
• Chrome

CSS-Eigenschaft „text-box-trim“

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

• Chrome

chrome.sockets.udp

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

chrome.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,

• Chrome-Erweiterungen

chrome.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,

• Chrome-Erweiterungen

Unterstützung für die Web Vitals-Erweiterung eingestellt

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

• Chrome
• Chrome-Entwicklertools

Gewinner der Built-in AI Challenge

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.

• Chrome

Videostream von einem beliebigen Element erfassen

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

chrome.ttsEngine

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

• Chrome-Erweiterungen

chrome.cookies

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

• Chrome-Erweiterungen

chrome.ttsEngine

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

• Chrome-Erweiterungen

chrome.cookies

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

• Chrome-Erweiterungen

chrome.appviewTag

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,

Clickjacking mit XFO oder CSP minimieren

Weitere Informationen zum Schutz vor Clickjacking-Angriffen

Das ist neu bei WebGPU (Chrome 132)

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.

• Chrome
• WebGpu

Neu in Chrome-Erweiterungen

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

• Chrome-Erweiterungen

Web-GPU

Lerne WebGPU mit Anleitungen, Demos und Neuigkeiten

Mit Chrome entwickeln

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

Zahlungen

Informationen zur Verwendung der neuesten Payment APIs in Chrome

Datenschutz und Sicherheit

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

Apps

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

Puppenspiel

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

Web auf Android-Geräten

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

chrome.certificateProvider

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

• Chrome-Erweiterungen

chrome.extension

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

• Chrome-Erweiterungen

chrome.certificateProvider

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

• Chrome-Erweiterungen

Lighthouse

Webleistungsprüfungen mit Lighthouse automatisieren

Leistung

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

chrome.system.display

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

• Chrome-Erweiterungen

chrome.system.display

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

• Chrome-Erweiterungen

chrome.action

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

• Chrome-Erweiterungen

Unterstützte Browser

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

Identität

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

chrome.commands

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

• Chrome-Erweiterungen

Vorgang wird bei Remote-Debugging nicht unterstützt

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

ChromeOS

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

WebView – Übersicht

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

chrome.extension

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

• Chrome-Erweiterungen

Leistungsprotokoll

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

Chrome startet nicht oder stürzt sofort ab

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,

Downloads

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

ChromeDriver stürzt ab

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:

Mobilgeräte-Emulation

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

Android

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

Tastaturunterstützung

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

Sicherheitsaspekte

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

Canary

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.

Autofill in der Praxis: Reale Einblicke

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

• Chrome

Ergebnisse aus dem benutzerdefinierten Formular für die Auswahl von Entwicklerfeedback

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.

• Chrome

Erste Schritte mit integrierter KI

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

Spracherkennung mit integrierter KI

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

Zeitachse für die Zuweisung verwenden

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

• Chrome-Entwicklertools

Vermeiden Sie nicht zusammengesetzte Animationen

Lighthouse-Audit bestehen: „Nicht zusammengesetzte Animationen vermeiden“

Leistungs-Trace mit DevTools aufzeichnen und analysieren

Leistungs-Trace mit DevTools aufzeichnen und analysieren

• Chrome
• Chrome-Entwicklertools

CSS Wrapped 2024

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.

Neu in den DevTools, Chrome 132

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

• Chrome
• Chrome-Entwicklertools

Speicherterminologie

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.

• Chrome-Entwicklertools

Speicherplatz für Erweiterungen ansehen und bearbeiten

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

• Chrome-Entwicklertools

chrome.syncFileSystem

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

chrome.bluetoothLowEnergy

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

chrome.bluetoothSocket

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.

chrome.browser

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

chrome.socket

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

chrome.usb

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

chrome.bluetooth

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

chrome.mdns

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

chrome.webviewTag

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

chrome.fontSettings

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

• Chrome-Erweiterungen

chrome.serial

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

Prompt API

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

Erweiterungen und KI

Informationen zum Entwickeln von Erweiterungen mit KI

• Chrome-Erweiterungen

Einstellung des Bereichs „Leistungsstatistiken“

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

• Chrome
• Chrome-Entwicklertools

Eine strenge HSTS-Richtlinie verwenden

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

Chrome DevTools

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

• Chrome-Entwicklertools

chrome.dns

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.

• Chrome-Erweiterungen

chrome.declarativeContent

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

• Chrome-Erweiterungen

chrome.desktopCapture

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“

• Chrome-Erweiterungen

chrome.documentScan

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

• Chrome-Erweiterungen

chrome.system.storage

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

• Chrome-Erweiterungen

chrome.contextMenus

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.

• Chrome-Erweiterungen

chrome.alarms

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

• Chrome-Erweiterungen

chrome.audio

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.

• Chrome-Erweiterungen

Autofill

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

CrUX-Tools

Technische Dokumentation zu CrUX-Tools.

• UX-Bericht für Chrome

chrome.declarativeNetRequest

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

• Chrome-Erweiterungen

chrome.devtools.panels

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

• Chrome-Erweiterungen

chrome.fileBrowserHandler

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

• Chrome-Erweiterungen

chrome.readingList

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

• Chrome-Erweiterungen

Die Zukunft von WebGPU

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

• Chrome
• WebGpu

Video-Barrierefreiheit gewinnt den Web-Award des Gemini API Developer Competition

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.

• Chrome

Wir testen ein neues Menü für Erweiterungen. Bereiten Sie Ihre Erweiterung vor.

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

• Chrome
• Chrome-Erweiterungen

Passkeys

Ein einfacherer und sichererer Austausch von Passwörtern.

chrome.networking.onc

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äß

Clientseitige Übersetzung mit KI

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

KI-Unterstützung für das Netzwerk

Netzwerkverkehr Ihrer Website mithilfe von KI analysieren

• Chrome-Entwicklertools

Traces direkt im Bereich „Leistung“ annotieren

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

• Chrome

KI-gestützte Leistungsoptimierung

Leistungsprofile mithilfe von KI analysieren

• Chrome-Entwicklertools

KI-Unterstützung für Quellen

Websiteressourcen mithilfe von KI analysieren

• Chrome-Entwicklertools

Chrome 132 Beta

Hier finden Sie Informationen zu den neuesten Funktionen in Chrome.

• Chrome

Am Ursprungstest der Translation API teilnehmen

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

• Chrome

Integrierte KI

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

Bereich „KI-Unterstützung“

Funktionsweise einer Website mithilfe von KI analysieren

• Chrome-Entwicklertools

Signal API für Passkeys in der Chrome-Desktopversion

Signal API für Passkeys auf der Chrome-Desktopversion

• Passkeys
• Chrome

Am Ursprungstest der Prompt API für Chrome-Erweiterungen teilnehmen

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

• Chrome

Am Ursprungstest der Summarizer API teilnehmen

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

Neu in Chrome 131

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

• Chrome

Passkeys mit den Anmeldedaten auf Ihrem Server mit der Signal API abgleichen

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.

• Chrome
• Passkeys

Chrome 131

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.

• Chrome

Mit integrierter KI Zusammenfassungen erstellen

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

CSS und Benutzeroberfläche

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

Manifest – Sandbox

Warnung:Ab Version 57 erlaubt Chrome keine externen Webinhalte (einschließlich eingebetteter Frames und Scripts) mehr auf Sandbox-Seiten. Verwenden Sie stattdessen eine WebView. Definiert eine Sammlung von App- oder Erweiterungsseiten, die in einem

Manifest für Speicherbereiche

Im Gegensatz zu den Speicherbereichen local und sync muss die Struktur des Speicherbereichs managed als JSON-Schema deklariert werden und wird von Chrome streng validiert. Dieses Schema muss in einer Datei gespeichert werden, die durch das Attribut

Manifest – Anforderungen

Von der App oder Erweiterung erforderliche Technologien Hosting-Websites wie der Chrome Web Store können diese Liste verwenden, um Nutzer davon abzuhalten, Apps oder Erweiterungen zu installieren, die auf ihrem Computer nicht funktionieren. Zu den

Erste Schritte mit Ursprungstests

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.

Weitere Optionen für den Stil <details>

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.

Neuerungen bei der WebGPU (Chrome 131)

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.

• Chrome
• WebGpu

Speicherprobleme beheben

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.

• Chrome-Entwicklertools

Arbeitsspeicherbereich – Übersicht

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

• Chrome-Entwicklertools

Nahtlose Weitergabe von Anmeldedaten für eine reibungslose Anmeldung

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.

• Chrome

Entwicklertools anpassen

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.

• Chrome-Entwicklertools

Abzeichen-Referenz

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

• Chrome-Entwicklertools

Core Web Vitals-Messwerte im Bereich „Leistung“ in Echtzeit beobachten

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

• Chrome
• Chrome-Entwicklertools

Neu in den DevTools, Chrome 131

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.

• Chrome-Entwicklertools
• Chrome

Inhalte in den Rändern von Webseiten beim Drucken mit CSS hinzufügen

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

• Chrome

Handschrifterkennung von Nutzern

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

WebGPU: Tipps und Lösungen zur Fehlerbehebung

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

Entfernen von "--headless=old" aus Chrome

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

• Chrome

Laufzeitleistung analysieren

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

• Chrome-Entwicklertools

Neues Scroll-Symbol in den DevTools: Scrollbare Elemente schneller finden

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

• Chrome

bfcache für Cache-Control aktivieren: no-store

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.

5 coole Dinge, die Sie mit der KI-Unterstützung in den Entwicklertools tun können

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

• Chrome

Monitorloser Modus in Chrome

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.

• Chromium

Integrierte KI-APIs

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

Chrome 131-Beta

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

• Chrome

API-Referenz

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.

• Chrome-Erweiterungen

Neuerungen bei der WebGPU (Chrome 130)

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

• Chrome
• WebGpu

KI-Unterstützung beim Gestalten von Karteninhalten

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

• Chrome-Entwicklertools

Chrome 130

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

Neu in Chrome 130

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.

• Chrome

chrome.clipboard

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

Netzwerkaktivität überprüfen

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

• Chrome-Entwicklertools

KI-Innovationen

Referenz zum Tab „AI Innovations“

• Chrome-Entwicklertools

API für Frames für lange Animationen

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.

Neuigkeiten zu Chrome-Erweiterungen im Oktober 2024

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

• Chrome-Erweiterungen
• Chrome

Native Client

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

Eigenschaft „box-decoration-break“ in Chrome 130

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

• Chrome

Privater Netzwerkzugriff auf Eis gelegt

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

• Chrome

Änderungen bei der Übernahme von Stilen für Preisvergleichsportal-Auswahl

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

• Chrome

Early Access zur Translation API

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

• Chrome

Die CSS-Ankerpositionierungs-API

Positionieren Sie Elemente mithilfe der Anchor Positioning API relativ zueinander.

Vervollständigungen in den Chrome-Entwicklertools: Warum es schwierig ist und wie man es verbessern kann

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

• Chrome

An der Challenge für integrierte KI von Google Chrome teilnehmen

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

• Chrome

WebAuthn: Authenticators emulieren

Authenticators emulieren und WebAuthn debuggen in den Chrome-Entwicklertools.

• Chrome-Entwicklertools

Funktionsreferenz

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

• Chrome-Entwicklertools

Suchen: Text in allen geladenen Ressourcen suchen

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

• Chrome-Entwicklertools

Neu in den DevTools, Chrome 130

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

• Chrome-Entwicklertools
• Chrome

Verbesserungen am Chrome Web Store-Entwickler-Dashboard für Mobilgeräte

Wir freuen uns, Ihnen eine Reihe von Änderungen an der Benutzeroberfläche vorstellen zu können, die das Chrome Web Store-Entwickler-Dashboard responsiver und für Mobilgeräte besser geeignet machen. Wir hoffen, dass Sie die Leistung Ihres

• Chrome-Erweiterungen
• Chrome

Quellenbereich – Übersicht

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

• Chrome-Entwicklertools

Abdeckung: Nicht verwendete JavaScript- und CSS-Elemente finden

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

• Chrome-Entwicklertools

Caching ohne Klarheit: Caches prüfen, löschen und deaktivieren

Cache mit den Entwicklertools prüfen und Fehler beheben.

• Chrome
• Chrome-Entwicklertools

Steuerfeld „Ebenen“: Sehen Sie sich die Ebenen Ihrer Website an.

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

• Chrome-Entwicklertools

Übergänge bei der Ansicht desselben Dokuments für Single-Page-Anwendungen

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 ist jetzt in den Entwicklertools verfügbar

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

• Chrome
• Chrome-Entwicklertools

Console – Übersicht

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

• Chrome-Entwicklertools

Eindeutige Identifikation von PWAs mit der Manifest-ID-Eigenschaft der Web-App

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.

Chrome synchronisiert Passkeys im Google Passwortmanager zwischen Computern und Android-Geräten

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

• Passkeys
• Chrome

Feedback erforderlich: Wie sollten wir ein CSS-Maurerwerk definieren?

Ein Vergleich der beiden vorgeschlagenen Maurerspezifikationen.

• Chrome

Writer- und Rewriter-APIs für Vorabversionen verfügbar

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

• Chrome

Chrome 130 Beta

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

• Chrome

Das ist neu bei WebGPU (Chrome 129)

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

• Chrome
• WebGpu

Animieren zu Höhe: auto; (und andere unveränderliche Keywords zur Größenanpassung) in CSS

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

Core Web Vitals-Leistung für lokale und echte Nutzer in den DevTools im Blick behalten

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

• Chrome
• Chrome-Entwicklertools

Steuerfeld „Leistung“: Leistung der Website analysieren

Last- und Laufzeitleistung Ihrer Website analysieren

• Chrome-Entwicklertools

Neu in Chrome 129

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.

• Chrome

Chrome-Experiment: Prozessfreigabe

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

• Chrome

Bluetooth-RFCOMM-Aktualisierungen in WebSerial

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

• Chrome

Bildschirm einfrieren und verschwindende Elemente prüfen

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

• Chrome-Entwicklertools
• Chrome

Anfrage für Entwicklerfeedback: anpassbare Auswahl

Hier ein erster Blick auf die neue anpassbare Auswahlfunktion.

• Chrome

Die APIs „Keyboard Lock“ und „Pointer Lock“ erfordern eine Berechtigung von Chrome 131

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

• Chrome

Bild im Bild für jedes Element, nicht nur <Video>

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

Versionshinweise

Details zu den letzten Änderungen am CrUX-Dataset.

• UX-Bericht für Chrome

Manifest – Nacl-Module

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

externally_connectable

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

Manifest – Symbole

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

Manifestversion

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.

Memory Inspector: Inspect ArrayBuffer, TypedArray, DataView und Wasm Memory.

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

• Chrome-Entwicklertools

Änderungen: HTML-, CSS- und JavaScript-Änderungen nachverfolgen

Verfolgen Sie Änderungen an HTML, CSS und JavaScript.

• Chrome-Entwicklertools

Befehle im Befehlsmenü ausführen

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

• Chrome-Entwicklertools

Neu: Ursprungstest der Digital Credentials API

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.

• Chrome

nahtlose Freigabe von Anmeldedaten zwischen Websites in Chrome ermöglichen

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.

Syntaxänderungen an der Ankerpositionierung

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

• Chrome

Neues in den Entwicklertools: Chrome 129

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.

• Chrome-Entwicklertools
• Chrome

Webplattform

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

Jetzt neu: Hinweise, Anfragen zu ähnlichen Ursprungsservern und JSON-Serialisierung für WebAuthn in Chrome

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

• Chrome

chrome.devtools.performance

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

• Chrome-Erweiterungen

chrome.types

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

• Chrome-Erweiterungen

chrome.devtools.recorder

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

• Chrome-Erweiterungen

chrome.devtools.network

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

• Chrome-Erweiterungen

chrome.devtools.inspectedWindow

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

• Chrome-Erweiterungen

Funktionen und Chrome-Optionen

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

Language Detection API für Vorabversion verfügbar

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

• Chrome

Lighthouse: Websitegeschwindigkeit optimieren

Mit Chrome Lighthouse werden Ihre Websites schneller geladen.

• Chrome-Entwicklertools

chrome.sidePanel

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"

• Chrome-Erweiterungen

chrome.webRequest

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

• Chrome-Erweiterungen

chrome.pageAction

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

• Chrome-Erweiterungen

chrome.omnibox

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

• Chrome-Erweiterungen

chrome.windows

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

• Chrome-Erweiterungen

chrome.i18n

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

• Chrome-Erweiterungen

chrome.browserAction

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

• Chrome-Erweiterungen

chrome.webRequest

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

• Chrome-Erweiterungen

chrome.fileBrowserHandler

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

• Chrome-Erweiterungen

chrome.devtools.panels

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

• Chrome-Erweiterungen

Format der Manifestdatei

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.system.cpu

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“,

• Chrome-Erweiterungen

chrome.enterprise.networkingAttributes

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

• Chrome-Erweiterungen

chrome.gcm

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

• Chrome-Erweiterungen

chrome.loginState

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.

• Chrome-Erweiterungen

chrome.instanceID

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: &lt;ph type="x-smartling-placeholder"&gt;

• Chrome-Erweiterungen

chrome.fontSettings

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

• Chrome-Erweiterungen

chrome.input.ime

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

• Chrome-Erweiterungen

chrome.platformKeys

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

• Chrome-Erweiterungen

chrome.printingMetrics

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

• Chrome-Erweiterungen

chrome.history

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

• Chrome-Erweiterungen

chrome.devtools.inspectedWindow

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

• Chrome-Erweiterungen

chrome.tts

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

• Chrome-Erweiterungen

chrome.identity

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

• Chrome-Erweiterungen

chrome.processes

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,

• Chrome-Erweiterungen

chrome.enterprise.hardwarePlatform

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

• Chrome-Erweiterungen

chrome.dom

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

• Chrome-Erweiterungen

chrome.devtools.recorder

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

• Chrome-Erweiterungen

chrome.tabCapture

Ü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

• Chrome-Erweiterungen

chrome.management

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:

• Chrome-Erweiterungen

chrome.webNavigation

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

• Chrome-Erweiterungen

chrome.topSites

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“

• Chrome-Erweiterungen

chrome.windows

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

• Chrome-Erweiterungen

chrome.search

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

• Chrome-Erweiterungen

chrome.wallpaper

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

• Chrome-Erweiterungen

chrome.types

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

• Chrome-Erweiterungen

chrome.idle

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"

• Chrome-Erweiterungen

chrome.enterprise.deviceAttributes

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

• Chrome-Erweiterungen

chrome.privacy

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

• Chrome-Erweiterungen

chrome.fileSystemProvider

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.

• Chrome-Erweiterungen

chrome.power

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

• Chrome-Erweiterungen

chrome.pageCapture

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,

• Chrome-Erweiterungen

chrome.systemLog

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: &lt;ph

• Chrome-Erweiterungen

chrome.notifications

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

• Chrome-Erweiterungen

chrome.downloads

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

• Chrome-Erweiterungen

chrome.devtools.network

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

• Chrome-Erweiterungen

chrome.proxy

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

• Chrome-Erweiterungen

chrome.vpnProvider

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

• Chrome-Erweiterungen

chrome.printerProvider

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

• Chrome-Erweiterungen

chrome.events

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

• Chrome-Erweiterungen

chrome.events

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.

• Chrome-Erweiterungen

chrome.idle

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“

• Chrome-Erweiterungen

chrome.offscreen

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

• Chrome-Erweiterungen

chrome.gcm

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

• Chrome-Erweiterungen

chrome.pageCapture

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,

• Chrome-Erweiterungen

chrome.fileSystemProvider

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.

• Chrome-Erweiterungen

chrome.loginState

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.

• Chrome-Erweiterungen

chrome.instanceID

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: &lt;ph type="x-smartling-placeholder"&gt;

• Chrome-Erweiterungen

chrome.debugger

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

• Chrome-Erweiterungen

chrome.omnibox

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

• Chrome-Erweiterungen

chrome.management

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:

• Chrome-Erweiterungen

chrome.downloads

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

• Chrome-Erweiterungen

chrome.platformKeys

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

• Chrome-Erweiterungen

chrome.history

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

• Chrome-Erweiterungen

chrome.notifications

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

• Chrome-Erweiterungen

chrome.identity

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

• Chrome-Erweiterungen

chrome.dom

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

• Chrome-Erweiterungen

chrome.sockets.tcp

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

chrome.hid

Ü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

chrome.sockets.tcpServer

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

chrome.system.network

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

chrome.fileSystem

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

chrome.app.window

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

chrome.virtualKeyboard

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

chrome.mediaGalleries

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

Erste Schritte mit ChromeDriver

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

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

Chrome 129 Beta

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

• Chrome

Passen Sie Ihre Leistungsdaten mit der Extensible API an.

Leistungsdaten mit der Expandable API anpassen

• Chrome-Entwicklertools

chrome.browsingData

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

• Chrome-Erweiterungen

chrome.system.memory

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

• Chrome-Erweiterungen

chrome.desktopCapture

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"

• Chrome-Erweiterungen

chrome.dns

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.

• Chrome-Erweiterungen

chrome.documentScan

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

• Chrome-Erweiterungen

API-Referenz

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.

• Chrome-Erweiterungen

Chrome DevTools

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

• Chrome-Entwicklertools

Anwendung mit WebGPU erstellen

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

Neuerungen bei der WebGPU (Chrome 128)

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
• WebGpu

Chrome 128

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

• Chrome

Medien: Informationen zu Mediaplayern abrufen und Fehler beheben

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

• Chrome-Entwicklertools

Verbesserte Leistung der Bedienungshilfen in Chromium

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

• Chrome

Neu in Chrome 128

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.

• Chrome

Ursprungstest der File System Observer API

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

• Chrome

chrome.commands

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

• Chrome-Erweiterungen

Die File System Access API: vereinfachter Zugriff auf lokale Dateien

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.

Summarization API als Vorabversion verfügbar

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

• Chrome

Scroll-Snap-Ereignisse

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

• Chrome

Experimentieren mit dem Messen der weichen Navigation

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.

4 Möglichkeiten zum Erstellen von Screenshots mit den Entwicklertools

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

• Chrome
• Chrome-Entwicklertools

Produktionsfertiger WebDriver BiDi in Firefox, Chrome und Puppeteer

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.

• Chrome

Neues in den Entwicklertools: Chrome 128

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.

• Chrome-Entwicklertools
• Chrome

Blog

Aktuelle Neuigkeiten vom Chrome Developer Relations-Team

• Chrome

UX-Updates für Passkeys in Chrome unter Android

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

• Chrome

Am Experiment zur integrierten KI in Chrome teilnehmen

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

• Chrome

Vom Autor definierte CSS-Namen und Shadow DOM: In Spezifikation und Praxis

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

Mehr als reguläre Ausdrücke: Optimiertes Parsen von CSS-Werten in den Chrome-Entwicklertools

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

• Chrome

Automatisierung mit WebDriver BiDi jetzt auf BrowserStack verfügbar

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

• Chrome

CrUX API

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

• UX-Bericht für Chrome

Schnelleres Laden von Seiten dank „Early Hints“ durch die Reaktionszeit des Servers

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

CrUX History API

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

• UX-Bericht für Chrome

Zeilenumbruchbar <ruby> und CSS-Eigenschaft ruby-align.

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

• Chrome

Netzwerkbereich: Netzwerklast und Ressourcen analysieren

Netzwerklast und Ressourcen analysieren

• Chrome-Entwicklertools

Beispiele

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

• Chrome-Erweiterungen

App veröffentlichen

Aufgaben

• Chrome-Erweiterungen

Manifest – Version

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.

Manifest – Standardsprache

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

Manifest – Offline aktiviert

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

Manifest – Chrome-Mindestversion

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.

Workbox-Streams

RouteHandlerCallbackOptions StreamSource | Promise&lt; StreamSource &gt; Antwort ReadableStream BodyInit Nimmt mehrere Quell-Promise-Objekte an, von denen jedes in eine Response, einen ReadableStream oder einen BodyInit aufgelöst werden kann. Gibt

Manifest – Beschreibung

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

Manifest – Schlüssel

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

Aktualisierung: Veranstaltungs- und Hintergrundseiten

Manifest – Name und Kurzname

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

Deaktivierte Webfunktionen

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

Chrome 128 Beta

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

• Chrome

Neuerungen bei der WebGPU (Chrome 127)

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

• Chrome
• WebGpu

So hilft Chrome Nutzern bei der Installation von Apps, die ihnen wichtig sind

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

Chrome 127

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

Neu in Chrome 127

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.

• Chrome

Anfrage für Entwickler: Feedback zum Lesefluss und zu Elementen mit „display: content“

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

• Chrome

Einstellungen

Referenz zum Tab „Einstellungen“

• Chrome-Entwicklertools

Referenz zu Netzwerkfunktionen

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

• Chrome-Entwicklertools

Rekorder-Bereich: User Flow aufzeichnen und messen

Nutzerflüsse analysieren und aufzeichnen

• Chrome-Entwicklertools

Missverständnisse bezüglich Aufrufübergängen

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

• Chrome

Chrome-Erweiterungen: Wichtige Richtlinienaktualisierungen

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.

• Chrome-Erweiterungen
• Chrome

Was passiert mit Chrome-Erweiterungen?

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

• Chrome
• Chrome-Erweiterungen

Neues in den Entwicklertools: Chrome 127

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.

• Chrome
• Chrome-Entwicklertools

Prüfmodus: Elementeigenschaften schnell analysieren

Elemente in Ihrer Webanwendung prüfen

• Chrome-Entwicklertools

Referenz zu Leistungsfunktionen

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

• Chrome-Entwicklertools

Die Long Animation Frame API wurde

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.

• Chrome

Vertrauenswürdige Typen zu YouTube hinzufügen

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

• Chrome
• Chrome-Erweiterungen

Übermäßige DOM-Größe vermeiden

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.

Für eine sofortige Seitennavigation in Chrome vorab rendern

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

Über den Chrome Web Store: Vertrauen und Sicherheit stellen

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

• Chrome-Erweiterungen
• Chrome

Maximale Leistung von IndexedDB mit Storage-Buckets

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

• Chrome

Neuerungen bei WebGPU (Chrome 126)

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.

• Chrome
• WebGpu

Ursprungstest für ein neues HTML-Element <permission>

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

• Chrome

KI-Modelle im Browser zwischenspeichern

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

Chrome 127 Beta

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

• Chrome

Neu in Chrome 126

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

Chrome 126

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.

• Chrome

Neues zu Preisvergleichsportalen und der Web-UI: Zusammenfassung der I/O 2024

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

• Chrome

Entladen-Ereignis wird verworfen

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.

3 neue Funktionen zum Anpassen deiner Performance-Workflows in den Entwicklertools

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.

• Chrome
• Chrome-Entwicklertools

Chrome UX Report

Technische Dokumentation zu CrUX-Messwerten

• UX-Bericht für Chrome

Protokollmonitor: CDP-Anfragen ansehen und senden

Überwachen Sie CDP-Anfragen und -Antworten.

• Chrome-Entwicklertools

Leistung von CSS-Selektoren während der Funktion „Stil neu berechnen“ analysieren

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

• Chrome-Entwicklertools

Überprüfung für infrage kommende Änderungen an Erweiterungen überspringen

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.

• Chrome

Hat kein Tag mit Breite oder anfänglicher Skalierung

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

Netzwerkbedingungen: User-Agent-String überschreiben

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

• Chrome-Entwicklertools

Neue Funktionen in den Entwicklertools, Chrome 126

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

• Chrome
• Chrome-Entwicklertools

Chrome-Erweiterungen bei der Google I/O 2024

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

• Chrome

JavaScript-Fehler beheben

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

• Chrome-Entwicklertools

Mit den Chrome-Entwicklertools Fehler bei Spekulationsregeln beheben

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.

• Chrome-Entwicklertools

Bereich für Quick Source

Quelldateien ansehen und auf andere Tools zugreifen

• Chrome-Entwicklertools

Mit clientseitiger Web-KI nützliche Produktrezensionen fördern

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

Neuerungen in JavaScript Frameworks (Mai 2024)

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

• Chrome

Chrome 126 Beta

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

• Chrome

WebAssembly- und WebGPU-Verbesserungen für schnellere Web-KI, Teil 1

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

• Chrome

Bereich zur Leistungsüberwachung

Analysieren Sie die Laufzeitleistung Ihrer Website in Echtzeit.

• Chrome-Entwicklertools

Was ist neu bei Ansichtsübergängen? (Update zur Google I/O 2024)

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

• Chrome

Abschluss der I/O 2024 Web AI: Neue Modelle, Tools und APIs für Ihre nächste Web-App

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.

• Chrome
• WebGpu

Rezensionen mit KI auswerten

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.

WebAssembly- und WebGPU-Verbesserungen für schnellere Web AI, Teil 2

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

• Chrome

Jetzt neu: UIA-Unterstützung unter Windows

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

• Chrome

SVG-Unterstützung für die Async Clipboard API

Die Async Clipboard API kann jetzt SVG-Bilder verarbeiten.

• Chrome

Neu in Chrome 125

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.

• Chrome

Wann sollte clientseitige KI verwendet werden?

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.

10 Updates von der Google I/O 2024: Das Potenzial der KI für jeden Webentwickler nutzen

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

• Chrome

Webinhalts- und HTTP-Antwortheader lokal überschreiben

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

• Chrome-Entwicklertools

Chrome 125

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

• Chrome

Tipps zu Entwicklertools: Netzwerkantworten überschreiben und simulieren

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

• Chrome-Entwicklertools
• Chrome

Wie Spotify mit der Picture-in-Picture-API den Spotify-Miniplayer erstellt hat

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.

• Chrome

Fehler und Warnungen mit Konsolenstatistiken besser nachvollziehen

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

• Chrome-Entwicklertools

Einführung in die CSS-Anchor Positioning API

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

• Chrome

Chrome-Tools für reibungslose, automatisierte Tests

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

• Chrome

Tests in Ihrem Unternehmen mit Chrome implementieren

Informationen zum Bewältigen von Herausforderungen durch Tests in Unternehmensumgebungen

• Chrome

Neue Funktionen in den Entwicklertools, Chrome 125

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

• Chrome-Entwicklertools
• Chrome

Fallstudien zu Containerabfragen

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

• Chrome

Fallstudien zu :has()

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

• Chrome

Warum sind CSS- und UI-Funktionen für Ihre E-Commerce-Website wichtig?

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.

• Chrome

Fallstudien zu scrollbaren Animationen

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

• Chrome

Fallstudien zu Umstellungen ansehen

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

• Chrome

Neuerungen bei WebGPU (Chrome 125)

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

• Chrome
• WebGpu

Jetzt neu: „Entfessle die leistungsstarken Funktionen von scrollgesteuerten Animationen“

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

• Chrome

Ein alternativer Vorschlag für preiswertes Mauerwerk

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

• Chrome

WebGPU – Übersicht

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

• WebGpu

Manifest – Chrome-Mindestversion

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

• Chrome-Erweiterungen

Popover-Fallstudien

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

• Chrome

Der Test für den privaten Netzwerkzugriff (PNA) für unsichere Kontexte wird beendet – implementieren Sie die PNA-Berechtigungsaufforderung

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.

• Chrome

Auf einem geteilten Tab scrollen und zoomen

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

Manifest – Testtokens

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

• Chrome-Erweiterungen

WebAudio: WebAudio API-Messwerte ansehen

WebAudio API-Messwerte im WebAudio-Steuerfeld ansehen

• Chrome-Entwicklertools

Chrome 125 Beta

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

• Chrome

Das Manifest der Web-App erfüllt die Anforderungen an die Installierbarkeit nicht

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

Verwendet kein HTTPS

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

Autofill: Gespeicherte Adressen prüfen und Fehler beheben

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

• Chrome-Entwicklertools

Chrome 124

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

• Chrome

„start_url“ reagiert im Offlinemodus nicht mit dem Code 200

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

Was passiert mit Chrome-Erweiterungen?

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

• Chrome-Erweiterungen
• Chrome

Nicht für einen benutzerdefinierten Startbildschirm konfiguriert

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

Jede Seite hat eine URL

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

Aktuelle Seite reagiert im Offlinemodus nicht mit dem HTTP-Statuscode 200

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

Animationen: CSS-Animationseffekte prüfen und ändern

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

• Chrome-Entwicklertools

Stellt keinen Fallback-Content bereit, wenn JavaScript nicht verfügbar ist

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.

Für den Zugriff auf MIDI-Geräte ist jetzt eine Nutzerberechtigung erforderlich

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

• Chrome

Drosselung

Referenz zum Tab „Drosselung“

• Chrome-Entwicklertools

HTTP-Traffic wird nicht an HTTPS weitergeleitet

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

Größe des Inhalts wird nicht korrekt an den Darstellungsbereich angepasst

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

Website funktioniert browserübergreifend

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

Neu in Chrome 124

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.

• Chrome

Seitenaufbau in Mobilfunknetzen ist nicht schnell genug

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

Es wird kein gültiges Apple-Touch-Symbol angezeigt.

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

Es wird keine Designfarbe für die Adressleiste festgelegt.

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

Registriert keinen Service Worker, der die Seite und start_url steuert

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

Manifest hat kein maskierbares Symbol

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

Ursprungstest für faltbare APIs

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

• Chrome

Seitenübergänge haben nicht das Gefühl, dass sie das Netzwerk blockieren.

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

Dokumentübergreifende Ansichtsübergänge für mehrseitige Anwendungen

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

Reibungslose Übergänge mit der View Transition API

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

Unterhaltsam und leistungsstark: Einführung in die Chrome-Entwicklertools

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

• Chrome
• Chrome-Entwicklertools

Neuerungen in WebGPU (Chrome 124)

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

• Chrome
• WebGpu

In CrUX jetzt verfügbare Navigationstypen

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.

• Chrome

CrUX in BigQuery

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

• UX-Bericht für Chrome

Leitfäden zur Nutzererfahrung in Chrome

Einfach verständliche Anleitungen zur Verwendung von CrUX

• UX-Bericht für Chrome

Versions-Rollbacks im Entwickler-Dashboard des Chrome Web Store

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

• Chrome-Erweiterungen
• Chrome

So rufen Sie Daten aus Chrome-UX-Berichten auf PageSpeed Insights auf

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.

• UX-Bericht für Chrome

Achten Sie darauf, dass der Text während des Webfont-Ladevorgangs sichtbar bleibt

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.

Auf Wiedersehen JS Profiler, CPU-Profilerstellung mit dem Steuerfeld „Leistung“

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.

• Chrome

Neu in den Entwicklertools, Chrome 124

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

• Chrome
• Chrome-Entwicklertools

Back-Forward-Cache notRestoredReasons API

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

Erstellen Sie im Bereich „Leistung“ ein Profil zur Node.js-Leistung.

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

• Chrome-Entwicklertools

WebAssembly JavaScript Promise Integration (JSPI) beginnt im Ursprungstest

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.

• Chrome

Ursprungstest der AbrufLater API

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.

• Chrome

Netzwerkanfragen: Testen Sie Ihre Website durch Blockieren von Netzwerkanfragen

Testen Sie, wie Ihre Website mit fehlenden Ressourcen umgeht.

• Chrome-Entwicklertools

Chrome 124 Beta

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

• Chrome

Fokussierbare Scroller mit Tastatur

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

• Chrome

Neu in Chrome 123

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.

• Chrome

Privater Netzwerkzugriff: erweiterter Schutz für Web Worker und Navigationsabrufe

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.

• Chrome

Mit der Service Worker Static Routing API den Service Worker für bestimmte Pfade umgehen

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

• Chrome

Performance-Tools ab 2024

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

• Chrome-Entwicklertools
• Chrome

Erweiterungsanfragen und weitere Verbesserungen im Bereich „Netzwerk“ ausblenden

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

• Chrome-Entwicklertools
• Chrome

Steuerfeld „Elemente“ – Übersicht

Sie können Änderungen am DOM sofort vornehmen.

• Chrome-Entwicklertools

Referenz zu CSS-Funktionen

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

• Chrome-Entwicklertools

Neuerungen bei WebGPU (Chrome 123)

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

• Chrome
• WebGpu

Andere Effekte anwenden: automatisches dunkles Design aktivieren, Fokus emulieren 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.

• Chrome-Entwicklertools

CSS ansehen und ändern

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

• Chrome-Entwicklertools

Code mit Haltepunkten pausieren

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

• Chrome-Entwicklertools

Höhere Komprimierungseffizienz mit gemeinsam genutzten Wörterbüchern

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.

• Chrome

Altes Headless Chrome als „chrome-headless-shell“ herunterladen

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

• Chrome

Anwendungsbereich – Übersicht

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

• Chrome-Entwicklertools

Internationalisierung der Benutzeroberfläche

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

• Chrome-Erweiterungen

Erweiterung barrierefrei machen

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.

• Chrome-Erweiterungen

Neuerungen im Überblick

Entdecke die neuesten Funktionen in den Chrome-Entwicklertools

• Chrome-Entwicklertools

Verbesserungen an der Speculation Rules API

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

• Chrome

Chrome-Erweiterungen: Eyeo’s Journey zum Testen der Service Worker-Sperrung

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.

• Chrome
• Chrome-Erweiterungen

Neue Funktionen in den Entwicklertools (Chrome 123)

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

• Chrome
• Chrome-Entwicklertools

Ein Next.js-Paket zum Verwalten von Bibliotheken von Drittanbietern

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

• Chrome

Unterstützung für das Ausrichten von Inhalten in Block- und Tabellenlayouts

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

• Chrome

Chrome 123 Beta

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

• Chrome

Neu in Chrome 122

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.

• Chrome

Tastenkombinationen

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

• Chrome-Entwicklertools

Mobilgeräte mit dem Gerätemodus simulieren

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

• Chrome-Entwicklertools

Änderungen an der CSS-::backdrop-Übernahme

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

• Chrome

Erweiterungssymbole konfigurieren

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

• Chrome-Erweiterungen

Ein um 400% schnelleres Leistungspanel durch bessere Performance

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.

• Chrome

Chrome Extensions

Noch offen

• Chrome-Erweiterungen

Zu Manifest V3 migrieren

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

• Chrome-Erweiterungen

WebHID verwenden

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

• Chrome-Erweiterungen

WebUSB verwenden

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.

• Chrome-Erweiterungen

Manifest – Content Security Policy

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

• Chrome-Erweiterungen

Neuerungen bei WebGPU (Chrome 122)

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

• Chrome
• WebGpu

CSS-Feldgröße

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

Heap-Snapshots aufzeichnen

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

• Chrome-Entwicklertools

chrome.runtime

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

• Chrome-Erweiterungen

Richtlinien für Berechtigungswarnungen

Funktionsweise von Berechtigungswarnungen in Chrome-Erweiterungen

• Chrome-Erweiterungen

Web Push verwenden

Detaillierte Anleitung zur Verwendung von Web Push mit Chrome-Erweiterungen

• Chrome-Erweiterungen

Erklärung von Berechtigungen

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

• Chrome-Erweiterungen

Mit der EditContext API benutzerdefinierte Bearbeitungsmöglichkeiten für Websites erstellen

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.

• Chrome

Neue Funktionen in den Entwicklertools (Chrome 122)

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

• Chrome-Entwicklertools
• Chrome

Tipps für Entwicklertools: Debugging spekulativer Navigationen für schnelleres Laden von Seiten

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

• Chrome-Entwicklertools
• Chrome

Der Einstellungstest von „SharedArrayBuffer“ in der Desktopversion von Chrome wurde auf Chrome 124 verlängert

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

• Chrome

Auf Befehle reagieren

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

• Chrome-Erweiterungen

Rekorder mit Erweiterungen anpassen

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

• Chrome-Entwicklertools

Chrome 122 Beta

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

Neu in Chrome 121

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.

• Chrome

Was passiert mit Chrome-Erweiterungen?

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

• Chrome-Erweiterungen
• Chrome

Aktionen über die Omnibox auslösen

Aktionen über die Omnibox auslösen.

• Chrome-Erweiterungen

Neu bei WebGPU (Chrome 121)

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.

• Chrome
• WebGpu

Sicherer Zugriff auf DOM mit Angular SSR

Informationen zur sicheren Verwendung des DOMs mit SSR in Angular

• Chrome

Bildlaufleistenstil

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

Web Bluetooth mit Puppeteer testen

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

• Chrome

Firebase Cloud Messaging (FCM) mit chrome.gcm verwenden

Detaillierte Anleitung zur Verwendung von Firebase Messaging mit chrome.gcm

• Chrome-Erweiterungen

Web-KI-Modelltests mit WebGPU, WebGL und Headless Chrome vorantreiben

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

• Chrome
• WebGpu

Web AI-Modelltests in Google Colab

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

• WebGpu

Vertikaler CSS-Schreibmodus für Formularsteuerelemente

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

• Chrome

Aktion implementieren

Sie antworten einem Nutzer, der auf die Symbolleiste klickt.

• Chrome-Erweiterungen

Persistente Berechtigungen für die File System Access API

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.

• Chrome

Mit der Farbauswahl HD- und Nicht-HD-Farben prüfen und debuggen

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

• Chrome-Entwicklertools

Tipps zu Entwicklertools: Farben erstellen

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

• Chrome
• Chrome-Entwicklertools

Entwicklertools-Tipps: Debugging der Abrufpriorität

Weitere Informationen zum Debuggen der Abrufpriorität.

• Chrome-Entwicklertools
• Chrome

CSS-Text-Wrap: balance

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

Erweiterungen für Web-App-Bereiche

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.

Die Möglichkeiten von WebDriver BiDi nutzen: Automatisierung von Chrome und Firefox mit Puppeteer

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.

• Chrome

Kontextmenü erstellen

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

• Chrome-Erweiterungen

Mit Remote-Host-Code Verstöße beheben

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

• Chrome-Erweiterungen

Pop-up hinzufügen

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

• Chrome-Erweiterungen

Wie schneiden moderne Frameworks beim neuen INP-Messwert ab?

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.

Google Chrome für Android

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

Android Intents mit Chrome

Apps direkt von einer Webseite mit einem Android-Intent starten

Exklusives Akkordeon

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

Chrome aktiviert auf Premium-Tablets standardmäßig den Desktopmodus

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

• Chrome

Neu bei WebGPU (Chrome 120)

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

• Chrome
• WebGpu

Neu in den Entwicklertools (Chrome 121)

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

• Chrome-Entwicklertools
• Chrome

Neu bei WebGPU

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

• WebGpu

Verbesserte Tab-Freigabe mit Region Capture

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

CSS-Wrapping: 2023!

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

• Chrome

Ursprungstest für die Aufforderung für den Zugriff auf die Berechtigung für den privaten Netzwerkzugriff: Ein Pfad zur Migration von Websites mit HTTPS

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

• Chrome

Cookies ansehen, hinzufügen, bearbeiten und löschen

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

• Chrome-Entwicklertools

Tipps zu Entwicklertools: Was ist DOM? HTML und DOM

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

• Chrome-Entwicklertools
• Chrome

So schützt die Chrome-Entwicklertools vor Self-XSS-Angriffen

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.

• Chrome-Entwicklertools
• Chrome

Kriterien für die Installierbarkeit von Chrome

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.

• Chrome

Framedetails ansehen

Framedetails ansehen.

• Chrome-Entwicklertools

Neu in Chrome 120

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.

• Chrome

Mit Portweiterleitung auf lokale Server und Chrome-Instanzen zugreifen

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

• Chrome-Entwicklertools

Entwicklertools-Tipps: bfcache debuggen

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

• Chrome
• Chrome-Entwicklertools

Einführung von vier neuen internationalen Funktionen im Preisvergleichsportal

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

• Chrome

Page Lifecycle API

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.

Ignorieren-Liste

Verweis auf den Tab „Liste“ ignorieren.

• Chrome-Entwicklertools

Nicht bereinigter HTML-Code in der Async Clipboard API

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.

Umstellung auf Manifest V3 fortsetzen

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

• Chrome-Erweiterungen
• Chrome

Automatischer Bild-im-Bild-Modus für Webanwendungen für Videokonferenzen

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

• Chrome

Neuerungen bei der Angular NgOptimizedImage-Anweisung

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

• Chrome

Inhaltsfilterung in Manifest V3 verbessern

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

• Chrome
• Chrome-Erweiterungen

Ursprungstest der Service Worker Static Routing API

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).

• Chrome

Einfangen des WebGPU-Ökosystems

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

• Chrome
• WebGpu

CSS-Verschachtelung – Aktualisierung der gelockerten Syntax

Die Lookahead-Verschachtelung ist in Chrome 120 aktiviert.

• Chrome

Neu in den Entwicklertools (Chrome 120)

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.

• Chrome-Entwicklertools
• Chrome

Änderung am Standarddauerhaftigkeitsmodus in IndexedDB

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

• Chrome

Neu in Chrome 120 für Erweiterungen

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

• Chrome-Erweiterungen
• Chrome

Dateiverarbeitung unter Chrome OS

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

• Chrome-Erweiterungen

file_handlers

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

• Chrome-Erweiterungen

Chrome 120 (Beta)

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

• Chrome

WebAssembly Garbage Collection (WasmGC) ist jetzt in Chrome standardmäßig aktiviert

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.

• Chrome

Neu in Chrome 119

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.

• Chrome

CSS bevorzugt-reduziert-transparenz

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

• Chrome

Neu bei WebGPU (Chrome 119)

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

• Chrome
• WebGpu

CSS text-wrap: schöne

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

• Chrome

Element auswählen: jetzt mit horizontalen Regeln

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

• Chrome

Was passiert mit Chrome-Erweiterungen?

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

• Chrome
• Chrome-Erweiterungen

Migration der Chromium-Problemverfolgung

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

• Chrome

Einstellung der Sanitizer API

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

• Chrome

Seriennummer über Bluetooth im Web

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

• Chrome

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

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

• Chrome-Erweiterungen

Einheitentests für Chrome-Erweiterungen

So schreiben Sie Einheitentests für Erweiterungen.

• Chrome-Erweiterungen

Chrome-Erweiterungen mit Puppeteer testen

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

• Chrome-Erweiterungen

CSS-Syntax für relative Farben

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

• Chrome

Fehler finden und ihm folgen

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

• Chrome-Erweiterungen

Fehler in Erweiterung melden

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

• Chrome-Erweiterungen

Neu in Chrome 118

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.

• Chrome

Neuerungen in den Entwicklertools (Chrome 119)

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

• Chrome
• Chrome-Entwicklertools

API-Verbesserungen für die Arbeit mit Dateien im Browser

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

• Chrome

Neuer Ursprungstest für Vollbild-Pop-up-Fenster

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

• Chrome

Chrome 119 (Beta)

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

• Chrome

Begrenzen Sie die Reichweite Ihrer Selectors mit der CSS-„@scope at-rule“

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

Chrome unterstützt jetzt Passkeys im iCloud-Schlüsselbund unter macOS

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.

• Chrome

Neu in WebGPU (Chrome 118)

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

• Chrome
• WebGpu

Entwicklertools-Tipps: Fehlerbehebung bei Chrome-Erweiterungen

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

• Chrome-Erweiterungen
• Chrome
• Chrome-Entwicklertools

Nahtlose Navigation durch Ansichtsübergänge

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

• Chrome

Wir sind Chrome für Entwickler

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

• Chrome

Von WebGL zu WebGPU

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

• Chrome

Neuerungen in den Entwicklertools (Chrome 118)

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

• Chrome-Entwicklertools
• Chrome

Chrome 118 (Beta)

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

• Chrome

Neu in Chrome 117

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.

• Chrome

Umstellung von Chrome-Apps

Gepackte oder gehostete Chrome-App migrieren

Neu in WebGPU (Chrome 117)

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

• Chrome
• WebGpu

Google Summer of Code und Chrome-Erweiterungen

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

• Chrome
• Chrome-Erweiterungen

Erweiterung veröffentlichen

Anleitung zum Veröffentlichen einer neuen Manifest V3-Erweiterung

• Chrome-Erweiterungen

Entwicklertools-Tipps: Snippets und Live-Ausdrücke

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

• Chrome-Entwicklertools
• Chrome

Astro View-Übergänge

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.

• Chrome

Schnellere Chrome-Versionen (ca. zwei!)

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

• Chrome

Jetzt neu: Ursprungstest „scheduler.yield“

„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.

• Chrome

Mit dem neuen Befehlseditor effizient CDP-Befehle (Chrome Devtools Protocol) erstellen

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.

• Chrome

Neu in Lighthouse 11

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

• Chrome

Neuerungen in den Entwicklertools (Chrome 117)

Ü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.

• Chrome-Entwicklertools
• Chrome

Sicherheitscheck auf der Seite „chrome://extensions“

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.

• Chrome
• Chrome-Erweiterungen

Vier neue CSS-Funktionen für flüssige Einstiegs- und Exit-Animationen

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

• Chrome

Chrome 117 Beta

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

• Chrome

Neu in Chrome 116

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.

• Chrome

Manifest – Inhaltsskripte

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

• Chrome-Erweiterungen

Sichere Pop-up-Interaktionen mit Einschränkungseigenschaften

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

• Chrome

Neu in WebGPU (Chrome 116)

WebCodecs-Integration, Verbesserungen der Videowiedergabe und mehr.

• Chrome
• WebGpu

Einmalige Berechtigungen in Chrome

"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.

• Chrome

Tipps zu Entwicklertools: Breakpoints und Logpoints

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

• Chrome-Entwicklertools
• Chrome

PostMessage für TWA

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.

Neu in Chrome 116 für Erweiterungen

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

• Chrome
• Chrome-Erweiterungen

Chrome 116 (Beta)

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

• Chrome

Debugging von Websites in Chrome unter iOS 16.4 und höher

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

• Chrome

Was passiert mit Chrome-Erweiterungen?

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.

• Chrome
• Chrome-Erweiterungen

Neu in Chrome 115

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.

• Chrome

Tipps zu Entwicklertools: Nutzerflüsse mit dem Rekorder aufzeichnen und wiedergeben

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

• Chrome-Entwicklertools
• Chrome

Eine Fallstudie zu scrollbaren Animationen

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

• Chrome

WebSockets in Service Workern verwenden

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

• Chrome-Erweiterungen

WebRTC: Legacy-Migrationsanleitung für getStats()

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

• Chrome

Tipps zu Entwicklertools: Lokaler Speicher und Sitzungsspeicher

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

• Chrome
• Chrome-Entwicklertools

Neu in den Entwicklertools (Chrome 116)

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

• Chrome
• Chrome-Entwicklertools

Standortbestimmung verwenden

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

• Chrome-Erweiterungen

Neu in WebGPU (Chrome 115)

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

• Chrome
• WebGpu

Chrome for Testing: zuverlässige Downloads für die Browserautomatisierung

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

• Chrome
• Chrome for Testing

C/C++ WebAssembly debuggen

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

• Chrome-Entwicklertools

Wie Photoshop die Arbeit mit Dateien gelöst hat, die nicht in den Speicher passen

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

• Chrome

Wie die App zur Bearbeitung von Vektorbildern, Boxy SVG, die Local Font Access API nutzt, damit Nutzer ihre bevorzugten lokalen Schriftarten auswählen können

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

• Chrome

Chrome 115 (Beta)

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

• Chrome

Neu bei WebGPU (Chrome 114)

JavaScript-Optimierung und mehr.

• Chrome
• WebGpu

Mutationsereignisse werden aus Chrome entfernt

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.

• Chrome

Daten-URLs in SVG-Elementen migrieren

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

• Chrome

Überzeugende Nutzererfahrung mit der neuen Side Panel API

Das neue Side Panel API für Chrome-Erweiterungen

• Chrome
• Chrome-Erweiterungen

So nutzt der Spieleeditor Konstrukt 3 die File System Access API, damit Nutzer ihre Spiele speichern können

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

• Chrome

Chrome deaktiviert das Ändern von „document.domain“

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

• Chrome

Ankündigung des zweiten Ursprungstests von Compute Pressure

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

• Chrome

Neuerungen in den Entwicklertools (Chrome 115)

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

• Chrome
• Chrome-Entwicklertools

Neu in Chrome 114

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.

• Chrome

Tipps zu Entwicklertools: Workspace

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

• Chrome-Entwicklertools
• Chrome

Erstellen Sie in CSS mit der Easing-Funktion linear() komplexe Animationskurven.

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

Manifest – Hintergrund

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

• Chrome-Erweiterungen

Einführung der Popover API

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

• Chrome

So nutzt LEGO® Education Web Bluetooth und Web Serial APIs

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

• Chrome

Was gibt es Neues bei Aurora?

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

• Chrome

Wie der 3D-Modelleditor Blockbench mithilfe der EyeDropper-API Farben von überall aus auswählen kann

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

• Chrome

Ursprungstest für Storage-Buckets verfügbar

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

• Chrome

Zeitplan für die Einstellung von Web SQL aktualisiert

Web SQL wurde in Chromium 119 vollständig entfernt.

• Chrome

Wie die Bildbearbeitungs-App Photopea die File Handling API nutzt, damit Nutzer Dateien über ihren Datei-Explorer öffnen können

Mit der File Handling API können sich Webanwendungen als Dateihandler 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

• Chrome

Neu in CSS und der Benutzeroberfläche: I/O 2023 Edition

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

• Chrome

Formularprobleme mit den Chrome-Entwicklertools finden

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.

• Chrome