Chrome entdecken
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
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,
Docs
Codebeispiele, Leitfäden und API-Referenzen, die Sie für Ihre Anwendung benötigen.
Chrome for Developers
Wir helfen Ihnen, das Web zu entwickeln, zu wachsen und Innovationen voranzutreiben.
- Chrome
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
Erweiterungen / Erste Schritte
Die wichtigsten Informationen zu Chrome-Erweiterungen
- 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.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
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
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
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
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
Der Chrome Web Store ist bestrebt, Entwicklern und Nutzern eine hochwertige und vertrauenswürdige Umgebung zu bieten. Um dieses Ziel zu erreichen, aktualisieren wir eine Reihe von Richtlinien, um für mehr Klarheit und Einheitlichkeit auf unserer
- Chrome-Erweiterungen
- Chrome
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.
- Passkeys
- Chrome
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 Extensions
Hier erfahren Sie, wie Sie Chrome-Erweiterungen entwickeln.
- Chrome-Erweiterungen
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
- Chrome-Entwicklertools
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-Entwicklertools
- Chrome
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.app.runtime
Verwende 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. "new_note" Eine App kann für eine bestimmte Aktion
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
Die Prompt API in Chrome-Erweiterungen
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.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.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
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
- Chrome
- Passkeys
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
- Chrome-Entwicklertools
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 131 wird eine Änderung an der Übernahme von CSS-Highlights vorgenommen.
- 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
- Chrome-Erweiterungen
Sicherheit: Sicherheitsprobleme verstehen
Im Bereich „Sicherheit“ können Sie prüfen, ob eine Seite vollständig durch HTTPS geschützt ist.
- Chrome-Entwicklertools
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-Entwicklertools
- Chrome
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-Entwicklertools
- Chrome
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.
- Chrome
- Passkeys
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: <ph type="x-smartling-placeholder">
- 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.sessions
Mit der chrome.sessions API können Sie Tabs und Fenster aus einer Browsersitzung abfragen und wiederherstellen. String Der Name des fremden Geräts. Sitzung [] Eine Liste der Sitzungen in offenen Fenstern für das fremde Gerät, sortiert von der letzten
- 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: <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: <ph type="x-smartling-placeholder">
- 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
- Chrome-Entwicklertools
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< StreamSource > 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
- Chrome-Erweiterungen
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
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-Erweiterungen
- Chrome
Ü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
- Chrome-Erweiterungen
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-Entwicklertools
- Chrome
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
- Chrome-Entwicklertools
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
- Chrome-Erweiterungen
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
- Chrome-Erweiterungen
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
- Chrome-Entwicklertools
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
- Chrome-Entwicklertools
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
- Chrome-Erweiterungen
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
- Chrome-Entwicklertools
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
- Chrome-Entwicklertools
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
- Chrome-Entwicklertools
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
- Chrome-Entwicklertools
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-Entwicklertools
- Chrome
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
- Chrome-Erweiterungen
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-Erweiterungen
- Chrome
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
- Chrome-Erweiterungen
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-Entwicklertools
- Chrome
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
- Chrome-Erweiterungen
- 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-Erweiterungen
- Chrome
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-Erweiterungen
- Chrome
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
- Chrome-Entwicklertools
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-Erweiterungen
- Chrome
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-Entwicklertools
- Chrome
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 for Testing
- Chrome
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
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
Gemeinsame Autofill-Funktion für iFrames: ein erster Vorschlag
Einige Formulare enthalten Felder in iFrames, was zu Problemen beim automatischen Ausfüllen des Browsers führt. Mit der Funktion „Shared Autofill“ kann der übergeordnete Frame die Vertrauenswürdigkeit von ursprungsübergreifenden iFrames festlegen, um die Autofill-Funktion für den Nutzer zu verbessern.
- Chrome
Neues für das Web unter Android 2023
Updates für Tools, die das Web für Android ermöglichen Datenschutzverbesserungen und bessere Unterstützung für große Bildschirme in WebView, teilweise benutzerdefinierte Tabs in benutzerdefinierten Tabs, einfachere Installation und integrierte Funktionen für PWA, Play Store-Abrechnungsverwaltung für TWA und mehr.
- Chrome
10 Updates bei der Google I/O
Hier erfährst du, wie wir es Entwicklern erleichtern, ihren Nutzern durch wichtige Updates und Neueinführungen, die wir auf der Google I/O 2023 vorgestellt haben, eine überzeugende Nutzererfahrung zu bieten.
- Chrome
WebGPU: Moderne GPU-Zugriffe im Browser
Hier erfährst du, wie WebGPU die Leistung der GPU für schnelleres maschinelles Lernen und besseres Grafikrendering nutzt.
- Chrome
WebDriver BiDi: Statusupdate 2023
In diesem Artikel erhalten Sie einen Überblick über die Neuerungen bei WebDriver BiDi im Jahr 2023.
- Chrome
Mach dich bereit für die Google I/O
Erstelle deine eigene Agenda zur Vorbereitung auf die Google I/O.
- Chrome
Neuerungen in den Entwicklertools (Chrome 114)
In den Entwicklertools ist standardmäßig Einstellungen > Experimente > WebAssembly-Debugging: DWARF-Unterstützung aktivieren aktiviert. Weitere Informationen finden Sie unter WebAssembly mit modernen Tools debuggen. Mit diesem Test können Sie
- Chrome
- Chrome-Entwicklertools
Elemente beim Scrollen mit Scroll-Animationen animieren
Hier erfahren Sie, wie Sie mit Scroll-Zeitachsen und Ansichts-Zeitachsen deklarative Scroll-Animationen erstellen können.
Neu in Chrome 113
Einführung von Chrome 113 Die WebGPU ist da. Sie ermöglicht Hochleistungs-3D-Grafiken und Daten-Parallelberechnung im Web, Entwicklertools können jetzt Netzwerkantwort-Header und First-Party-Sets überschreiben, die Teil der Privacy Sandbox sind, mit der Organisationen verwandte Websites deklarieren können, die gerade mit der Einführung beginnen, und es gibt noch viel mehr.
- Chrome
Mitarbeiter von Erweiterungsdiensten
Extension Service Worker sind der zentrale Event-Handler einer Erweiterung. Das unterscheidet sie von Webdienst-Workern.
- Chrome-Erweiterungen
Chrome 114 Beta
CSS-Headline-Balancing, CHIPS, scrollbares Ereignis und Popover.
- Chrome
Extension Service Worker – Grundlagen
Extension Service Worker werden anders installiert und aktualisiert als Web Service Worker.
- Chrome-Erweiterungen
Ereignisse in Service Workern
Service Worker von Erweiterungen reagieren sowohl auf Standard-Service-Worker-Ereignisse als auch auf viele Ereignisse in den Erweiterungs-APIs.
- Chrome-Erweiterungen
Verbesserte Videoanrufe mit schnellerer AV1-Codierung
Chrome 113 enthält Verbesserungen am AV1-Software-Encoder vom Chrome Open Media-Team.
- Chrome
Lebenszyklus des Erweiterungs-Service-Workers
Service Worker von Erweiterungen reagieren sowohl auf Standard-Service-Worker-Ereignisse als auch auf Ereignisse in Erweiterungs-Namespaces. Sie werden zusammen angezeigt, da bei der Verwendung einer Erweiterung häufig ein Typ einem anderen folgt.
- Chrome-Erweiterungen
Kamerahintergrund weichzeichnen
Ein neuer Ursprungstest von Chrome, mit dem Webentwickler das Weichzeichnen des Kamerahintergrunds steuern können.
- Chrome
Entwicklertools-Tipps: Quellzuordnungen in Entwicklertools
Mit Quellzuordnungen in den Entwicklertools können Sie Fehler im ursprünglichen Code beheben, anstatt ihn bereitzustellen.
- Chrome
- Chrome-Entwicklertools
Entwicklerressourcen: Quellzuordnungen ansehen und manuell laden
Überprüfen Sie im Bereich „Developer Resources“ (Entwicklerressourcen), ob Quellzuordnungen erfolgreich geladen wurden, und laden Sie sie manuell.
- Chrome-Entwicklertools
Neu in WebGPU (Chrome 113)
WebGPU wird in Chrome mit WebCodecs-Integration im Ursprungstest ausgeliefert.
- Chrome
- WebGpu
CSS-Update – Medienabfrage
Passe deine Benutzeroberfläche an die Aktualisierungsrate des Bildschirms an.
Nutzerinteraktion messen
Nutzerinteraktionen auf benutzerdefinierten Tabs messen
Benutzerdefinierte Interaktivität hinzufügen
Benutzerdefinierte Aktionen zu benutzerdefinierten Tabs hinzufügen
Warm-up und Prefetch: mit dem Service für benutzerdefinierte Tabs
Hier erfahren Sie, wie Sie die Vorteile des Dienstes für benutzerdefinierte Tabs nutzen können.
Benutzeroberfläche anpassen
Hier erfahren Sie, wie Sie einen benutzerdefinierten Tab so gestalten, dass er zum Erscheinungsbild Ihrer App passt.
Erste Schritte
Benutzerdefinierten Tab über eine Android-App öffnen
Multitasking mit teilweisen benutzerdefinierten Tabs
Hier erfährst du, wie du benutzerdefinierte Tabs verwendest, damit Nutzer mit deiner App interagieren können, während sie Webinhalte ansehen.
Umfangreichere Installation über die Benutzeroberfläche für Computer verfügbar
Mobilgeräte und App-Shops haben die Art und Weise verändert, wie Nutzer Software entdecken, bewerten und installieren. Web-Apps bieten Entwicklern jetzt eine Oberfläche, auf der sie ihre Apps bei der Installation hervorheben können.
- Chrome
Rückblick auf die Entwicklung der Testautomatisierung
Eine Reise zur Entwicklung der Testautomatisierung im Web
- Chrome
Audio- und Bildschirmaufnahme
So nehmen Sie Audio oder Video von einem Tab, Fenster oder Bildschirm auf.
- Chrome-Erweiterungen
Chromium Chronicle Nr. 33: Views AnimationBuilder
Die Verwendung von ebenenbasierten Animationen in Views kann die Leistung verbessern und sind eher schwierig einzurichten. Die AnimationBuilder Klassen können die Komplexität erheblich reduzieren und die Lesbarkeit von Layern verbessern. Animationen.
- Chrome
Aufheben der Verknüpfung des CSS-Layouts und der Quellenreihenfolge
Ihr Feedback ist gefragt zu einer vorgeschlagenen Lösung für das Problem der Layoutmethoden, bei denen Elemente in einer Reihenfolge angeordnet werden, die nicht mit der Quelle des Dokuments verbunden ist.
- Chrome
Schnellere Fehlerbehebung mit der neuen Seitenleiste „Haltepunkte“
Um häufige Aktionen wie das Löschen oder Deaktivieren von Haltepunkten zu vereinfachen, haben wir die Seitenleiste mit den Haltepunkten so umgestaltet, dass Sie diese mit einem einzigen Klick ausführen können.
- Chrome-Entwicklertools
- Chrome
Neu in den Entwicklertools (Chrome 113)
Sie können Antwortheader jetzt im Bereich Netzwerk überschreiben. Bisher benötigte man Zugriff auf den Webserver, um mit HTTP-Antwortheadern zu experimentieren. Mit Antwortheader-Überschreibungen können Sie lokal Prototypen für Fehlerkorrekturen für
- Chrome
- Chrome-Entwicklertools
Chrome wird mit WebGPU geliefert
Das Chrome-Team liefert die WebGPU, die leistungsstarke 3D-Grafiken und datenparallele Berechnungen im Web ermöglicht.
- Chrome
- WebGpu
Chrome 113 (Beta)
Neue CSS-Medienfunktionen, Easing-Funktion linear() und WebGPU
- Chrome
Schnellere Chrome-Versionen
Ab Chrome 114 ist die Zeit zwischen dem Zweig für eine Veröffentlichung und der Veröffentlichung zur stabilen Version kürzer.
- Chrome
Neu in Chrome 112
Einführung von Chrome 112 CSS unterstützt jetzt Verschachtelungsregeln. Der Algorithmus zum Festlegen des anfänglichen Fokus auf Dialogelemente wurde aktualisiert, No-Op-Abruf-Handler für Service Worker werden von jetzt an übersprungen, um die Navigation zu beschleunigen, und es gibt noch viel mehr.
- Chrome
Ereignisse mit Service Workern verarbeiten
Informationen zum Erstellen und Entwickeln von Erweiterungs-Dienstworkern
- Chrome-Erweiterungen
Tipps zu Entwicklertools: Was sind Source Maps?
Hier erfahren Sie, wie Sie mit Source Maps Fehler im ursprünglichen Code beheben können, anstatt ihn bereitzustellen.
- Chrome
- Chrome-Entwicklertools
Quellzuordnungserweiterung „ignoreList“
Mit der Source Map-Erweiterung „ignoreList“ lässt sich die Fehlerbehebung in den Chrome-Entwicklertools verbessern.
- Chrome
Von Web SQL zu SQLite Wasm: Leitfaden zur Datenbankmigration
Mit SQLite Wasm, das vom ursprünglichen privaten Dateisystem unterstützt wird, gibt es einen vielseitigen Ersatz für die eingestellte Web SQL-Datenbanktechnologie. In diesem Artikel erfahren Sie, wie Sie Ihre Daten von Web SQL zu SQLite Wasm
- Chrome
Partnerschaft mit Fastly – Oblivious HTTP-Relay für den k-Anonymitätsserver von FLEDGE
Wir verbessern die Datenschutzmaßnahmen von Chrome durch eine Partnerschaft mit Fastly, um den k-Anonymitätsserver für FLEDGE zu implementieren. Wenn Daten in dieser Implementierung über ein OHTTP-Relay weitergeleitet werden, erhalten die Google-Server keine IP-Adressen von Endnutzern. Der Server für die k-Anonymität ist ein inkrementeller Schritt hin zur vollständigen Implementierung von FLEDGE.
- Chrome
Verbessern des Datenschutzes für Nutzer durch obligatorisches Senden des X-Requested-With-Headers aus WebView
Wir möchten die Privatsphäre unserer Nutzer schützen, indem wir einschränken, wann der Header „X-Requested-With“ gesendet wird.
- Chrome
Chrome 112 Beta
CSS-Verschachtelung, „animation-composition“ und einen „Submitter“-Parameter für den FormData-Konstruktor.
- Chrome
Manifest aktualisieren
Die Datei „manifest.json“ benötigt für Manifest V3 ein etwas anderes Format als für Manifest V2.
- Chrome-Erweiterungen
Neu in den Entwicklertools (Chrome 112)
Der Rekorder unterstützt jetzt benutzerdefinierte Wiedergabeoptionen, die Sie mit einer Erweiterung in die Entwicklertools einbetten können. Beispielerweiterung ausprobieren Wähle die neue Option für die benutzerdefinierte Wiedergabe aus, um die
- Chrome-Entwicklertools
- Chrome
Zu einem Service Worker migrieren
Ein Service Worker sorgt dafür, dass Erweiterungen nur bei Bedarf ausgeführt werden und so Ressourcen gespart werden.
- Chrome-Erweiterungen
SPA-Ansichtsumstellungen jetzt in Chrome 111 verfügbar
Die View Transition API ermöglicht Seitenübergänge innerhalb von einseitigen Apps und wird später auch mehrseitige Apps umfassen.
- Chrome
Listener für blockierende Webanfragen ersetzen
Der zweite von drei Abschnitten, in denen Änderungen beschrieben werden, die für Code erforderlich sind, der nicht Teil des Extension Service Workers ist.
- Chrome-Erweiterungen
Code aktualisieren
Der erste von drei Abschnitten, in denen Änderungen beschrieben werden, die für Code erforderlich sind, der nicht Teil des Extension Service Workers ist.
- Chrome-Erweiterungen
CSS-Verschachtelung
Eine unserer beliebtesten CSS-Präprozessorfunktionen ist jetzt in die Sprache integriert: das Verschachteln von Stilregeln.
Sicherheit von Erweiterungen verbessern
Der letzte der drei Abschnitte beschreibt Änderungen, die für Code erforderlich sind, der nicht Teil des Extension Service Workers ist.
- Chrome-Erweiterungen
Neu in Chrome 111
Einführung von Chrome 111 Erstellen Sie mit der View Transitions API ausgefeilte Übergänge in Ihrer Single-Page-App und bringen Sie Farben mit der Unterstützung von CSS-Farbebene 4 auf die nächste Ebene. Entdecken Sie neue Tools im Stilbereich, mit denen Sie die neuen Farbfunktionen optimal nutzen können, und es gibt noch viel mehr.
- Chrome
Ein neues Zuhause für das Project Fugu API Showcase
Der Project Fugu API Showcase ist eine Sammlung von Apps, die APIs verwenden, die Teil von Project Fugu sind. Das unternehmensübergreifende Capabilities Project (Codename Project Fugu ) von Google soll es Web-Apps ermöglichen, alles zu tun, was auch
- Chrome
Sieg beim Datenschutz! Nutzer können ihren Bildschirm jetzt intelligenter teilen
Mithilfe der Anstupser-Theorie haben wir die Nutzer dazu gebracht, sich bei Videokonferenzen nicht selbst ins Bein zu schießen.
- Chrome
Elemente mit CSS-Ankern aneinander binden
Auf der Webplattform wird eine neue API eingeführt, mit der Sie Elemente ganz einfach und ohne Tricks anpassen können.
- Chrome
Zusammenarbeit mit der Branche bei der Weiterentwicklung von CHIPS
Untersuchung zweier Herausforderungen, mit denen das Chrome-Team bei der Implementierung von CHIPS konfrontiert war, und die Frage, inwiefern das Feedback der Community eine wichtige Rolle bei der Entwicklung des Angebotsdesigns spielte.
- Chrome
Natives Messaging
Tauschen Sie Nachrichten mit nativen Anwendungen über Ihre Chrome-Erweiterung aus.
- Chrome-Erweiterungen
Framework-Tools für Schriftarten-Fallbacks
Hier erfahren Sie, wie Sie mit Next.js, Nuxt.js und anderen Bibliotheken CSS-Code für Fallback-Schriftarten ohne CLS generieren.
- Chrome
Verbesserung der Verhaltensstandards in Normendiskussionen
Wie das Chrome-Team professionellere, respektvollere und inklusivere Diskussionen fördern möchte
- Chrome
Erste Schritte mit Stilabfragen
Mit Stilabfragen können Entwickler die Stilwerte eines übergeordneten Elements mithilfe der @container-Regel abfragen. In Chrome 111 sind Stilabfragen für benutzerdefinierte CSS-Eigenschaften stabil. Hier finden Sie Informationen zum Einstieg.
Tipps zu Entwicklertools: CSS-Probleme erkennen
In den Bereichen „Styles“ und „Computed“ können Sie CSS-Probleme mit den Entwicklertools ermitteln.
- Chrome-Entwicklertools
- Chrome
Hilfe zu Chrome-Erweiterungen
Hier erhalten Sie Hilfe zu Fragen, die nicht in der Dokumentation behandelt werden.
- Chrome-Erweiterungen
Neuerungen in den Entwicklertools (Chrome 111)
Fehlersuche bei HD-Farben, verbesserte Haltepunkt-UX und mehr.
- Chrome-Entwicklertools
- Chrome
Geräte
Referenz zum Tab „Geräte“
- Chrome-Entwicklertools
Standorte
Referenz zum Tab „Standorte“
- Chrome-Entwicklertools
Tests
Referenz zum Tab „Tests“
- Chrome-Entwicklertools
Arbeitsbereich
Referenz zum Tab „Arbeitsbereich“.
- Chrome-Entwicklertools
Verknüpfungen
Referenz zum Tab „Verknüpfungen“
- Chrome-Entwicklertools
Einstellungen
Einstellungen.
- Chrome-Entwicklertools
Verbesserte Schriftarten-Fallbacks
Mit den neuen Überschreibungen der Messwerte „Größenanpassung“ und „Schriftart“ können Entwickler Schriftart-Fallbacks erstellen, die Webschriftarten weitgehend entsprechen. Dadurch werden Layoutverschiebungen reduziert.
- Chrome
Chrome 111 Beta
Neue CSS-Farbtypen und -Farbräume, trigonometrische CSS-Funktionen und die View Transitions API
- Chrome
Neu in Lighthouse 10
Lighthouse 10 ist da – mit neuen Bewertungen und Audits.
- Chrome
Über WebHID mit dem Stadia-Controller kommunizieren
Der geflashte Stadia-Controller funktioniert wie ein Standard-Gamepad. Das bedeutet, dass nicht alle Schaltflächen über die Gamepad API zugänglich sind. Mit WebHID können Sie jetzt auf die fehlenden Schaltflächen zugreifen. Seit der Einstellung von
- Chrome
Was sind Chrome-Flags?
Aktivieren Sie zusätzliche Debugging-Tools oder probieren Sie neue oder experimentelle Funktionen in Chrome aus.
CrUX History API verwenden
Hier erfahren Sie mehr über die CrUX History API und darüber, wie Sie damit Trends in der Nutzererfahrung verfolgen können.
- UX-Bericht für Chrome
Neu in Chrome 110
Einführung von Chrome 110 Mit der neuen Pseudoklasse „Bild im Bild“ kannst du deinen Bild-im-Bild-Elementen einen benutzerdefinierten Stil verleihen, das Startverhalten deiner Web-App mit „launch_handler“ festlegen, das Attribut „credentialless“ in iFrames verwenden, um Inhalte von Drittanbietern einzubetten, die keine ursprungsübergreifende Einbettungsrichtlinie festlegen.
- Chrome
Neuerungen in den Entwicklertools (Chrome 110)
Das Steuerfeld „Leistung“ beim Aktualisieren wird gelöscht, der Code in der Rekorder App wird angezeigt und hervorgehoben.
- Chrome
- Chrome-Entwicklertools
Neue Anforderungen für die Web Share API in Drittanbieter-iFrames
Zum besseren Schutz der Privatsphäre und Sicherheit müssen Web Share API-Aufrufe in Drittanbieter-Iframes jetzt ausdrücklich zugelassen werden. In diesem Artikel geht es um eine potenziell funktionsgefährdende Änderung an der Web Share API. Diese
- Chrome
Chromium Chronicle Nr. 32: Achte auf die Patchlücke
Hier erfährst du, wie Chromium-Entwickler das Risiko einer n-tägigen Ausnutzung reduzieren können.
- Chrome
Die neuen CSS-Farbräume
Mit CSS Color 4 steht dem Web eine Vielzahl von Farbtools und -funktionen zur Verfügung: mehr Farben, Bearbeitungsfunktionen und bessere Farbverläufe.
- Chrome
Update für den privaten Netzwerkzugriff: Verlängerung des Tests zur Einstellung des Dienstes ankündigen
Chrome stellt im Rahmen der Spezifikation für den Zugriff auf private Netzwerke über nicht sichere öffentliche Websites den Zugriff auf private Netzwerkendpunkte ein. Eine Testversion ist bis Chrome 113 verfügbar.
- Chrome
Mehr Farben und neue Bereiche
CSS Color 4 bietet im Web Farbtools und -funktionen für eine breite Palette von Farben.
Die Zukunft von Bild im Bild
Neuigkeiten zu einem Ursprungstest von Chrome, der beliebige HTML-Inhalte in einem Always-On-Fenster-Fenster aktiviert.
- Chrome
CSS-Farbleitfaden für High Definition
CSS Color 4 bietet im Web Farbtools und -funktionen für eine breite Palette von Farben.
Zu HD-CSS-Farbe migrieren
CSS Color 4 bietet im Web Farbtools und -funktionen für eine breite Palette von Farben.
Entwicklertools-Tipps: Fehler in PWA debuggen
Mit den Entwicklertools Fehler in progressiven Web-Apps beheben
- Chrome
- Chrome-Entwicklertools
CSS-Farbmischung()
Sie können Farben direkt aus Ihrem CSS-Code in einem der unterstützten Farbräume mischen.
- Chrome
Längere Lebensdauer der Extension Service Worker
Mitarbeiter von Erweiterungsdiensten können nun überleben, solange sie Termine erhalten. Dies erhöht die Zuverlässigkeit der Extension Services Worker, birgt jedoch ein Problem, das Sie vermeiden sollten.
- Chrome
- Chrome-Erweiterungen
Scrollend, ein neues JavaScript-Ereignis
Löschen Sie Ihre Timeout-Funktionen und schütteln Sie deren Fehler aus. Hier finden Sie das Ereignis, das Sie wirklich brauchen: scrollend.
- Chrome
Nicht sichtbare Dokumente in Manifest V3
Einführung der Offscreen Documents API für die Entwicklung von Chrome-Erweiterungen.
- Chrome
- Chrome-Erweiterungen
Neu in den Entwicklertools
Du solltest dich über die neuesten Änderungen an den Entwicklertools auf dem Laufenden halten.
- Chrome-Entwicklertools
Einfache Offlineseite für Web-Apps in Chrome für Android
Ab Chrome 109 generiert der Browser automatisch eine Standardseite, die anzeigt, dass die App derzeit offline ist, wenn eine installierte Web-App unter Android nicht über eine eigene Offline-Funktion verfügt.
- Chrome
Drop-down-Menüs mit dem Anfangsbuchstaben des CSS-Codes steuern
Verabschieden Sie sich von interessanten Problemumgehungen zur Gestaltung Ihrer Drop-Caps!
- Chrome
Das fähige Web entdecken
Welche erweiterten Webfunktionen unterstützt dein Browser? Welche Web-Apps nutzen diese Funktionen? Sehen Sie sich eine Browsertestwebsite und eine Browsererweiterung an, um diese Fragen zu beantworten. Project Fugu ist eine unternehmensübergreifende
- Chrome
iFrame ohne Anmeldedaten: Einfache Einbettung von iFrames in COEP-Umgebungen
iFrame ohne Anmeldedaten wurde in Chrome 110 implementiert. Er bietet Entwicklern die Möglichkeit, Dokumente in Drittanbieter-iFrames mit einem neuen und sitzungsspezifischen Kontext zu laden. Auch sie unterliegen dann nicht mehr den COEP-Einbettungsregeln. Entwickler, die COEP verwenden, können jetzt iFrames von Drittanbietern einbetten, die COEP selbst nicht verwenden.
- Chrome
Chrome 110 Beta
CSS-Anfangsbuchstaben, Start-Handler für Web-Apps, ursprungsübergreifende iFrame-Unterstützung für die FedCM API und mehr.
- Chrome
Die Attribute „Ablaufdatum“ und „Höchstalter“ für Cookies haben jetzt eine Obergrenze
Ab der Chrome-Version M104 (August 2022) kann für Cookies kein Ablaufdatum mehr festgelegt werden, das mehr als 400 Tage in der Zukunft liegt.
- Chrome
Prüfe, ob die Seite aus dem Back-Forward-Cache wiederhergestellt werden kann
Mit Lighthouse testen, ob eine Seite aus dem Back-Forward-Cache wiederhergestellt werden kann
Favicons werden abgerufen
Favicon einer Website erstellen
- Chrome-Erweiterungen
SQLite-Wasm im Browser, der vom ursprünglichen privaten Dateisystem gesichert wurde
Mit SQLite können Sie alle Ihre Speicheranforderungen im Web effizient erfüllen. SQLite ist ein beliebtes, Open-Source -System zur Verwaltung relationaler Datenbanken, das sich leicht einbetten lässt. Viele Entwickler verwenden es, um Daten auf
- Chrome
Zielausgabegerät in Web Audio ändern
Hier erfahren Sie, wie Sie das Audioausgabeziel in Web Audio programmatisch ändern.
- Chrome
Neu in Chrome 109
Chrome 109 wird jetzt eingeführt. Die Origin Private File System API ist jetzt für Android verfügbar. Es gibt eine Reihe neuer CSS-Eigenschaften, Sie können dank der Unterstützung für MathML Core ganz einfach mathematische Notationen in Ihren HTML-Code einfügen und vieles mehr.
- Chrome
Neuerungen in den Entwicklertools (Chrome 109)
Du kannst den Schritt als Skript in den Rekorder kopieren, tatsächliche Funktionsnamen in Aufnahmen der Aufführung und mehr.
- Chrome-Entwicklertools
- Chrome
RenderingNG im Detail: LayoutNG-Blockfragmentierung
Die Blockfragmentierung in LayoutNG ist jetzt abgeschlossen. In diesem Artikel erfährst du, wie das funktioniert und warum es wichtig ist.
- Chromium
Entwicklertools-Tipps: Fehler in Project Fugu APIs beheben
Mit den Entwicklertools lassen sich Fehler in Project Fugu APIs beheben.
- Chrome-Entwicklertools
- Chrome
Änderung des Veröffentlichungszeitplans ab Chrome 110
Ab Chrome 110 wird eine frühe stabile Version für eine kleine Gruppe von Nutzern veröffentlicht.
- Chrome
Was sind Chrome-Release-Versionen?
Hier erfährst du, wie Chrome mit den Canary-, Entwickler-, Beta- und stabilen Release-Versionen neue Funktionen testet und Updates einführt.
Chrome-Varianten
Ein Mechanismus für Chrome zum Testen neuer Browserfunktionen
Hilfe beim Auswählen der Syntax für CSS-Verschachtelung
Die Arbeitsgruppe für Preisvergleichsportale führt die Debatte darüber, wie sich „Verschachtelung“ in CSS am besten definieren lässt. Wenn Sie CSS-Code schreiben, bitten wir Sie um Ihre Hilfe.
- Chrome
Aktualisierung der Chrome Web Store-Richtlinien
Chrome aktualisiert die Programmrichtlinien für Entwickler des Chrome Web Stores, um unsere Grundprinzipien klar darzulegen, mehr Kontext zur Durchsetzung bereitzustellen und unsere Richtlinien verständlicher zu machen.
- Chrome
- Chrome-Erweiterungen
Chrome Dev Insider: Das Jahr, in dem
Ein Update des Chrome Web Platform-Teams, in dem wir Entwickler mit hinter die Kulissen werfen, um ihre Sichtweisen, Gespräche und Updates zu teilen.
- Chrome
Anzeigenrelevanz maximieren
Neue Dokumentation für die Privacy Sandbox zur Anzeigenrelevanz ohne Drittanbieter-Cookies.
- Chrome
Was Entwickler über den Arbeitsspeicher- und Energiesparmodus in Chrome wissen müssen
Hier erfährst du, wie du dafür sorgst, dass deine Seite mit den neuen Chrome-Modi „Arbeitsspeicher“ und „Energiesparmodus“ problemlos verwendet werden kann.
- Chrome
Entwicklertools-Tipps: Gerätemodus
Simulieren Sie Mobule-Geräte mit dem Gerätemodus in den Entwicklertools.
- Chrome-Entwicklertools
- Chrome
Sichere Zahlungsbestätigung auf Chrome Android
Mit der sicheren Zahlungsbestätigung können Sie mithilfe von Passkeys eine Phishing-geschützte Zahlungsbestätigung im Web durchführen. Sie wird ab Chrome 109 in Chrome für Android verfügbar sein.
- Chrome
Chrome 109 (Beta)
MathML, bedingter Fokus für getDisplayMedia(), Origin Private File System unter Android und mehr.
- Chrome
Google Chrome-Erweiterungen: Erweiterung der API zur Unterstützung der sofortigen Navigation
Die Extensions API wurde aktualisiert, um den Back-Forward-Cache zu unterstützen und Navigationselemente vorab zu laden.
- Chrome
Anmeldung ohne Passwort in Formularen mit WebAuthn-Passkey automatisch ausfüllen
Die bedingte WebAuthn-Benutzeroberfläche nutzt die Funktion zum automatischen Ausfüllen von Formularen im Browser, damit sich Nutzer nahtlos mit einem Passkey im herkömmlichen passwortbasierten Ablauf anmelden können.
Neu in Chrome 108
Chrome 108 wird jetzt eingeführt. Es gibt neue internationale APIs, die Ihnen mehr Kontrolle bei der Formatierung von Zahlen ermöglichen. Für die neue Pop-up API gibt es einen Ursprungstest, mit dem dem Nutzer auf einfache Weise wichtige Inhalte angezeigt werden können. Es gibt eine Reihe von CSS-Verbesserungen. Und das ist noch längst nicht alles.
- Chrome
Bessere Bildschirmfreigabe dank bedingtem Fokus
Tab oder Fenster bei der Bildschirmfreigabe im Web bedingt fokussieren
Verbesserungen bei der Bildschirmfreigabe in Chrome 109
Details zu zwei Verbesserungen der Bildschirmfreigabe für das Web: ein Mechanismus zur Steuerung des Tab-Fokus bei der Bildschirmfreigabe und ein Mechanismus zur Steuerung der lokalen Audiowiedergabe.
- Chrome
Tipps zu Entwicklertools: CSS-Verbesserungen identifizieren
Im Bereich „CSS-Übersicht“ sehen Sie mögliche CSS-Verbesserungen.
- Chrome
- Chrome-Entwicklertools
Ungültige, überschriebene, inaktive und andere Preisvergleichsportale suchen
Probleme mit CSS-Eigenschaften auf einen Blick erkennen
- Chrome-Entwicklertools
Manifest – oauth2
Referenzdokumentation für die oauth2-Eigenschaft der Datei „manifest.json“
- Chrome-Erweiterungen
Entwicklertools-Tipps: Schnellere Navigation in den Entwicklertools
Hier erfahren Sie, wie Sie Ihren Workflow durch eine schnellere Navigation in den Entwicklertools mithilfe von Tastenkombinationen und Einstellungen beschleunigen.
- Chrome
- Chrome-Entwicklertools
CrUX-Dashboard
CrUX-Dashboard zum Visualisieren von BigQuery-CrUX-Daten verwenden
- UX-Bericht für Chrome
Nicht jeder Speicher ist gleich: Jetzt neu: Storage-Buckets
Storage-Buckets sind eine API, mit der die persistente Speicherbereinigung unter hoher Speicherauslastung vorhersehbarer wird.
- Chrome
Aktualisierung der Chrome Web Store-Richtlinien
Chrome aktualisiert die Programmrichtlinien für Entwickler des Chrome Web Stores, um unsere Grundprinzipien klar darzulegen, mehr Kontext zur Durchsetzung bereitzustellen und unsere Richtlinien verständlicher zu machen.
- Chrome
- Chrome-Erweiterungen
Manifest – input_components
Referenzdokumentation zur Property „input_components“ der Datei „manifest.json“.
- Chrome-Erweiterungen
Chrome 108 (Beta)
Neue CSS-Darstellungseinheiten, die Federated Credential Management API, variable COLRv1-Schriftarten und mehr.
- Chrome
Auf Änderungen bei der Größe des Darstellungsbereichs in Chrome unter Android vorbereiten
Welche Änderungen kommen in Chrome 108 an die Größenanpassung des Darstellungsbereichs, warum diese Änderung in Chrome vorgenommen wird und was Sie tun können, um sich darauf vorzubereiten?
- Chrome
Aktualisierung des Ereignisverhaltens „CanMakePayment“ der Payment Handler API
Das Service Worker-Ereignis „canmakepayment“ in der Payment Handler API informiert den Händler darüber, ob der Nutzer eine Karte in einer installierten Zahlungs-App gespeichert hat. Chrome entfernt die mit dem Ereignis verknüpften Eigenschaften.
- Chrome
Tipps zu Entwicklertools: Verschiedene Möglichkeiten zum Öffnen der Entwicklertools
Entdecken Sie alle Möglichkeiten zum Öffnen der Chrome-Entwicklertools.
- Chrome
- Chrome-Entwicklertools
Neuerungen in den Entwicklertools (Chrome 108)
Hinweise zu inaktiven CSS-Eigenschaften, neuer XPath und Textselektoren im Rekorder und mehr.
- Chrome-Entwicklertools
- Chrome
Neu in Chrome 107
Einführung von Chrome 107 Die Screen Capture API enthält neue Eigenschaften, die die Bildschirmfreigabe verbessern.Du kannst jetzt genau feststellen, ob eine Ressource auf deiner Seite das Rendering blockiert oder nicht.Es gibt eine neue Möglichkeit, Daten an einen Back-End-Server zu senden, mit der deklarativen PendingBeacon API im Ursprungstest. Und das ist noch längst nicht alles.
- Chrome
Nicht abwärtskompatible Änderung: Synchronisierungsmethoden für AccessHandles
Um die Arbeit mit AccessHandles in Kontexten wie Emscripten zu vereinfachen, machen wir die Methoden der FileSystemSyncAccessHandle-Schnittstelle synchron.
- Chrome
Die Lesbarkeit Ihrer Website verbessern
Mit den Entwicklertools Text mit niedrigem Kontrast finden und korrigieren.
- Chrome-Entwicklertools
Trust Tokens wurden in Private State Tokens umbenannt
Die Trust Token API wird in Private State Token API umbenannt, um die Vorteile des Datenschutzes und des Dienstprogramms besser zu beschreiben.
- Chrome
Tipps zu Entwicklertools: Text mit niedrigem Kontrast erkennen und korrigieren
Hier erfahren Sie, wie Sie mit den Chrome-Entwicklertools Text mit niedrigem Kontrast erkennen und korrigieren.
- Chrome-Entwicklertools
- Chrome
Nutzerabläufe über den Rekorder der Chrome-Entwicklertools hinaus anpassen und automatisieren
Hier erfahren Sie, wie Sie den Ablauf für Nutzer über die Rekorder App von Chrome Entwicklertools hinaus anpassen und automatisieren.
- Chrome
Advanced Web Apps Fund – Aktualisierung Oktober 2022
Über den Advanced Web Apps Fund haben wir elf Projekte gesponsert und über das Open Collective mehr als 100.000 US-Dollar verteilt, um die Bedeutung dieser Arbeit anzuerkennen und mehr Menschen die Möglichkeit zu geben, sich an diesen Projekten zu beteiligen.
- Chrome
Im Containerabfrage-Polyfill
Hier erfahren Sie, wie der Polyfill für Containerabfragen in älteren Browsern Unterstützung für Containerabfragen bietet.
- Chrome
Hilfe beim Auswählen einer Syntax für verschachtelte CSS-Umfrageergebnisse
Hier werden die Ergebnisse von 7.590 Entwicklermeinungen angezeigt.
- Chrome
Ein neuer Weg für die Entwicklung von Chrome-Erweiterungen
Ein besserer Einstieg in die Einarbeitung in Chrome-Entwickler.
- Chrome
- Chrome-Erweiterungen
Änderung des Überlaufs bei ersetzten Elementen in CSS
Eine erweiterte Warnung vor einer Änderung des CSS-Verhaltens, die zu unerwünschtem Überlauf führen kann.
- Chrome
Chrome Dev Insider: Leistungsskalierung mit dem Framework-System
Ein Update des Chrome Web Platform-Teams, in dem wir Entwickler mit hinter die Kulissen werfen, um ihre Sichtweisen, Gespräche und Updates zu teilen.
- Chrome
Hello World-Erweiterung
Erstellen Sie Ihre erste Hello World-Chrome-Erweiterung.
- Chrome-Erweiterungen
Ist das Projekt Fugu fertig?
Dieser Artikel konzentriert sich auf den verlagerten Fokus des Project Fugu-Teams: von der Implementierung neuer Funktionen hin zur Verfeinerung und Verbesserung vorhandener Funktionen.
- Chrome
Tabs verwalten
Hier erfahren Sie, wie Sie Tabs programmatisch mithilfe von Tabgruppen organisieren.
- Chrome-Erweiterungen
Skripte in den aktiven Tab einschleusen
Hier erfahren Sie, wie Sie den Stil der aktuellen Seite vereinfachen.
- Chrome-Erweiterungen
Scripts auf jeder Seite ausführen
Hier erfahren Sie, wie Sie vorhandenen Webseiten automatisch neue Elemente hinzufügen.
- Chrome-Erweiterungen
Manifest – Autor
Referenzdokumentation für die Eigenschaft „Author name“ von „manifest.json“
- Chrome-Erweiterungen
Chrome 107 Beta
Ergänzungen zur Screen Capture API, Interpolation von CSS-Rastervorlageneigenschaften und mehr.
- Chrome
Datenschutzfreundliche Einstellungen für die Bildschirmfreigabe
Mit den datenschutzfreundlichen Einstellungen für die Bildschirmfreigabe im Web können Sie übermäßige Freigaben vermeiden.
Die Payment Handler API erfordert CSP „connect-src“
Nutzer der Payment Handler API müssen der Anweisung „connect-src“ den Zahlungsendpunkt hinzufügen, wenn Sie die CSP verwenden.
- Chrome
Bei der Bildschirmfreigabe nicht zu viel teilen
Die Webplattform wird jetzt mit zusätzlichen Einstellungen für die datenschutzfreundliche Bildschirmfreigabe ausgeliefert.
- Chrome
Tipps zu Entwicklertools: User Flow-Aufzeichnungen bearbeiten, debuggen und exportieren
Mit dem Rekorder-Steuerfeld und den zugehörigen Erweiterungen können Sie Aufzeichnungen zum Nutzerfluss bearbeiten, debuggen und exportieren.
- Chrome
- Chrome-Entwicklertools
Weitere Informationen zur Umstellung auf Manifest V3
Neue Details zum Plan zum Verschieben von Erweiterungen zu Manifest V3
- Chrome-Erweiterungen
- Chrome
Neu in Chrome 106
Chrome 106 wird jetzt eingeführt. Es gibt neue internationale APIs, die Ihnen mehr Kontrolle bei der Formatierung von Zahlen ermöglichen. Für die neue Pop-up API gibt es einen Ursprungstest, mit dem dem Nutzer auf einfache Weise wichtige Inhalte angezeigt werden können. Es gibt eine Reihe von CSS-Verbesserungen. Und das ist noch längst nicht alles.
- Chrome
So bereitet Chrome Updates für Milliarden von Nutzern vor
"Ein Gespräch mit den technischen Programmmanagern des Chrome-Release-Teams, um herauszufinden, wie sie sicherstellen, dass jede Version reibungslos funktioniert."
- Chrome
Neuerungen in den Entwicklertools (Chrome 107)
Sie können Tastenkombinationen anpassen, C/C-Objekte im Memory Inspector markieren und vieles mehr.
- Chrome
- Chrome-Entwicklertools
Neuerungen in den Entwicklertools (Chrome 106)
Bessere Unterstützung für modernes Web-Debugging, Aufschlüsselung von LCP-Zeiten in den Leistungsstatistiken und mehr.
- Chrome-Entwicklertools
- Chrome
Containerabfragen landen in stabilen Browsern, während Polyfill ein großes Update erhält.
"Mit Containerabfragen können Komponenten basierend auf dem Platz, in den sie passen, an ihre responsiven Stilinformationen angepasst werden. Diese Funktion wird nach und nach in modernen Browsern eingeführt und es gab ein großes Update für die Unterstützung von Polyfill."
- Chrome
Pop-ups: Sie sind plötzlich wieder da!
Ein problematisches Muster, das durch die Einführung neuer integrierter APIs auf der Plattform wesentlich einfacher wurde.
- Chrome
Memory Inspector für C/C++-Debugging erweitern
Hier erfährst du, wie wir das Debugging von C/C-WebAssembly-Apps mit dem Memory Inspector verbessert haben
- Chrome
Einstellung und Entfernungen in Chrome 106
Hier findest du eine Übersicht über alle Einstellungen und Löschungen in Chrome 106, um dir die Planung zu erleichtern.
- Chrome
Tipps zu Entwicklertools: CSS-Flexbox prüfen und debuggen
Hier erfahren Sie, wie Sie mit den Chrome-Entwicklertools CSS-Flexbox-Layouts prüfen, ändern und debuggen.
- Chrome-Entwicklertools
- Chrome
Anonymer iFrame-Ursprungstest: Einfache Einbettung von iFrames in COEP-Umgebungen
Entwickler, die COEP verwenden, können jetzt iFrames von Drittanbietern einbetten, die COEP selbst nicht verwenden. Der anonyme iFrame-Ursprungstest ist in Chrome ab Version 106 bis 108 verfügbar.
- Chrome
Modernes Web-Debugging in den Chrome-Entwicklertools
Sehen Sie sich einige der jüngsten Änderungen an den Chrome-Entwicklertools an, die die Fehlerbehebung und Profilerstellung bei der Arbeit mit Bundlern, Frameworks und Drittanbietercode verbessern.
- Chrome
Web SQL einstellen und entfernen
Web SQL wurde erstmals im April 2009 vorgeschlagen und im November 2010 aufgegeben. Sie wurde schrittweise aus Chrome entfernt, zunächst in unsicheren Kontexten, dann vollständig ab Chrome 119.
- Chrome
Fallstudie: Besseres Angular-Debugging mit Entwicklertools
Die Chrome-Entwicklertools und Angular-Teams haben Angular als Testpilot verwendet, um Ihnen eine bessere Fehlerbehebung zu ermöglichen. Andere Frameworks können ähnliche Änderungen liefern.
- Chrome
Neu in Chrome 105
Einführung von Chrome 105 Containerabfragen und „:has()“ sind eine responsive Funktion. Die neue Sanitizer API bietet einen robusten Prozessor für beliebige Strings, um Cross-Site-Scripting-Sicherheitslücken zu verringern. Wir machen einen weiteren Schritt zur Einstellung von WebSQL. Und das ist noch längst nicht alles.
- Chrome
Komprimierung und Dekomprimierung im Browser mit der Compression Streams API
Kleinere Webanwendungen schreiben, die keine eigene Komprimierungs- oder Dekomprimierungsbibliothek benötigen Die Compression Streams API dient zum Komprimieren und Dekomprimieren von Datenstreams mit den Formaten gzip oder deflate (oder
- Chrome
Bilder mit der Anweisung für gewinkelte Bilder optimieren
Einführung der neuen Angular-Bildanweisung (NgOptimizedImage), die integrierte Techniken zur Leistungsoptimierung für Bilder in Angular-Apps bereitstellt.
- Chrome
Tipps zu Entwicklertools: Workflow mit Tastenkombinationen in der Console beschleunigen
Verwenden Sie die Tastenkombinationen der Console Utilities API, um z. B. schnell auf kürzlich aufgerufene Elemente, Abfrageobjekte und die Überwachung von Ereignissen und Funktionsaufrufen zuzugreifen.
- Chrome-Entwicklertools
- Chrome
Die oberste Ebene: eine Lösung für den Z-Index:10.000
Was ist die „oberste Ebene“, die wir angesichts neuer integrierter Komponenten und APIs auf der Plattform nutzen können?
- Chrome
Entwicklertools-Tipps: CSS-Raster prüfen
Hier erfahren Sie, wie Sie mit den Chrome-Entwicklertools CSS-Rasterlayouts aufrufen und ändern.
- Chrome-Entwicklertools
- Chrome
HTTP/2-Server-Push aus Chrome entfernen
HTTP/2-Server-Push wird in Chrome 106 standardmäßig deaktiviert
- Chrome
Können Browser das Laden von Drittanbieterressourcen optimieren?
Änderungen vorantreiben, um das Laden von Drittanbieter-Ressourcen im Web zu verbessern
- Chrome
Neuerungen in den Entwicklertools (Chrome 105)
Unterstützt die detaillierte Wiedergabe von Ereignissen und den Mauszeiger über Ereignisse in der Rekorder App, im LCP-Bereich im Bereich „Leistungsstatistiken“ und mehr.
- Chrome-Entwicklertools
- Chrome
Entwicklertools-Tipps: CSS-Animationen überprüfen und ändern
Auf dem Tab „Animationen“ können Sie CSS-Animationen, Übergänge und mehr prüfen und ändern.
- Chrome-Entwicklertools
- Chrome
Einstellung und Entfernungen in Chrome 105
Hier finden Sie eine Zusammenfassung der Einstellungen und Löschungen in Chrome 105, um Ihnen die Planung zu erleichtern.
- Chrome
Tipps zu Entwicklertools: Umsetzbare Informationen zur Leistung Ihrer Website erhalten
Mit dem neuen Bereich „Leistungsstatistiken“ erhalten Sie umsetzbare Informationen zur Leistung Ihrer Website.
- Chrome
- Chrome-Entwicklertools
:has(): die Familienauswahl
Mit :has() wird Chromium 105 gestartet. Sehen wir uns einige der großartigen Möglichkeiten an, die sich dadurch für unser CSS ergeben.
- Chrome
@container und :has(): zwei leistungsstarke neue responsive APIs in Chromium 105
"Containerabfragen und :has() sind genau richtig für responsive Suchanzeigen. Glücklicherweise sind beide Funktionen in Chromium 105 verfügbar. Dies ist eine riesige Version mit zwei häufig gewünschten Funktionen für responsive Oberflächen."
- Chrome
Änderungen an NavigationEvent in Chrome 105
Die Navigations-API erhält zwei neue Methoden für navigationEvent:
- Chrome
Neu in Chrome 104
Einführung von Chrome 104 Bei der Regionserfassung wird ein Zuschneidebereich angegeben, wenn getDisplayMedia() zum Erfassen des aktuellen Tabs verwendet wird. Die Syntax für Medienabfragen kann mit mathematischen Vergleichsoperatoren geschrieben werden. Mit „Shared Element Transitions“ wird ein Ursprungstest gestartet. Und das ist noch längst nicht alles.
- Chrome
Benutzerdefinierte Webformate für die Async Clipboard API
Mit benutzerdefinierten Webformaten können Websites beliebige unbereinigte Nutzlasten mit einem Standardformat lesen und schreiben. Anwendungen können die Unterstützung solcher Nutzlasten aktivieren.
- Chrome
Tipps zu Entwicklertools: Nachrichten in der Console protokollieren
Mit der Console können Sie unter anderem Variablen, Objekte und Nachrichten protokollieren sowie Nachrichten filtern und gruppieren.
- Chrome-Entwicklertools
- Chrome
Neugestaltung von Analysen im Chrome Web Store-Entwickler-Dashboard
Google führt eine überarbeitete Artikelanalyse für das Chrome Web Store-Entwickler-Dashboard ein. Das neue Dashboard ist leichter verständlich und fasst die nützlichsten Informationen direkt zusammen.
- Chrome-Erweiterungen
- Chrome
Hilfe beim Auswählen einer Syntax für die CSS-Verschachtelung
Zwei gegensätzliche Syntaxen benötigen Ihre Hilfe, um zu bestimmen, welche für einen Spezifikationskandidaten bevorzugt werden sollte.
- Chrome
Unterstützung der obersten Ebene in den Chrome-Entwicklertools
Entdecken Sie die oberste Ebene und erfahren Sie, wie sie von den Chrome-Entwicklertools unterstützt wurde.
- Chrome
Update zur Finanzierung von Chrome-Web-Frameworks 2022
Neuigkeiten zu den Empfängern der Finanzierung des Chrome-Web-Frameworks
- Chrome
Entwicklertools-Tipps: Emulation von Medienfunktionen für CSS-Nutzereinstellungen mit Entwicklertools
Verwenden Sie den Tab „Rendering“, um die Einstellungen von Nutzern zu emulieren und das an den Nutzer angepasste Verhalten Ihrer Website zu testen.
- Chrome-Entwicklertools
- Chrome
Neuerungen in den Entwicklertools (Chrome 104)
Frame während der Fehlerbehebung neu starten, Optionen für die langsame erneute Wiedergabe im Rekorder-Steuerfeld usw.
- Chrome-Entwicklertools
- Chrome
Chrome Dev Insider: CSS- und UI-Version
Ein Update des Chrome Web Platform-Teams, in dem wir Entwickler mit hinter die Kulissen werfen, um ihre Sichtweisen, Gespräche und Updates zu teilen.
- Chrome
Signed Exchanges für Desktopwebsites eingeführt
Neu: Unterstützung von Signed Exchanges für Chromium-Browser auf dem Desktop sowie andere aktuelle Funktionen.
- Chrome
Entwicklertools-Tipps: CSS-Containerabfragen prüfen
CSS-Containerabfragen mit den Entwicklertools prüfen und debuggen.
- Chrome
- Chrome-Entwicklertools
CSS-Containerabfragen prüfen und debuggen
Hier erfahren Sie, wie Sie mit den Chrome-Entwicklertools CSS-Containerabfragen untersuchen, ändern und Fehler beheben.
- Chrome-Entwicklertools
Einstellung und Entfernungen in Chrome 104
Hier finden Sie eine Zusammenfassung der Einstellungen und Löschungen in Chrome 104, um Ihnen die Planung zu erleichtern.
- Chrome
Neu in Chrome Version 103
Einführung von Chrome 103 Es gibt einen neuen HTTP-Statuscode, der dem Browser hilft, zu entscheiden, welche Inhalte vorab geladen werden sollen, noch bevor die Seite überhaupt angezeigt wird. Die Local Font Access API ermöglicht Webanwendungen die Aufzählung und Verwendung von Schriftarten, die auf dem Computer des Nutzers installiert sind. Es gibt eine einfachere Möglichkeit, Zeitüberschreitungen bei asynchronen APIs zu implementieren. Und das ist noch längst nicht alles.
- Chrome
Neuerungen in den Entwicklertools (Chrome 103)
Sie können z. B. Doppelklick- und Rechtsklick-Ereignisse aufzeichnen sowie neue Optionen zum Messen des Nutzerflusses in Lighthouse ermitteln.
- Chrome
- Chrome-Entwicklertools
Referenz zu Bedienungshilfen
Eine umfassende Referenz zu den Bedienungshilfen in den Chrome-Entwicklertools.
- Chrome-Entwicklertools
Neu in Chrome 102
Einführung von Chrome 102 Installierte PWAs können sich als Datei-Handler registrieren, sodass Nutzer Dateien direkt von der Festplatte öffnen können. Mit dem inert -Attribut können Sie Teile des DOM als inert markieren. Die Navigation API erleichtert es einseitigen Apps, die Navigation und Aktualisierungen der URL zu verarbeiten. Und das ist noch längst nicht alles!
- Chrome
Wie und warum wir Performance Insights erstellt haben
Wie und warum wir den Bereich „Leistungsstatistiken“ erstellt haben
- Chrome
Sichere Zahlungsbestätigung einrichten
Implementieren Sie die Registrierungsprotokolle und den Ablauf für SPC, damit Kunden sich direkt bei Kartenausstellern oder Banken direkt von einem Händler authentifizieren können.
WebAssembly-Migrationsleitfaden
Angesichts der Entwicklung von browserübergreifendem WebAssembly-Support möchten wir uns darauf konzentrieren, für WebAssembly entwickelt. Wir planen, die Unterstützung für PNaCl im 4. Quartal 2019 (außer Chrome-Apps) Wir sind der Meinung, dass das
Sichere Zahlungsbestätigung
Allgemeiner Überblick über einen vorgeschlagenen Webstandard, um eine sichere Authentifizierung bei Zahlungsdienstleistern zu ermöglichen
Mit sicherer Zahlungsbestätigung authentifizieren
Implementieren Sie Authentifizierungsprotokolle für SPC, um Kundentransaktionen zu validieren.
Einstellung und Entfernungen in Chrome 103
Hier finden Sie eine Zusammenfassung der Einstellungen und Löschungen in Chrome 103, um Ihnen die Planung zu erleichtern.
- Chrome
Unterstützung für das Tool „Interaction to Next Paint“ (INP)
Unterstützung für „Interaction to Next Paint“ in den Chrome-Leistungstools.
- Chrome
Schnellere mehrseitige Anwendungen mit Streams
Erfahren Sie, wie Sie mit Workbox-Streams mehrseitige Anwendungen erstellen können, die teilweise Markups aus dem Service Worker-Cache und teilweise Inhalte aus dem Netzwerk verwenden, um schnelle Erfahrungen zu schaffen, die nahezu sofort gerendert werden.
Privater Prefetch-Proxy in Chrome
Beschleunigung von Largest Contentful Paint (LCP) durch websiteübergreifendes Prefetching
- Chrome
Privater Prefetch-Proxy in Chrome für Netzwerkadministratoren
Eine Übersicht über das Filtern von Inhalten bei vorabgerufenen Navigationen.
Neuerungen in den Entwicklertools (Chrome 102)
Neuer Bereich für Leistungsstatistiken, Verknüpfungen zum Emulieren von hellen/dunklen Designs und mehr.
- Chrome-Entwicklertools
- Chrome
Schnellere Fehlerbehebung in WebAssembly
Wie wir das Debugging von WebAssembly für große Anwendungen beschleunigen.
- Chrome
Verbessertes Teilen von Tabs mit dem Capture-Ziehpunkt
Die Webplattform wird jetzt mit einem Capture Handle ausgeliefert. Dieser Mechanismus ermöglicht es einer Web-App, die erfasste Web-App ergonomisch und sicher zu identifizieren, sofern die Erfassungs-Web-App diese Funktion aktiviert hat.
Fonds für erweiterte Web-Apps
Wir kündigen den Advanced Web Apps Fund an, um diejenigen zu unterstützen, die das Web effizienter machen.
- Chrome
Attribute von DOM-Objekten ansehen
Eigenschaften von DOM-Objekten ansehen und filtern
- Chrome-Entwicklertools
Back-Forward-Cache testen
Achten Sie darauf, dass Ihre Seiten für das Back-Forward-Caching optimiert sind.
- Chrome-Entwicklertools
Neu bei Chrome im ersten Teil
Chrome 101 wird jetzt mit einer neuen Methode zur Festlegung von Farben mit hwb-Notation sowie der Abrufpriorität eingeführt. So kann der Browser die ideale Reihenfolge für den Download von Ressourcen angeben. Und das ist noch längst nicht alles!
- Chrome
Minimierte Inhalte mit „hidden=until-found“ zugänglich machen
Wie dieser neue Attributwert dafür sorgen kann, dass Inhalte innerhalb von Akkordeon-Abschnitten gefunden und verlinkt werden
LCP mithilfe von Signed Exchanges optimieren
Signed Exchanges sind eine Möglichkeit für Webentwickler, die Seitenladezeit von SXG-Verweis-URLs wie der Google Suche erheblich zu verbessern. Sie können bereits durch ein Kästchen aktiviert werden, Sie können jedoch zusätzliche Schritte unternehmen, um sie optimal zu nutzen.
- Chrome
Browserfunktionen mit der Berechtigungsrichtlinie steuern
Legen Sie fest, wie Ihre Seite und eingebettete iFrames von Drittanbietern auf Browserfunktionen zugreifen.
RenderingNG im Detail: BlinkNG
Erfahren Sie mehr über BlinkNG und die verschiedenen Unterprojekte, die langjährige Probleme in der Organisation und der Struktur von Blink-Code behandelt haben.
- Chromium
Probleme mit der Renderingleistung ermitteln
Erkennen von Neumalereien, Layoutverschiebungen, Ebenen und Kacheln, Scroll-Problemen, Anzeige von Rendering-Statistiken und Core Web Vitals.
- Chrome-Entwicklertools
CSS-Medienfunktionen emulieren
Emulation bevorzugt-Farbschema, Medientyp, erzwungene Farben, bevorzugt-Kontrast, bevorzugt-reduzierte-Bewegung, Farbgamut.
- Chrome-Entwicklertools
Tab „Rendering“ – Übersicht
Entdecken Sie eine Reihe von Optionen, die das Rendern von Webinhalten beeinflussen.
- Chrome-Entwicklertools
Jetzt neu: Chrome Dev Insider
Eine neue Serie des Chrome Web Platform-Teams, in der wir Entwickler mit hinter die Kulissen nehmen, um ihre Sichtweisen, Gespräche und Updates zu teilen.
- Chrome
Inhalte sicher auf Ihrer Website einbetten
Hier erfahren Sie mehr über mehrere HTML-Elemente zum Einbetten von Inhalten und wie Sie die Sicherheit optimieren.
- Chrome
Neuerungen in den Entwicklertools (Chrome 101)
Importieren und exportieren Sie den User Flow als JSON, unterstützen hwb()-Farben, zeigen Kaskadenebenen im Bereich „Styles“ an und vieles mehr.
- Chrome
- Chrome-Entwicklertools
Einstellung und Entfernungen in Chrome 101
Hier finden Sie eine Übersicht über die Einstellungen und Löschungen in Chrome 101, um Ihnen die Planung zu erleichtern.
- Chrome
Einstellung und Entfernungen in Chrome 102
Hier finden Sie eine Zusammenfassung der Einstellungen und Löschungen in Chrome 102, um Ihnen die Planung zu erleichtern.
- Chrome
Feiere mit #100CoolWebMoments den Chrome 100
Wir feiern die Einführung der Chrome-Version 100 mit einem Blick in deine Vergangenheit.
- Chrome
Neu in Chrome 100
Chrome 100 wird jetzt mit einer dreistelligen Versionsnummer eingeführt. Feiere mit uns die schönsten Erinnerungen an #100CoolWebMoments seit der ersten Chrome-Version. Es wurden einige wichtige Änderungen am User-Agent-String vorgenommen. Mit der Multi-Screen Window Placement API können Sie die mit dem Computer eines Nutzers verbundenen Displays auflisten und Fenster auf bestimmten Bildschirmen platzieren. Und das ist noch längst nicht alles!
- Chrome
Leistungsstatistiken: Umsetzbare Informationen zur Leistung Ihrer Website erhalten
Im Bereich „Leistungsstatistiken“ erhalten Sie umsetzbare Informationen zur Leistung Ihrer Website.
- Chrome-Entwicklertools
Neuerungen in den Entwicklertools (Chrome 100)
Du kannst unter anderem Regeln mit @supports aufrufen und bearbeiten, die Auswahl für die Aufnahme umbenennen und anpassen.
- Chrome-Entwicklertools
- Chrome
Einstellungen und Entfernungen in Chrome 100
Hier finden Sie eine Übersicht über alle Einstellungen und Löschungen in Chrome 100, um Ihnen die Planung zu erleichtern.
- Chrome
Das waren schon immer Sie, Canvas2D.
Die API-Next-Door-Technologie wird überarbeitet.
- Chrome
Neu in Chrome 99
Chrome 99 wird jetzt eingeführt. Mit CSS-Cascade-Layers haben Sie mehr Kontrolle über Ihren CSS-Code und vermeiden Stilkonflikte. Mit der showPicker()-Methode können Sie programmatisch eine Browserauswahl für Eingabeelemente wie Datum, Farbe und Datenliste anzeigen. Nur wenige Wochen bis Version 100 von Chrome und Firefox verfügbar. Und das ist noch längst nicht alles!
- Chrome
Laden von Drittanbieterskripts in Next.js optimieren
In diesem Artikel wird die Next.js-Skriptkomponente erörtert und gezeigt, wie sie für eine bessere Sequenzierung von Drittanbieter-Skripts verwendet werden kann.
- Chrome
Neuerungen in den Entwicklertools (Chrome 99)
Drosselung von WebSocket-Anfragen, neuer Bereich für die Reporting API, Konsolenstil und mehr
- Chrome
CSS-Flexbox-Layouts prüfen und debuggen
Hier erfahren Sie, wie Sie mit den Chrome-Entwicklertools CSS-Flexbox-Layouts prüfen, ändern und debuggen.
- Chrome-Entwicklertools
Einstellung und Entfernungen in Chrome 99
Hier findest du eine Zusammenfassung der Einstellungen und Löschungen in Chrome 99, um dir die Planung zu erleichtern.
- Chrome
Plug-ins verwenden
Workbox bietet eine Vielzahl standardmäßiger Dienstprogramme. Es kann jedoch sein, dass Sie das Tool erweitern müssen, um die Anforderungen Ihrer Anwendung zu erfüllen. Hier kann die Plug-in-Architektur von Workbox nützlich sein.
Neu in Chrome 98
Chrome 98 wird jetzt eingeführt. Wenn Sie sich für den Ursprungstest des automatischen dunklen Designs registriert haben, gibt es eine neue Möglichkeit, die Funktion für jedes Element einzeln zu deaktivieren. COLRv1, eine Weiterentwicklung des Schriftformats COLRv0, wird jetzt unterstützt. Und das ist noch längst nicht alles.
- Chrome
Chip für Berechtigungsanfrage
Chrome 98 fügt in der Adressleiste einen speziellen Bereich für Berechtigungen hinzu, um Aufforderungen weniger anspruchsvoll zu gestalten und die wahrgenommene Beharrlichkeit einer Entscheidung zu verringern.
- Chrome
Chromium Chronicle Nr. 28: Erste Schritte mit Chrome unter iOS
Erfahren Sie, wie Sie den Code hinter der iOS-App von Chrome verwenden.
- Chrome
In Ihrem Browser kommen Kaskadierungsebenen
"Cascade-Ebenen sind eine neue CSS-API, mit der Sie die Kaskaden-Priorität Ihres Codes verwalten können. Bald wird sie in allen modernen Browsern verfügbar sein."
- Chrome
Browserauswahl für Datum, Uhrzeit, Farbe und Dateien anzeigen
Die Webplattform bietet jetzt eine kanonische Methode zum Anzeigen einer Browserauswahl.
- Chrome
Neuerungen in den Entwicklertools (Chrome 98)
Ganzseitige Baumstruktur für Bedienungshilfen, präzisere Änderungen auf dem Tab „Änderungen“ und mehr.
- Chrome
Chrome deaktiviert die Änderung von „document.domain“, um die Richtlinie für denselben Ursprung zu lockern
Wenn für Ihre Website die Einstellung „document.domain“ erforderlich ist, müssen Sie etwas tun.
- Chrome
Einstellung und Entfernungen in Chrome 98
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 98, um dir die Planung zu erleichtern.
- Chrome
Privater Netzwerkzugriff: Einführung von Preflights
Chrome stellt im Rahmen der Spezifikation für den Zugriff auf private Netzwerke über nicht sichere öffentliche Websites den Zugriff auf private Netzwerkendpunkte ein. Lesen Sie weiter, um mehr über empfohlene Maßnahmen zu erfahren.
- Chrome
COLRv1-Farbverlaufs-Vektorschriftarten in Chrome 98
In Chrome 98 haben die Chrome- und Fonts-Teams Unterstützung für COLRv1 hinzugefügt – eine Weiterentwicklung des COLRv0-Schriftformats, das durch das Hinzufügen von Farbverläufen, Compositing und Blending eine größere Verbreitung der Farben erreichen soll. Außerdem wurde die Wiederverwendung interner Formen für klare und kompakte Schriftartdateien verbessert, die gut komprimiert werden.
- Chrome
Neu in Chrome 97
Einführung von Chrome 97 Es gibt eine neue Option zum Senden von Echtzeitnachrichten zwischen Client und Server mithilfe von Web Transport. Mithilfe der Funktionserkennung können Sie feststellen, welche Skripttypen ein Browser unterstützt. JavaScript wird immer besser und es gibt noch viel mehr.
- Chrome
Handler API starten
Mit dem Launch-Handler können Sie steuern, wie Ihre App gestartet wird, z. B. ob ein vorhandenes oder ein neues Fenster verwendet wird und ob über das ausgewählte Fenster die Start-URL aufgerufen wird.
Vollständiger Baum für Bedienungshilfen in den Chrome-Entwicklertools
Sehen Sie sich den neuen ganzseitigen Baum für Barrierefreiheit in den Entwicklertools sowie das Design und die Implementierung dieses Baums an.
- Chrome
Netzwerkzeitüberschreitung erzwingen
Hier erfahren Sie, wie Sie bei einer langsamen Netzwerkverbindung eine Netzwerkzeitüberschreitung erzwingen und das richtige Timing vornehmen.
Workbox-Fenster verwenden
Manchmal gehen Nutzer offline. Hier erfährst du, wie du dich anpassen kannst, und hilf ihnen, Anträge wieder aufzunehmen, wenn sie irgendwann wieder online gehen.
Anfragen wiederholen, wenn wieder online
Manchmal gehen Nutzer offline. Hier erfährst du, wie du dich anpassen kannst, und hilf ihnen, Anträge wieder aufzunehmen, wenn sie irgendwann wieder online gehen.
Ressourcen während der Laufzeit zwischenspeichern
Informationen zum Umgang mit dem Caching von Ressourcen während der Laufzeit, einschließlich ursprungsübergreifender Ressourcen.
Im Cache gespeicherte Audio- und Videoinhalte bereitstellen
Die Verarbeitung von Audio- und Videoressourcenanfragen in einem Service Worker ist schwierig. Hier erfahren Sie, wie Sie mit „workbox-range-request“ solche Anfragen auf vorhersehbare Weise verarbeiten.
Sofortige Verarbeitung von Service Worker-Updates
Manchmal ist es gut, wenn Sie einen Service Worker aktualisieren, dies den Nutzern mitteilen. Hier erfahren Sie, wie Sie genau das tun können.
Auf Caches über das Fenster zugreifen
Der Zugriff auf Cache-Instanzen ist nicht nur auf den Service Worker-Bereich beschränkt. Sie können sie auch aus dem Fensterkontext aufrufen. In diesem Artikel erfahren Sie, wie das geht.
Neuerungen in den Entwicklertools (Chrome 97)
Neues Rekorder-Steuerfeld, Aktualisierung der Geräteliste im Gerätemodus und mehr.
- Chrome
Entwickler beim Entwickeln leistungsstarker, installierbarer Webanwendungen unterstützen
Auswirkungen der neuen Chrome-Funktionen für PWAs
- Chrome
Einstellung und Entfernungen in Chrome 97
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 97, um dir die Planung zu erleichtern.
- Chrome
Neu in Chrome 96
Einführung von Chrome 96 Das Web-App-Manifest enthält zwei neue Properties. Mit der Eigenschaft „id“ können Sie eine eindeutige ID für Ihre PWA angeben. Mit der Eigenschaft „protokoll_handlers“ können Sie Ihre PWA bei der Installation automatisch als Protokoll-Handler registrieren. Es gibt einen neuen Ursprungstest, mit dem Sie die Abrufpriorität für das Herunterladen von Ressourcen festlegen können. Und das ist noch längst nicht alles!
- Chrome
Neu in Lighthouse 9.0
Lighthouse 9.0 wird mit einem aktualisierten Bericht und einer Vorschau zur Unterstützung von Nutzerabläufen bereitgestellt.
- Chrome
Fehlerbehebung und Logging
Ein Blick auf die Logging-Funktionen von Workbox und die browserinternen Service Worker-Debugging-Tools
Workbox ohne Precaching verwenden
So erstellen Sie einen Service Worker in Workbox ohne Workbox-Build.
Service Worker und das Anwendungs-Shell-Modell
Kopplung des Anwendungs-Shell-Modells mit einem Service Worker in Ihrer SPA
Navigationsvorabladen für netzwerkorientiertes HTML
Was ist die Funktion „Navigation Preload“, wie sie die Navigation beschleunigen kann und wie sie in Workbox verwendet wird
Framework-Integrationen
Kurzreferenz zu Frameworks und Plug-ins, die sich in Workbox integrieren lassen
Nutzerflüsse aufzeichnen, wiederholen und messen
Mit dem Rekorder-Steuerfeld können Sie Nutzerflüsse aufzeichnen, noch einmal abspielen, messen und ihre Schritte bearbeiten.
- Chrome-Entwicklertools
Debugging von CSP und vertrauenswürdigen Typen in den Chrome-Entwicklertools implementieren
So implementieren wir die Behebung von Problemen mit der Content Security Policy und vertrauenswürdigen Typen in den Chrome-Entwicklertools.
- Chrome
Chrome-Hauptversion im User-Agent-String auf 100 setzen
Die Chrome-Versionsnummer wird bald von zwei auf drei Ziffern geändert. Das kann sich auf den Code auswirken, mit dem der User-Agent-String (UA) geparst wird. Ein Funktions-Flag, das für Chrome 96 bis 99 verfügbar ist, ermöglicht Vorabtests, indem die Hauptversionsnummer im UA-String auf 100 gesetzt wird.
- Chrome
Auswählen der Farben beliebiger Pixel auf dem Bildschirm mit der EyeDropper API
Entwickler von Creative-Anwendungen können die EyeDropper API verwenden, um eine Auswahl zu implementieren, mit der Nutzer Farben aus Pixeln auf ihrem Bildschirm auswählen können, einschließlich der Farben außerhalb des Browsers.
Neuerungen in den Entwicklertools (Chrome 96)
Neuer Bereich „CSS-Übersicht“, Emulation von CSS, das kontrastreiche Medien emuliert, und den automatischen dunklen Modus von Chrome und mehr.
- Chrome
Effektive Image-Komponenten erstellen
Bilder sind eine häufige Ursache von Leistungsengpässen bei Webanwendungen und ein wichtiger Schwerpunktbereich für die Optimierung. In diesem Dokument wird erläutert, wie das Aurora-Team bei Google eine leistungsstarke Bildkomponente in Next.js entwickelt hat, die über eine entwicklerfreundliche Oberfläche in eine Reihe von Optimierungen integriert ist. In diesem Beitrag wird erläutert, wie die Komponente entworfen wurde und welche Erkenntnisse wir dabei gewonnen haben.
Dunkles Design (automatisch)
Es wird automatisch ein dunkles Design für helle Websites generiert.
- Chrome
Einstellung und Entfernungen in Chrome 96
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 96, um dir die Planung zu erleichtern.
- Chrome
CSS-Übersicht: Potenzielle CSS-Verbesserungen erkennen
Mithilfe des Steuerfelds „CSS-Übersicht“ können Sie mögliche CSS-Verbesserungen identifizieren.
- Chrome-Entwicklertools
Verbesserung der Service Worker-Entwicklung
Hier erfahren Sie, wie Sie einige lokale Entwicklungsprobleme beheben, die bei der Verwendung von Service Workern auftreten können.
Unterschiedliche Service Worker-Strategien für unterschiedliche Architekturen
Einführung in die beiden verschiedenen Website-Architekturen.
Fehlerhafte Service Worker entfernen
Probleme mit einem Service Worker beheben
Erwartungen an die Service Worker-Bereitstellung
Auswirkungen eines Service Workers auf eine Website nach der Bereitstellung verstehen
Neu in Chrome 95
Chrome 95 ist da! Das Routing wird einfacher, wenn URLPattern im Browser integriert ist. Die Eye Dropper API bietet ein integriertes Tool zur Farbauswahl, es gibt einen neuen Ursprungstest, mit dem der reduzierte UA-String jetzt empfangen wird, und das ist noch viel mehr.
- Chrome
Webanwendung mit der Reporting API überwachen
Mit der Reporting API können Sie Sicherheitsverstöße, eingestellte API-Aufrufe und mehr im Blick behalten.
Zur Reporting API v1 migrieren
Eine neue Version der Reporting API ist verfügbar. Die neue API ist schlanker und wird eher browserübergreifend unterstützt.
- Chrome
RenderingNG im Detail: LayoutNG
Wie der umfangreiche Architekturwechsel von LayoutNG verschiedene Arten von Fehlern und Leistungsproblemen reduziert und mindert.
- Chromium
Chromium Chronicle Nr. 25: Sicherheitshinweise für Threads
Erfahren Sie, wie das statische Analyse-Framework von Clang den Aufwand für die Threadsicherheit übernimmt.
- Chrome
Bericht zu Eigenschaften von Chrome-Nutzergeräten
Entwickler fragen sich ständig, für welche Art von Zielgruppe sie entwickeln. Wie viel RAM haben sie? Welche Art von WLAN ist aktiviert? Ein neuer Bericht bietet Antworten für eine Reihe von Ländern und Plattformen.
- Chrome
Richtlinienaktualisierungen im Chrome Web Store im 3. Quartal 2021
Wir haben unsere Sicherheitsanforderungen aktualisiert und einige Richtlinien verdeutlicht, um die Qualität von Erweiterungen und die Nutzerfreundlichkeit für Entwickler einheitlich zu halten.
- Chrome
- Chrome-Erweiterungen
Was ist die Workbox?
Jetzt neu: Workbox – eine Reihe von Modulen, die allgemeines Service Worker-Routing und Caching vereinfachen.
Das Leben eines Servicemitarbeiters
Informationen zum Verhalten von Service Workern, um Offlineanwendungen zu ermöglichen
Service Worker – Übersicht
Eine Übersicht über Service Worker.
Strategien für das Service Worker-Caching
Eine Übersicht über das Caching in Service-Workern.
Umstellung von Chrome-Erweiterungen auf Manifest V3
Details zum Plan zum Verschieben von Erweiterungen zu Manifest V3
- Chrome
- Chrome-Erweiterungen
Einstellung und Entfernungen in Chrome 95
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 95, um dir die Planung zu erleichtern.
- Chrome
Neu in Chrome 94
Einführung von Chrome 94 Der Standardfarbraum für ``-Elemente ist jetzt formal als SRGB definiert, und Sie können ihn in Anzeige P3 ändern. Es gibt eine neue, einfache Möglichkeit für den Zugriff auf integrierte Audio- und Video-Codecs, die für Streaming-Spiele, Video-Editoren und Ähnliches wichtig sind. WebGPU startet den Ursprungstest. Und es gibt noch viel mehr!
- Chrome
Neuerungen in den Entwicklertools (Chrome 95)
Neue Authoring-Tools für CSS-Längen, Ausblenden von Problemen auf dem Tab „Probleme“, verbesserte Anzeige von Eigenschaften und mehr.
- Chrome
Modernisierung der CSS-Infrastruktur in Entwicklertools
Wie wir die CSS-Infrastruktur in den Entwicklertools untersucht und aktualisiert haben.
- Chrome
Detailanalyse: VideoNG
Hier erfährst du mehr über moderne Wiedergabesysteme und darüber, wie Chromium jeden Tag eine Wiedergabezeit von mehreren hundert Millionen Stunden erreicht.
- Chromium
Neu in Lighthouse 8.4
Lighthouse 8.4 schützt jetzt vor Lazy Loading von LCP-Bildern und fehlerhaften FID-Angriffen ohne mobilen Darstellungsbereich.
- Chrome
Vollständige Kontrolle über die VirtualKeyboard API
Legen Sie fest, ob der Browser Content verdecken, wenn die Bildschirmtastatur eines Touch-Geräts angezeigt wird.
Neu in Chrome 93
Einführung von Chrome 93 Sie können jetzt CSS-Stylesheets mit Importanweisungen laden, genau wie JavaScript-Module. Installierte PWAs können sich als URL-Handler registrieren, sodass Nutzer direkt zu Ihrer PWA wechseln können. Die Multi-Screen Window Placement API wurde basierend auf Ihrem Feedback aktualisiert und startet einen zweiten Ursprungstest. Wir verkürzen den Releasezyklus für die stabile Version auf vier Wochen. Und das ist noch längst nicht alles.
- Chrome
Einstellung und Entfernungen in Chrome 93
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 93, um dir die Planung zu erleichtern.
- Chrome
Einstellung und Entfernungen in Chrome 94
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 94, um dir die Planung zu erleichtern.
- Chrome
Chromium Chronicle Nr. 24: StrongAlias, IdType und TokenType
Derselbe Typ kann manchmal für Werte aus inkompatiblen Domains stehen, was zu Fehlern führen kann. Glücklicherweise erleichtert Chromium die //base die Einführung expliziter, unterschiedlicher Typen.
- Chrome
Update zum privaten Netzwerkzugriff: Einführung einer Testversion für die Einstellung
Im Rahmen der Spezifikation für den Zugriff auf private Netzwerke wird in Chrome 94 der Zugriff auf private Netzwerkendpunkte über nicht sichere öffentliche Websites in Chrome 94 eingestellt. Lesen Sie weiter, um mehr über empfohlene Maßnahmen zu erfahren.
- Chrome
Modernes clientseitiges Routing: die Navigations-API
Hier erfahren Sie mehr über die Navigation API, eine neue API mit verbesserten Funktionen zum Erstellen von Single-Page-Anwendungen.
Schlüsseldatenstrukturen in RenderingNG
Informationen zu den Komponenten der RenderingNG-Architektur und dazu, wie die Rendering-Pipeline sie durchläuft.
- Chromium
Neuerungen in den Entwicklertools (Chrome 94)
Du kannst die Entwicklertools in deiner bevorzugten Sprache, neue Nest Hub-Geräte, ein neues Badge für CSS-Containerabfragen und mehr verwenden.
- Chrome
CSS Grid-Tools in den Entwicklertools
Wie wir die Unterstützung von CSS Grid-Tools in den Entwicklertools entworfen und implementiert haben.
CSS Grid-Tools in den Entwicklertools
Wie wir die Unterstützung von CSS Grid-Tools in den Entwicklertools entworfen und implementiert haben.
- Chrome
- Chrome-Entwicklertools
Einstellung und Entfernungen in Chrome 92
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 92, um dir die Planung zu erleichtern.
- Chrome
Fehlerbehebung bei Chrome-Ursprungstests
Häufige Probleme mit Testtokens in Meta-Tags, Headern und Skripts beheben Außerdem erfahren Sie mehr über die Unterstützung bei der Fehlerbehebung in den Chrome-Entwicklertools.
Richtlinie für ursprungsübergreifende Einbettung
Referenzdokumentation zur Eigenschaft „cross_origin_embedder_policy“ der Datei „manifest.json“
- Chrome-Erweiterungen
Ursprungsrichtlinie für ursprungsübergreifendes Öffnen
Referenzdokumentation für das Attribut „cross_origin_opener_policy“ der Datei „manifest.json“
- Chrome-Erweiterungen
Ursprungsübergreifende Isolierung
Übersicht über die ursprungsübergreifende Isolierung für Erweiterungen
- Chrome-Erweiterungen
Ursprungsrichtlinie für ursprungsübergreifendes Öffnen
Referenzdokumentation für das Attribut „cross_origin_opener_policy“ der Datei „manifest.json“
- Chrome-Erweiterungen
Einstellung und Entfernungen in Chrome 91
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 91, um dir die Planung zu erleichtern.
- Chrome
Richtlinie für ursprungsübergreifende Einbettung
Referenzdokumentation zur Eigenschaft „cross_origin_embedder_policy“ der Datei „manifest.json“
- Chrome-Erweiterungen
PWAs automatisch unter OS Login starten
Viele Betriebssysteme bieten die Möglichkeit, Anwendungen automatisch zu starten, wenn sich ein Nutzer anmeldet. Diese Funktion ist jetzt für installierte Webanwendungen verfügbar.
- Chrome
Freigabe von Wasm-Modulen auf denselben Ursprung beschränken
Die Freigabe eines WebAssembly-Moduls zwischen SameSite-Umgebungen ist auf denselben Ursprung beschränkt.
- Chrome
WebDriver BiDi – Die Zukunft der browserübergreifenden Automatisierung
WebDriver BiDi und die Zukunft der browserübergreifenden Automatisierung
- Chrome
Ursprungsübergreifende Ressourcen ohne CORP-Header mit COEP: ohne Anmeldedaten laden
„Cross-Origin-Embedder-Policy: credentialless“ ist ab Chrome 93 ein Ursprungstest. Mit diesem neuen Wert können Webseiten die ursprungsübergreifende Isolierung aktivieren, ohne dass ursprungsübergreifende Ressourcen mit einem „CORP: Cross-origin“-Header antworten müssen, indem Anfragen ohne Anmeldedaten gesendet werden.
- Chrome
Chromium Chronicle Nr. 23: Bestätigte Builds in der Chrome-Infrastruktur
Durch die Implementierung einer Richtliniendurchsetzungsprüfung für Chrome und die Infrastruktur können wir prüfen, ob bestimmte Mindeststandards für die Sicherheit erfüllt sind.
- Chrome
Telefonnummer auf dem Computer mithilfe der WebOTP API bestätigen
Ab Chrome 93 können Websites Telefonnummern über die Desktopversion von Chrome bestätigen.
Neuerungen in den Entwicklertools (Chrome 93)
Bearbeitbare CSS-Containerabfragen, Web-Set-Vorschau, bessere Stringbehandlung in der Console und mehr.
- Chrome
RenderingNG-Architektur
Hier lernen Sie die Komponenten der RenderingNG-Architektur kennen und erfahren, wie die Rendering-Pipeline sie durchläuft.
- Chromium
URLPattern ermöglicht Routing auf der Webplattform
Ein Ansatz zur Standardisierung gängiger Anwendungsfälle für den Musterabgleich.
Android-Konzepte (für Webentwickler)
Relevante und wichtige Android-Konzepte für Webentwickler, die noch nicht mit Android und Play vertraut sind.
Chrome-Erweiterungen: Verdeutlichung unserer Erweiterungsrichtlinien für einen sichereren und einheitlicheren Web Store
Wir haben unsere Sicherheitsanforderungen aktualisiert und einige Richtlinien verdeutlicht, um die Qualität von Erweiterungen und die Nutzerfreundlichkeit für Entwickler einheitlich zu halten.
- Chrome-Erweiterungen
- Chrome
Ressourcen in JavaScript-Frameworks einbinden
Erfahren Sie in Zusammenarbeit mit Projekt Aurora mehr über die neuesten Optimierungen, die in JavaScript-Frameworks implementiert wurden.
The Chromium Chronicle #22: Know Thy (Depot) Tools
Depot Tools ist eine auf Git aufbauende Sammlung von Tools, die den Workflow von Entwicklern vereinfachen, die zur Chromium-Codebasis und den zugehörigen Projekten beitragen.
- Chrome
Erweiterungsaktionen in Manifest V3
Für Chrome-Erweiterungen gab es schon seit Jahren Browser- und Page Actions APIs, aber durch Manifest V3 wurden beide durch eine allgemeine Actions API ersetzt. In diesem Beitrag wird der Verlauf dieser APIs erläutert und es wird erläutert, was sich in Manifest V3 geändert hat.
- Chrome
Sicherstellen, dass die CSP effektiv gegen XSS-Angriffe abwehrt
Hier erfahren Sie, wie Sie Cross-Site-Scripting-Angriffe (XSS) mit einer strengen Content Security Policy (CSP) verhindern.
Hochleistungsspeicher für Ihre Anwendung: die Storage Foundation API
Die Storage Foundation API schlug eine Speicher-API vor, die einem einfachen Dateisystem ähnelt und über Puffer und Offsets direkten Zugriff auf gespeicherte Daten bietet.
TablesNG behebt 72 Chromium-Fehler für bessere Interoperabilität
-- Ein neues Rendering-Modul für Tabellen macht die Erstellung von Tabellendaten im gesamten Web einheitlicher.
- Chrome
Konformität von Frameworks
In diesem Artikel wird die Konformität beschrieben, eine Methodik, die in Frameworks bei Google verwendet wird, und wie wir sie als Open-Source-Lösung für das JavaScript-Framework-Ökosystem planen.
- Chrome
Jetzt neu: Aurora
In diesem Artikel wird Aurora vorgestellt, eine Chrome-Initiative zur engen Zusammenarbeit mit Open-Source-Frameworks.
Einführung in den Memory Inspector
In diesem Artikel wird der Memory Inspector vorgestellt, der in Chrome 91 verfügbar ist. Damit können Sie ArrayBuffer, TypedArray, DataView und Wasm Memory überprüfen.
- Chrome
Jetzt neu: chrome.scripting
Die Scripting API ist eine neue Manifest V3 API, die sich auf Scripting konzentriert. Sehen wir uns die Beweggründe für diese Änderung und die Unterschiede an.
- Chrome
CSS-Rasterlayouts prüfen
Hier erfahren Sie, wie Sie mit den Chrome-Entwicklertools CSS-Raster ansehen und ändern.
- Chrome-Entwicklertools
Compute Pressure API
Compute Pressure bietet übergeordnete Status, die den Druck auf das System darstellen. Bei der Implementierung können die richtigen zugrunde liegenden Hardwaremesswerte verwendet werden, um sicherzustellen, dass die Nutzer die gesamte ihnen zur Verfügung stehende Verarbeitungsleistung nutzen können, solange das System nicht unter einer unkontrollierbaren Belastung steht.
PWAs als URL-Handler
Wenn ein Nutzer nach der Registrierung einer PWA als URL-Handler auf einen Hyperlink klickt, der mit einem der registrierten URL-Muster übereinstimmt, wird die registrierte PWA geöffnet.
Neuerungen in den Entwicklertools (Chrome 92)
CSS-Raster-Editor, Unterstützung für die erneute Deklaration der Konstante in der Konsole, Anzeige der Quellreihenfolge und mehr.
- Chrome
Chromium Chronicle Nr. 21: End-to-End-UI-Automatisierung unter ChromeOS
Tast ist eine neue UI-Bibliothek, die mithilfe der Chrome-A11y-Struktur (Barrierefreiheit) die ChromeOS-Benutzeroberfläche steuert. Mit der Bibliothek können Entwickler ganz einfach End-to-End-Tests für jede sichtbare Benutzeroberfläche erstellen.
- Chrome
Neu in Chrome 91
Einführung von Chrome 91 Web-Apps, die mit Dateien interagieren, können jetzt Dateinamen und Verzeichnisse vorschlagen, wenn die File System Access API verwendet wird. Du kannst auch Dateien aus der Zwischenablage lesen. Wenn Ihre Website mehr als eine Domain hat und diese dasselbe Back-End für die Kontoverwaltung verwenden, können Sie Chrome mitteilen, dass sie identisch sind, sodass der Passwortmanager die richtigen Anmeldedaten vorschlagen kann. Außerdem sind jetzt alle Videos von der I/O verfügbar – und es gibt noch viel mehr.
- Chrome
Legen Sie mit der deklarativen Linkerfassung fest, wie durch im Projektumfang enthaltene Links Ihre PWA geöffnet wird
Deklarative Linkerfassung ist ein Vorschlag für eine Web-App-Manifesteigenschaft namens "capture_links", mit der Entwickler deklarativ bestimmen können, was geschehen soll, wenn der Browser aufgefordert wird, zu einer URL innerhalb des Navigationsbereichs der Anwendung zu navigieren, und zwar aus einem Kontext außerhalb des Navigationsbereichs.
Browser-Flags in Chromium festlegen
Bei einigen der neuen APIs, die wir in Chromium einführen, müssen Sie eine Browser-Flag für Experimente festlegen. Informationen dazu, wie Sie dies in den verschiedenen Chromium-Derivaten wie Google Chrome und Microsoft Edge tun, finden Sie in den jeweiligen Hilfeartikeln.
- Chrome
Registrierung des URL-Protokoll-Handlers für PWAs
Wenn ein Nutzer nach der Registrierung einer PWA als Protokoll-Handler auf einen Hyperlink mit einem bestimmten Schema wie mailto, Bitcoin oder Webmusik in einem Browser oder einer plattformspezifischen App klickt, wird die registrierte PWA geöffnet und die URL empfangen.
Vertrauenswürdige Webaktivitäten offline
So wird ein Fallback-Offlinebildschirm angezeigt, wenn der Nutzer die App zum ersten Mal öffnet, wenn keine Verbindung besteht
So haben wir die Stacktraces der Chrome-Entwicklertools um das Zehnfache beschleunigt
So haben wir die Stacktraces der Chrome-Entwicklertools um das 10-Fache beschleunigt.
- Chrome
Einfügbare Streams für MediaStreamTrack
Bei einfügbaren Streams für MediaStreamTrack geht es darum, den Content eines MediaStreamTrack als Stream zur Verfügung zu stellen, der bearbeitet oder zur Erstellung neuer Inhalte verwendet werden kann.
Chromium Chronicle Nr. 20: Benchmarking-Testumgebung
Mit Benchmarks lassen sich Leistungsabfälle ganz einfach vermeiden und die Leistung verbessern.
- Chrome
Erweiterungsmanifest-Konverter
Open-Source-Tool zum Konvertieren von Erweiterungen in Manifest V3 Sie müssen weiterhin Code mit nicht mechanischen Änderungen manuell aktualisieren, z. B. die Anpassung an Service Worker oder Skripteinschleusungen.
- Chrome
Umfangreichere UI für die Installation von PWAs
Eine Einführung in die Richer Install-Benutzeroberfläche mit Anleitungen für deren Implementierung.
- Chrome
Timer mit Einschränkungen der ursprungsübergreifenden Isolierung ausrichten
Ab Chrome 91 wird die Auflösung expliziter Timer ohne ursprungsübergreifende Isolierung plattformübergreifend auf 100 Mikrosekunden begrenzt.
- Chrome
Neuerungen in den Entwicklertools (Chrome 91)
Es werden unter anderem Informationen zu Web Vitals angezeigt, CSS-Scroll-Snap-Darstellungen erstellt und das neue Arbeitsspeicherprüftool.
- Chrome
Im Web zugängliche Ressourcen für Manifest V3
Im Web zugängliche Ressourcen für Manifest V3 sind da! „manifest.json“ unterstützt jetzt Berechtigungsdefinitionen. Entwickler können Ressourcen basierend auf dem anfragenden Websiteursprung oder der Erweiterungs-ID einschränken.
- Chrome
Neu in Chrome 90
Einführung von Chrome 90 Es gibt einen neuen Wert für die CSS-Eigenschaft "Overflow". Die Feature Policy API wurde in Berechtigungsrichtlinie umbenannt. Es gibt eine neue Möglichkeit, Shadow DOM direkt in HTML zu implementieren und zu verwenden. Und es gibt noch viel mehr.
- Chrome
Aktualisierung der Entwicklertools-Architektur: Migration der Entwicklertools zu TypeScript
So migrieren wir die Chrome-Entwicklertools vom Typprüfung „Closure Compiler“ zu TypeScript.
- Chrome
Chromium Chronicle Nr. 19: Schnellere Entwicklung mit CLion
Mit der CLion IDE können Sie unter anderem über Symbole navigieren und die Codebasis durchsuchen.
- Chrome
Einstellung und Entfernungen in Chrome 90
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 90, um dir die Planung zu erleichtern.
- Chrome
Rang Magnitude zum Bericht zur Nutzererfahrung in Chrome in BigQuery hinzufügen
Rank Magnitude zum Bericht zur Nutzererfahrung in Chrome in BigQuery hinzufügen
- Chrome
VersionHistory API-Leitfaden
Eine Anleitung zur Verwendung der VersionHistory-Webdienst-API für den programmatischen Zugriff auf Google Chrome-Versionsverlaufsinformationen.
Schnellerer Veröffentlichungszyklus von Google Chrome
Im Laufe des Jahres planen wir, den Releasezyklus zu verkürzen und alle vier Wochen eine neue Version von Google Chrome in der stabilen Version zu veröffentlichen, die bereits seit sechs Wochen verfügbar ist.
- Chrome
Beispiele für die VersionHistory API
Beispiel für die Verwendung der Webdienst-API VersionHistory.
Referenz zur VersionHistory API
Technische Referenzinformationen zur VersionHistory-Webdienst-API.
Neu in Chrome 89
Chrome 89 wird jetzt eingeführt. WebHID, WebNFC und Web Serial haben ihre Ursprungstests abgeschlossen und sind jetzt stabil verfügbar. Wir schließen eine Lücke, die einige Entwickler bei der Prüfung der Installierbarkeit von PWAs umgangen haben. Web Share und Web Share Target sind jetzt auch für den Computer verfügbar. Und das ist noch längst nicht alles!
- Chrome
Neuerungen in den Entwicklertools (Chrome 90)
Debugging-Unterstützung für CSS Flexbox, Leistungs-Head-up-Anzeige auf der Seite, Aktualisierung von Tabs zu Problemen und mehr
- Chrome
Unterstützung von CSS in JS in den Entwicklertools
Wie wir CSS-in-JS in den Entwicklertools unterstützen und wie es sich von regulärem CSS unterscheidet
Unterstützung von CSS in JS in den Entwicklertools
Wie wir CSS-in-JS in den Entwicklertools unterstützen und wie es sich von regulärem CSS unterscheidet
- Chrome
- Chrome-Entwicklertools
Vorbereitung auf die Anzeigemodi von morgen
Mit der Property „display_override“ können Entwickler eine benutzerdefinierte Fallback-Kette von Modi definieren, in denen ihre PWAs angezeigt werden sollen.
Chromium Chronicle Nr. 18: Chromium-Codeabdeckung
Die Testabdeckung misst, wie viel Quellcode ausgeführt wird, wenn eine bestimmte Testsuite ausgeführt wird.
- Chrome
Updates bei hardwarebeschleunigten Animationsfunktionen
Chromium aktualisiert seine Hardwarebeschleunigungsfunktionen auf SVG-Animationen, prozentbasierte Transformationen, Clippfade, Hintergrundbilder und mehr.
- Chrome
Nachrichten in der Console formatieren und gestalten
Informationen zum Formatieren und Gestalten von Nachrichten in der Console.
- Chrome-Entwicklertools
Internationaler Tag der Muttersprache 2021
Am 21. Februar wird jedes Jahr am Internationalen Tag der Muttersprache die kulturelle Vielfalt gefeiert. Sie setzt sich für die Erhaltung und den Schutz von Sprachen ein, die auf der ganzen Welt gesprochen werden, und feiert die Mehrsprachigkeit.
- Chrome
Verbesserte Erkennung der Offlineunterstützung von progressiven Web-Apps
Die Verifizierung der Offlineunterstützung war von Anfang an Teil der Kriterien für die Installierbarkeit von PWAs.
- Chrome
Startzeit der Entwicklertools verkürzen
Reduzieren Sie den Leistungsaufwand der Entwicklertools für die Nachrichtenweiterleitung im Front-End.
- Chrome
Einstellung und Entfernungen in Chrome 89
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 89, um dir die Planung zu erleichtern.
- Chrome
Chromium Chronicle Nr. 17: Browser-Testmixins
Beim Schreiben eines Browsertests möchten Sie oft programmatisch Einrichtungsaktionen ausführen, die der Nutzer manuell ausführen könnte. Mixins sind Tools, mit denen Sie eine nicht triviale Browsertesteinrichtung auf wiederverwendbare Weise durchführen können.
- Chrome
Ressourcenauswahl mit Clienthinweisen automatisieren
Bildoptimierung ist schwierig und Automatisierung der Schlüssel zum Erfolg.
- Chrome
Zahlungen über Google Play Billing mit der Digital Goods API und der Payment Request API erhalten
Zahlungen über Google Play Billing in deiner PWA mit der Digital Goods API, der Payment Request API und Trusted Web Activity erhalten
Puppeteer zu TypeScript migrieren
Wie wir Puppeteer zu TypeScript migrieren
- Chrome
Neu in Chrome 88
Chrome 88 wird jetzt eingeführt. Du kannst jetzt Erweiterungen mit Manifest v3 in den Chrome Web Store hochladen. Mit der CSS-Eigenschaft für das Seitenverhältnis kann das Seitenverhältnis für jedes Element ganz einfach festgelegt werden. Sie können Play Billing jetzt in Ihren vertrauenswürdigen Webaktivitäten verwenden und es gibt noch viel mehr. Sehen wir uns einmal an, was es für Entwickler in Chrome 88 Neues gibt.
- Chrome
Neuerungen in den Entwicklertools (Chrome 89)
Debugging-Unterstützung bei Verstößen gegen vertrauenswürdige Typen, Screenshot von Knoten außerhalb des Darstellungsbereichs erstellen, neuer Tab „Trust Tokens“ für Netzwerkanfragen und mehr.
- Chrome
SharedArrayBuffer-Updates in Android Chrome 88 und Chrome 92 für Computer
„SharedArrayBuffer“ wird in Android Chrome 88 eingeführt. Sie ist nur für Seiten verfügbar, die ursprungsübergreifend isoliert sind. Ab Chrome 92 für Computer ist sie auch nur noch für ursprungsübergreifende isolierte Seiten verfügbar. Sie können sich für einen Ursprungstest registrieren, um das aktuelle Verhalten bis zur Desktopversion von Chrome 113 beizubehalten.
- Chrome
Starke Drosselung verketteter JS-Timer ab Chrome 88
Die intensive Drosselung tritt in Kraft, wenn die Seite länger als 5 Minuten ausgeblendet ist, mindestens 30 Sekunden lang nichts passiert, WebRTC nicht verwendet wird und die Timerkette mindestens 5 Sekunden beträgt.
- Chrome
Chromium Chronicle Nr. 16: Google Apps auf dem Computer aktualisieren
Haben Sie sich schon einmal gefragt, wie Chrome Ihren Desktop immer auf dem neuesten Stand hält? Oder wie werden Updates für Chromebooks, Chromecast oder Android bereitgestellt?
- Chrome
Fehlerbehebung bei WebAssembly mit modernen Tools
Schritt-für-Schritt-Übersicht über die neue Fehlerbehebung für WebAssembly in den Chrome-Entwicklertools.
- Chrome
Aktualisierung der Entwicklertools-Architektur: Migration zu Webkomponenten
Warum und wie wir die Chrome-Entwicklertools zu Webkomponenten migrieren
- Chrome
Einstellung und Entfernungen in Chrome 88
Hier findest du eine Zusammenfassung der Einstellungen und Löschungen in Chrome 88, um dir die Planung zu erleichtern.
- Chrome
Willkommen bei der neuen Version von developer.chrome.com!
Ankündigung einer Neugestaltung der Website und einer Zusammenfassung unserer Pläne für 2021.
- Chrome
Google Play Billing verwenden
Google Play Billing bietet Tools zur Verwaltung Ihres Katalogs, Ihrer Preise und Abos, Berichte und einen Bezahlvorgang, der vom Play Store unterstützt wird.
App zum Play Store hinzufügen
TWA dem Play Store hinzufügen
Neu bei Web In Play
Informationen zu den neuen Funktionen für Webanwendungen, die vertrauenswürdige Web-Aktivitäten verwenden.
Lazy Loading von Drittanbieterressourcen mit Fassaden
Weitere Informationen zu den Möglichkeiten zum Lazy Loading von Ressourcen von Drittanbietern mit Fassaden.
Chromium Chronicle Nr. 15: Sichtbarkeit von Zielen einschränken
In Chromium ist es üblich, Code für eine Komponente zu finden, der an anderer Stelle nützlich wäre, aber versteckte Einschränkungen haben kann. Beschränken Sie aus Sicherheitsgründen den externen Zugriff auf gefährliche Funktionen, indem Sie die Zielsichtbarkeit einschränken.
- Chrome
Play Billing in deinen vertrauenswürdigen Webaktivitäten verwenden
Hier erfährst du, wie du Google Play Billing in dein Projekt für vertrauenswürdige Webaktivitäten einbinden kannst.
Bessere JS-Planung mit isInputPending()
Eine neue JavaScript-API, die Ihnen helfen kann, einen Kompromiss zwischen Ladeleistung und Reaktionsschnelligkeit bei Eingaben zu vermeiden.
Simulieren von Farbsehschwächen in Blink Renderer
Warum und wie wir die Simulation von Farbblindheit in den Entwicklertools und Blink Renderer implementiert haben
- Chromium
Neu in Chrome 87
Einführung von Chrome 87 Sie können jetzt bei Webcams, die dies unterstützen, Schwenken, Neigen und Zoomen steuern, Bereichsanfragen und Service Worker erfordern weniger Problemumgehungen, die Font Access API startet den Ursprungstest und vieles mehr. Sehen wir uns einmal an, was es für Entwickler in Chrome 87 Neues gibt.
- Chrome
workbox-rezepte
Gängige Arbeitsbox-Muster lassen sich ganz einfach verwenden, ohne sie selbst aus einzelnen Paketen einrichten zu müssen.
Neuerungen in den Entwicklertools (Chrome 88)
Neue CSS-Tools für die Winkelvisualisierung, emulieren nicht unterstützte Bildtypen und Speicherkontingente, neue Web Vitals-Spur und vieles mehr.
- Chrome
Puppetaria: Puppeteer-Skripte, bei denen die Barrierefreiheit im Mittelpunkt steht
Puppetaria – Puppeteer-Scripts, bei denen die Barrierefreiheit im Vordergrund steht
- Chrome
Web Share Target in Trusted Web Activity aktivieren
Hier erfahren Sie, wie Sie Web Share Target in einem Projekt mithilfe von Trusted Web Activity aktivieren.
Manifest V2
Dokumentation für Entwickler von Chrome-Erweiterungen.
- Chrome-Erweiterungen
Feedback gewünscht: CORS für private Netzwerke (RFC1918)
Die unbeabsichtigte Offenlegung von Geräten und Servern im internen Netzwerk eines Clients im Web macht sie anfällig für schädliche Angriffe. CORS-RFC1918 ist ein Vorschlag, Anfragen aus öffentlichen Netzwerken standardmäßig im Browser zu blockieren, sodass interne Geräte solche Anfragen annehmen müssen.
- Chrome
Chromium Chronicle Nr. 14: Tests zur Wasserfall-Methode hinzufügen
Möchten Sie Regressionen für Ihre neue Funktion in Chrome erkennen? Binden Sie Ihre Tests in die Vermittlungsabfolge ein, die kontinuierliche Build- und Testinfrastruktur von Chrome.
- Chrome
So haben wir den Tab „WebAuthn“ in den Chrome-Entwicklertools erstellt
Wir haben den Tab „WebAuthn“ in den Chrome DevTools erstellt, damit Entwickler Authenticators emulieren, ihre Funktionen anpassen und ihren Status prüfen können.
Installierte Webanwendungen als Datei-Handler verwenden
Eine App als Dateihandler beim Betriebssystem registrieren. Da Webanwendungen jetzt Dateien lesen und schreiben können, ist der nächste logische Schritt, dass Entwickler diese Webanwendungen als Datei-Handler für die Dateien deklarieren können, die
Einstellungen und Entfernungen in Chrome 87
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 87, um dir die Planung zu erleichtern.
- Chrome
Videoverarbeitung mit WebCodecs
Sie können mit Komponenten eines Videostreams arbeiten, z. B. mit Frames und nicht gemischten Blöcken von codiertem Video oder Audio.
Durch Partitionierung des Caches für mehr Sicherheit und Datenschutz sorgen
Die HTTP-Cache-Partitionierung in Chrome sorgt für mehr Sicherheit und Datenschutz.
- Chrome
Neu in Chrome 86
Einführung von Chrome 86 Die Dateisystemzugriffs-API ist jetzt in stabiler Version verfügbar. Es gibt neue Ursprungstests für Web HID und die Multi-Screen Window Placement API. Es gibt einige neue CSS-Funktionen und vieles mehr. Sehen wir uns an, was es für Entwickler in Chrome 86 Neues gibt.
- Chrome
Neuerungen in den Entwicklertools (Chrome 87)
Neue CSS-Grid-Debugging-Tools, Tab „Web Authn“, verschiebbare Tools und berechneter Seitenleistenbereich.
- Chrome
Ursprungstests von Drittanbietern
Hier erfährst du, wie Anbieter von eingebetteten Inhalten neue oder experimentelle Webplattformfunktionen auf mehreren Websites testen können.
So wurde der Tab „Probleme mit den Chrome-Entwicklertools“ erstellt
So haben wir den Tab „Probleme in den Chrome-Entwicklertools“ erstellt, um die Erkennung und Lösung von Problemen für Entwickler zu verbessern.
- Chrome
Sensoren: Gerätesensoren emulieren
Im Bereich „Sensoren“ können Sie die Standortermittlung überschreiben, die Geräteausrichtung simulieren, Force Touch erzwingen und den Inaktivitätsstatus emulieren.
- Chrome-Entwicklertools
Von Workbox v5 zu v6 migrieren
Leitfaden für die Migration von Workbox v5 zu v6
Verbindung zu ungewöhnlichen HID-Geräten herstellen
Über die WebHID API können Websites auf alternative Hilfstastaturen und exotische Gamepads zugreifen.
Mehrere Bildschirme mit der Window Management API verwalten
Mit der Window Management API können Sie die mit Ihrem Computer verbundenen Displays auflisten und Fenster auf bestimmten Bildschirmen platzieren.
Aktualisierung der Entwicklertools-Architektur: Migration zu JavaScript-Modulen
So migrieren wir die Chrome-Entwicklertools zu JavaScript-Modulen
- Chrome
Einstellungen und Entfernungen in Chrome 86
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 86, um dir die Planung zu erleichtern.
- Chrome
Neu in Chrome 85
Einführung von Chrome 85 Wenn Sie die Sichtbarkeit von Inhalten aktivieren, können Sie die Rendering-Leistung verbessern. CSS-Eigenschaften können jetzt in CSS festgelegt werden. Mit der getinstalledRelatedApps() API können Sie jetzt prüfen, ob Ihre Windows-App oder PWA installiert ist. Verknüpfungen für App-Symbole funktionieren auch unter Windows. Es gibt einen Ursprungstest für das Streaming von Abruf-Uploads. Und vieles mehr. Sehen wir uns an, was es für Entwickler in Chrome 85 Neues gibt.
- Chrome
Erweiterte Typografie mit lokalen Schriftarten verwenden
Die Local Font Access API listet die vom Nutzer installierten lokalen Schriftarten auf und bietet Zugriff auf die verschiedenen TrueType/OpenType-Tabellen
Neuerungen in den Entwicklertools (Chrome 86)
Neues Mediensteuerfeld, Knoten-Screenshot aufnehmen, Tab „Probleme“ aktualisiert, fehlende lokale Schriftarten emulieren, inaktive Nutzer und bevorzugt-reduzierte Daten.
- Chrome
Zusätzliche HTTP-Anfrageheader hinzufügen
Leitfaden zum Hinzufügen von HTTP-CORS-Headern zu Intents auf benutzerdefinierten Tabs
Aus einem seriellen Port lesen und darauf schreiben
Die Web Serial API verbindet das Web und die physische Welt, indem es Websites die Kommunikation mit seriellen Geräten ermöglicht.
Neue Standard-Verweisrichtlinie für Chrome – strict-origin-when-cross-origin
Neue Standard-Verweisrichtlinie für Chrome – strict-origin-when-cross-origin
- Chrome
Tasten mit der Keyboard Lock API erfassen
Mit der Keyboard Lock API können Websites Schlüssel erfassen, die normalerweise für das zugrunde liegende Betriebssystem reserviert sind. Sie ist für Webanwendungen gedacht, die ein immersives Vollbilderlebnis bieten, z. B. Spiele oder Apps für den Remotezugriff.
Dateien und Verzeichnisse mit der Bibliothek „browser-fs-access“ lesen und schreiben
Alle modernen Browser können lokale Dateien und Verzeichnisse lesen. Ein echter Schreibzugriff, d. h. nicht nur das Herunterladen von Dateien, ist jedoch auf Browser beschränkt, in denen die File System Access API implementiert ist. In diesem Beitrag wird eine Supportbibliothek namens browser-fs-access vorgestellt, die als Abstraktionsschicht auf der File System Access API fungiert und transparent auf ältere Ansätze für den Umgang mit Dateien zurückgreift.
Streaminganfragen mit der Fetch API
Chromium unterstützt das Upload-Streaming jetzt ab Version 105. Das bedeutet, dass Sie eine Anfrage starten können, bevor der gesamte Text verfügbar ist.
Einstellungen und Entfernungen in Chrome 85
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 85, um dir die Planung zu erleichtern.
- Chrome
Houdini – CSS entmystifizieren
Houdini ist eine Sammlung von APIs, die Entwicklern das Interna der CSS-Engine zur Verfügung stellt.
Neu in Chrome 84
Einführung von Chrome 84 Nutzer können mithilfe von App-Symbol-Verknüpfungen häufige Aufgaben in Ihrer App starten. Die Web Animations API unterstützt jetzt eine ganze Reihe zuvor nicht unterstützter Funktionen. Wake Lock und die Content Indexing API sind eine Weiterentwicklung des Ursprungstests. Es gibt neue Ursprungstests für die Erkennung von Inaktivität und SIMD. Und es gibt noch viel mehr. Sehen wir uns einmal an, was es für Entwickler in Chrome 84 Neues gibt.
- Chrome
Benutzerdefinierte Tabs unter Android 11 verwenden
Benutzerdefinierte Tabs unter Android 11 verwenden
- Chrome
Nicht verwendetes JavaScript entfernen
Erfahren Sie, wie Sie die Lighthouse-Prüfung bestehen und nicht verwendetes JavaScript entfernen.
Neuerungen in den Entwicklertools (Chrome 85)
Stilbearbeitung für CSS-in-JS-Frameworks, Lighthouse 6.0, neue JavaScript-Funktionen und mehr.
- Chrome
CrUX API verwenden
Hier erfahren Sie, wie Sie mit der Chrome UX Report API RESTful-Zugriff auf echte Daten zu Millionen von Websites erhalten.
- UX-Bericht für Chrome
Mit User-Agent-Client-Hints den Datenschutz und die Nutzerfreundlichkeit für Entwickler verbessern
User-Agent-Client-Hinweise sind eine neue Erweiterung der Client Hints API, mit der Entwickler auf datenschutzfreundliche und ergonomische Weise auf Informationen zum Browser eines Nutzers zugreifen können. Mit Client-Hints können Entwickler
CrUX-Dashboard in Looker Studio erstellen
Looker Studio ist ein leistungsstarkes Tool zur Datenvisualisierung, mit dem Sie Dashboards auf der Grundlage von Big Data-Quellen wie dem UX-Bericht für Chrome erstellen können. In diesem Leitfaden erfahren Sie, wie Sie Ihr eigenes benutzerdefiniertes CrUX-Dashboard erstellen, um die Nutzererfahrung an einem Ursprung zu erfassen.
- UX-Bericht für Chrome
BigQuery-Dataset für CrUX-Nutzer verwenden
In diesem Leitfaden erfahren Sie, wie Sie mit BigQuery Abfragen im CrUX-Dataset schreiben, um aufschlussreiche Ergebnisse zum Status der Nutzererfahrung im Web zu extrahieren.
- UX-Bericht für Chrome
WebTransport verwenden
WebTransport ist eine API, die bidirektionales Client-Server-Messaging mit niedriger Latenz ermöglicht. Hier finden Sie weitere Informationen zu den Anwendungsfällen und dazu, wie Sie Feedback zur zukünftigen Implementierung geben können.
Einstellungen und Entfernungen in Chrome 84
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 84, um dir die Planung zu erleichtern.
- Chrome
Neu in Chrome 83
Einführung von Chrome 83 Außerdem werden vertrauenswürdige Typen unterstützt, mit denen sich Cross-Site-Scripting-Schwachstellen vermeiden lassen. Formularelemente erhalten eine wichtige Überarbeitung. Es gibt eine neue Möglichkeit, Speicherlecks zu erkennen. Die native Dateisystem-API startet einen neuen Ursprungstest mit zusätzlichen Funktionen. Sehen wir uns an, was es für Entwickler in Chrome 83 Neues gibt.
- Chrome
Neu in Lighthouse 6.0
Neue Messwerte, Aktualisierung des Leistungsbewertungs-Scores, neue Prüfungen und mehr. Heute veröffentlichen wir Lighthouse 6.0. Lighthouse ist ein automatisiertes Website-Audit-Tool, das Entwicklern Verbesserungsmöglichkeiten und Diagnosen zur
- Chrome
Inaktive Nutzer mit der Idle Detection API erkennen
Die Idle Detection API benachrichtigt Entwickler, wenn ein Nutzer inaktiv ist. Dies weist auf unzureichende Interaktion mit Tastatur, Maus oder Bildschirm hin, die Aktivierung eines Bildschirmschoners, das Sperren des Bildschirms oder das Wechseln zu einem anderen Bildschirm. Ein vom Entwickler definierter Schwellenwert löst die Benachrichtigung aus.
Probleme: Probleme finden und beheben
Im Bereich „Probleme“ können Sie Probleme mit Ihrer Website finden und beheben.
- Chrome-Entwicklertools
Umgang mit umfangreichen Anzeigeninterventionen
Umgang mit umfangreichen Anzeigeninterventionen
- Chrome
Neuerungen in den Entwicklertools (Chrome 84)
Der neue Tab „Probleme“, Informationen zur Barrierefreiheit in der Kurzinfo zum Prüfmodus und mehr.
- Chrome
Die Charset-Deklaration fehlt oder tritt zu spät im HTML-Code auf.
Hier erfahren Sie, wie Sie Ihrem HTML-Code eine Zeichencodierungsdeklaration hinzufügen.
Einstellung und Entfernungen in Chrome 83
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 83, um dir die Planung zu erleichtern.
- Chrome
Neu in Chrome 81
Einführung von Chrome 81 Das App-Symbol-Badge ist Teil des Ursprungstests. Treffertests für Augmented Reality sind jetzt im Browser verfügbar. Web-NFC startet den Ursprungstest. Und ich habe ein Update zum angepassten Chrome-Veröffentlichungszeitplan erhalten. Sehen wir uns einmal an, was es für Entwickler in Chrome 81 Neues gibt.
- Chrome
WebSocketStream: Streams in die WebSocket API einbinden
WebSocketStream integriert Streams in die WebSocket API. So kann Ihre App Backpressure auf empfangene Nachrichten anwenden.
Chromium Chronicle Nr. 13: Debugging von Zeitreisen mit RR
Führen Sie immer wieder denselben Test im Debugger aus, um herauszufinden, warum der Code fehlerhaft ist? Wir haben ein Tool für Sie! RR zeichnet ein Ausführungs-Trace auf, sodass Sie ganz einfach rückwärts gehen oder rückwärts laufen können. Außerdem sehen Sie, wo sich Variablen ihren Wert geändert haben oder wann eine Funktion zuletzt für ein Objekt aufgerufen wurde.
- Chrome
Neuerungen in den Entwicklertools (Chrome 83)
Emulation von Farbblindheit, Emulation von Gebietsschemata, COOP- und COEP-Fehlerbehebung und vieles mehr.
- Chrome
Einstellungen und Entfernungen in Chrome 81
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 81, um dir die Planung zu erleichtern.
- Chrome
Mit NFC-Geräten in Chrome für Android interagieren
In Chrome für Android ist jetzt das Lesen und Schreiben in NFC-Tags möglich.
Daten zu Berechtigungen für Benachrichtigungen zum Bericht zur Nutzererfahrung in Chrome hinzufügen
Damit Websiteinhaber die Messwerte zu Berechtigungen für Benachrichtigungen besser nachvollziehen können, fügen wir diese Daten dem Bericht zur Nutzererfahrung in Chrome aus dem Jahr 20201 hinzu. So erhalten Websiteinhaber einen besseren Überblick über die typischen Antworten auf Berechtigungen für Benachrichtigungen auf ihren Websites und vergleichbare Websites in ihrer Kategorie.
- Chrome
Chromium Chronicle Nr. 10: UI-Regressionen mit Pixeltests erfassen
Die Teststrategie von Chrome stützt sich stark auf automatisierte Funktionsrichtigkeitstests und manuelle Tests, aber keine davon erkennt zuverlässig kleinere Regressionen der Benutzeroberfläche. Verwenden Sie Pixeltests, um das Testen der Benutzeroberfläche Ihres Desktop-Browsers zu automatisieren.
- Chrome
Benutzerdefinierten Tab für Links in einem WebView öffnen
Kombinieren Sie WebViews und benutzerdefinierte Tabs, um die Nutzerfreundlichkeit zu verbessern.
Neu in Chrome 80
Chrome 80 wird gerade eingeführt und bietet jede Menge neue Funktionen für Entwickler. Es werden Module in Workern, optionale Verkettung in JavaScript, neue Ursprungstests, Funktionen aus dem Ursprungstest und vieles mehr unterstützt. Sehen wir uns einmal an, was es für Entwickler in Chrome 80 Neues gibt.
- Chrome
Prüfen, ob ein Android-Gerät einen Browser hat, der benutzerdefinierte Tabs unterstützt
Weitere Informationen
Die Lage des Landes
Eine Übersicht über die Bibliotheken und Tools zum Erstellen von vertrauenswürdigen Web-Aktivitäten.
Übersicht über benutzerdefinierte Android-Tabs
Erfahre, wann du am besten benutzerdefinierte Android-Tabs zum Öffnen einer URL in deiner Android-App verwenden solltest.
Übersicht
Hier erfährst du, wie du deine progressive Web-App mithilfe einer vertrauenswürdigen Web-Aktivität nahtlos in deine Android-App integrieren kannst.
Integrationsleitfaden
Hier erfahren Sie, wie Sie vertrauenswürdige Webaktivitäten in Ihrer Android-App verwenden.
Verwendung der Low-Level-API des benutzerdefinierten Tabs
Hier erfahren Sie, wie Sie einen benutzerdefinierten Tab ohne die AndroidX-Bibliothek zur Browserunterstützung verwenden.
Neuerungen in den Entwicklertools (Chrome 81)
Moto G4 im Gerätemodus, neue Cookie-bezogene Funktionen und mehr.
- Chrome
Informationen mithilfe von Suchparametern an eine vertrauenswürdige Web-Aktivität weitergeben
Informationen zum Übertragen von Informationen aus der nativen Shell an die Webanwendung beim Starten einer vertrauenswürdigen Web-Aktivität
Vertrauenswürdige Webaktivitäten aus mehreren Quellen
Eine App mit vertrauenswürdigen Web-Aktivitäten erstellen, die das Öffnen mehrerer Ursprünge im Vollbildmodus unterstützt.
Largest Contentful Paint
Hier erfahren Sie mehr über den Largest Contentful Paint-Messwert in Lighthouse und erfahren, wie Sie ihn messen und optimieren.
android-browser-helper, eine neue Bibliothek zur Erstellung von vertrauenswürdigen Web-Aktivitäten.
Einführung von android-browser-helper, einer neuen Bibliothek zur Erstellung von vertrauenswürdigen Webaktivitäten
Einstellungen und Entfernungen in Chrome 80
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 80, um dir die Planung zu erleichtern.
- Chrome
Von Workbox v4 zu v5 migrieren
Leitfaden für die Migration von Workbox v4 zu v5
Chromium Chronicle Nr. 9: ClusterFuzz
Es kann sein, dass Sie aufgefordert werden, wichtige Sicherheitslücken zu beheben, die von ClusterFuzz gefunden wurden. Worum geht es? Solltest du diese Fehler ernst nehmen? Wie können Sie helfen?
- Chrome
Offlinefähige Seiten mit der Content Indexing API indexieren
Ihre PWA speichert möglicherweise Artikel und Mediendateien im Cache. Aber woher wissen Ihre Nutzer, dass Ihre Seiten offline funktionieren? Die Content Indexing API ist eine Antwort auf diese Frage. Sobald der Index mit Inhalten aus Ihrer PWA und allen anderen installierten PWAs gefüllt ist, wird er in dafür vorgesehenen Bereichen unterstützter Browser angezeigt.
Neu in Chrome 79
Einführung von Chrome 79 Bei auf Android-Geräten installierten progressiven Web-Apps werden maskierbare Symbole unterstützt. Mit der WebXR Device API können Sie jetzt immersive Erlebnisse schaffen. Ursprungstests für die Wake Lock API und das Renderingsubtree-Attribut starten. Alle Videos vom Chrome Dev Summit 2019 sind jetzt online. Sehen wir uns einmal an, was es für Entwickler in Chrome 79 Neues gibt.
- Chrome
Verbessertes WebAssembly-Debugging in den Chrome-Entwicklertools
Über die Entwicklertools können Sie in Ihren Quellsprachen über den Code wechseln, Haltepunkte festlegen und Stacktraces auflösen.
- Chrome
Neuerungen in den Entwicklertools (Chrome 80)
Unterstützung für Redeklarationen von Let und Klassen in der Console, verbessertes WebAssembly-Debugging und mehr.
- Chrome
The Chromium Chronicle Nr. 8: GWP-ASan: Identifizierung von Programmfehlern in der Wildnis
GWP-ASan ist ein nur Heap-Speicherfehlerdetektor für den Einsatz in freier Wildbahn. Es erkennt Use-After-Frees, Pufferüberläufe/-unterläufe und Double Frees. Im Gegensatz zu ASan erkennt es keine Fehler auf dem Stack oder in globalen Aufrufen.
- Chrome
Erste Schritte mit Web Bundles
Mit Web Bundles können Sie Websites als einzelne Datei über Bluetooth teilen und offline im ursprünglichen Kontext ausführen.
Mehr Offlinefunktionen mit der Periodic Background Sync API
Die regelmäßige Hintergrundsynchronisierung ermöglicht es Webanwendungen, Daten regelmäßig im Hintergrund zu synchronisieren, um Web-Apps dem Verhalten einer iOS-, Android- oder Desktop-App anzunähern.
Freigegebene Daten mit der Web Share Target API empfangen
Auf einem Mobilgerät oder Desktop-Gerät sollte das Teilen so einfach sein: Klicken Sie auf die Schaltfläche „Freigeben“, wählen Sie eine App aus und legen Sie dann fest, mit wem Sie Inhalte teilen möchten. Über die Web Share Target API können installierte Webanwendungen sich beim zugrunde liegenden Betriebssystem registrieren, um geteilte Inhalte zu erhalten.
Einstellungen und Entfernungen in Chrome 79
Hier finden Sie eine Übersicht über die Einstellungen und Löschungen in Chrome 79, um Ihnen die Planung zu erleichtern.
- Chrome
Notification Triggers API
Mit der Notification Triggers API können Entwickler lokale Benachrichtigungen planen, für die keine Netzwerkverbindung erforderlich ist. Daher sind sie ideal für Anwendungsfälle wie Kalender-Apps.
Chromium Chronicle Nr. 7: Quelle für Vorverarbeitung
Das manuelle Kompilieren einer einzelnen Chromium-Quelldatei kann Entwicklern helfen, mit Compiler-Optimierungsoptionen zu experimentieren, subtile Makrodetails zu verstehen und Compiler-Fehler zu minimieren. Diesen Monat beschäftigen wir uns mit der Vorverarbeitung der Quelle.
- Chrome
Neu in Chrome 78
Einführung von Chrome 78 Sie können jetzt "Typen" für CSS-Variablen angeben. Sie erhalten aktuellere Service Worker, da jetzt bytegenaue Prüfungen für Skripts durchgeführt werden, die von importScripts() importiert wurden. Außerdem habe ich Details zu zwei neuen Ursprungstests, die einige tolle neue Funktionen bieten, einschließlich des nativen Dateisystems und des SMS-Empfängers. Außerdem findet vom 11. bis 12. November 2019 der Chrome DevSummit statt. Sehen wir uns einmal an, was es für Entwickler in Chrome 78 Neues gibt.
- Chrome
Neuerungen in den Entwicklertools (Chrome 79)
Hier können Sie zum Beispiel herausfinden, warum Cookies blockiert wurden, und „prefers-color-scheme: dunkel“ sowie die Codeabdeckung aktualisieren.
- Chrome
Gesamte Blockierzeit
Hier erfahren Sie mehr über den Messwert „Total Blocking Time“ von Lighthouse und wie Sie ihn messen und optimieren können.
Telefonnummern im Web mit der WebOTP API bestätigen
Das Suchen, Speichern und Eingeben von OTPs per SMS ist umständlich. Die WebOTP API vereinfacht den OTP-Workflow für Nutzer.
Chromium Chronicle #6: Rasteransicht von Monorail
Der Problem-Tracker von Chrome, Monorail, bietet eine Rasteransicht, mit der Sie Ihre Probleme in einer Kanban-Tafel visualisieren können. In dieser Folge wird die Verwendung des Rastermodus erläutert.
- Chrome
Einstellung und Entfernungen in Chrome 78
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 78, um dir die Planung zu erleichtern.
- Chrome
Aktuellere Service-Worker (Standard)
HTTP-Anfragen, die nach Updates für das Service Worker-Skript suchen, werden nicht mehr standardmäßig vom HTTP-Cache ausgeführt. Importierte Skripts können den Updatevorgang für den Service Worker auslösen.
- Chrome
Lighthouse-Bewertung für Barrierefreiheit
Informationen dazu, wie Lighthouse den Barrierefreiheit-Score für deine Seite generiert
Lighthouse-Leistungsbewertung
Hier erfahren Sie, wie Lighthouse die Gesamtleistung Ihrer Seite berechnet.
Neu in Chrome 77
Einführung von Chrome 77 Es gibt eine bessere Möglichkeit, die Leistung Ihrer Website mit Largest Contentful Paint zu erfassen. Google Formulare erhält einige neue Funktionen. Jetzt verfügbar: Natives Lazy Loading Der Chrome DevSummit findet vom 11. bis 12. November 2019 statt. Und vieles mehr. Tauchen wir ein und sehen wir uns an, was es für Entwickler in Chrome 77 Neues gibt.
- Chrome
Fehler bei Hintergrunddiensten beheben
Hier können Sie sich Berichte ansehen und Hintergrunddienste wie Hintergrundabruf, Hintergrundsynchronisierung, Benachrichtigungen und Push-Nachrichten debuggen.
- Chrome-Entwicklertools
Neuerungen in den Entwicklertools (Chrome 78)
Lighthouse 5.2 im Bereich „Audits“ und „Largest Contentful Paint“ im Steuerfeld „Leistung“.
- Chrome
Kurzanleitung
Ein Leitfaden für die ersten Schritte zum Erstellen einer einfachen, einfachen Trusted Web Activity-Aktivität.
Erste Schritte mit GPU-Computing im Web
In diesem Beitrag wird die experimentelle WebGPU API anhand von Beispielen vorgestellt und Sie erhalten Informationen zum Einstieg in die Durchführung datenparalleler Berechnungen mit der GPU.
Chromium Chronicle Nr. 5: Programmieren außerhalb der Sandbox
Der gesamte Code enthält Fehler. Der Chrome-Browser-Prozess hat keine Sandbox, was bedeutet, dass diese Fehler dazu führen könnten, dass schädlicher Code vollen Zugriff auf das gesamte Gerät erhält. In dieser Folge erfährst du, was du beim Programmieren ohne Sandbox tun solltest.
- Chrome
Codezustand mit der ReportingObserver API ermitteln
ReportingObserver informiert Sie, wenn auf Ihrer Website eine veraltete API verwendet wird oder wenn ein Browser-Intervention ausgeführt wird. Die grundlegenden Funktionen waren ursprünglich in Chrome 69 verfügbar. Ab Chrome 84 kann es in Workern verwendet werden. Ganz einfach.
Einstellungen und Entfernungen in Chrome 77
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 77, um dir die Planung zu erleichtern.
- Chrome
Kontaktauswahl für das Web
Der Zugriff auf die Kontakte der Nutzer ist seit (fast) Anfang der Zeit eine Funktion von iOS-/Android-Apps. Die Contact Picker API ist eine On-Demand-API, mit der Nutzer einen oder mehrere Einträge aus ihrer Kontaktliste auswählen und bestimmte Details zu den ausgewählten Kontakten mit einer Website teilen können. Es ermöglicht Nutzern, nur das zu teilen, was sie möchten, und macht es für Nutzende einfacher, ihre Freunde und Familienmitglieder zu erreichen und mit ihnen in Kontakt zu treten.
Chromium Chronicle Nr. 4: Funktionen der Webplattform mit WPT testen
Web Platform-Tests (WPT) sind die bevorzugte Methode zum Testen von Funktionen, die über das Web bereitgestellt werden, da sie über GitHub mit anderen Browsern geteilt werden. Diesen Monat werfen wir einen Blick auf die Best Practices für WPT.
- Chrome
Neu in Chrome 76
Einführung von Chrome 76 Sie unterstützt jetzt die Medienabfrage „prefers-color-scheme“ und ermöglicht den dunklen Modus auf Websites. Eine Installationsschaltfläche in der Omnibox, die die Installation progressiver Web-Apps auf dem Desktop erleichtert Eine Möglichkeit, zu verhindern, dass die Miniinfoleiste auf Mobilgeräten angezeigt wird. Erhöht die Häufigkeit, mit der WebAPKs aktualisiert werden. Und vieles mehr. Sehen wir uns einmal an, was es für Entwickler in Chrome 76 Neues gibt.
- Chrome
Medienupdates in Chrome 75
Vorhersage, ob die Wiedergabe bei verschlüsselten Medien reibungslos und energieeffizient abläuft, und Unterstützung des Attributhinweises „playsInline“ des Videoelements
- Chrome
Neuerungen in den Entwicklertools (Chrome 77)
Kopieren Sie Elementstile, visualisieren Sie Layoutverschiebungen und mehr.
- Chrome
Aktualisierung der Webkomponenten: mehr Zeit für das Upgrade auf v1-APIs
Nutzer von Web Components v0 haben mehr Zeit für das Upgrade auf v1. Sie sollten sich aber sicher sein und testen.
- Chrome
Chromium Chronicle Nr. 3: Codeabdeckung in Gerrit
Tests sind wichtig, weil sie Fehler und Regressionen finden, bessere Designs erzwingen und die Wartung von Code vereinfachen. Diesen Monat beschäftigen wir uns mit der Durchführung gründlicher Tests mit Gerrit.
- Chrome
Einstellung und Entfernungen in Chrome 76
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 76, um dir die Planung zu erleichtern.
- Chrome
Häufigeres Aktualisieren von WebAPKs
Ab Chrome 76 werden WebAPKs häufiger aktualisiert.
- Chrome
LayoutNG
Eine neue Layout-Engine für Chromium
- Chrome
Neu in Chrome 75
Chrome 75 wird jetzt eingeführt. Es gibt eine neue Möglichkeit, die Latenz bei Canvas-Elementen zu verringern. Web-Apps können jetzt über das Freigabeblatt auf Systemebene Dateien für andere installierte Apps freigeben. Alle Vorträge von der Google I/O findest du auf unserem YouTube-Kanal. Und vieles mehr. Sehen wir uns einmal an, was es für Entwickler in Chrome 75 Neues gibt.
- Chrome
Neuerungen in den Entwicklertools (Chrome 76)
Automatische Vervollständigung mit CSS-Werten, eine neue Benutzeroberfläche für Netzwerkeinstellungen und mehr.
- Chrome
The Chromium Chronicle #2: Der Kampf gegen fehleranfällige Tests
Unzuverlässige Tests sind ein häufiges Problem in Chrome. Sie beeinträchtigen die Produktivität anderer Entwickler und werden mit der Zeit deaktiviert. In diesem Monat geht es darum, wie man unzuverlässige Tests bekämpft.
- Chrome
In Chrome 76 können Sie die Mini-Infoleiste „Zum Startbildschirm hinzufügen“ ausblenden
Zusätzliche Steuerungsmöglichkeiten für die Minibar für PWAs in Chrome 76
- Chrome
Augmented Reality mit Modellansicht
Im Februar haben wir die Webkomponente „Modell-Viewer“ eingeführt, mit der Sie einer Webseite deklarativ ein 3D-Modell hinzufügen können. Jetzt geben wir die Unterstützung für AR unter Android durch das Hinzufügen des Attributs „ar“ bekannt.
- Chrome
Paint Holding: Weiß blinken bei Navigationen mit demselben Ursprung reduzieren
Ein kurzer Überblick über den Farbhalt. Eine Chrome-Funktion, mit der das blinkende Weiß bei Navigationen mit demselben Ursprung reduziert wird
- Chrome
Mehrere Seitenweiterleitungen vermeiden
Hier erfahren Sie, warum Seitenweiterleitungen die Ladegeschwindigkeit Ihrer Webseite beeinträchtigen und wie Sie dies vermeiden können.
Dokument enthält kein gültiges rel=canonical-Element
Weitere Informationen dazu, dass das Dokument keine gültige rel=canonical" Lighthouse-Prüfung hat
Nicht sichtbare Inhalte sind für Hilfstechnologien ausgeblendet.
Hier erfahren Sie, wie Sie die Barrierefreiheit für Nutzer von Hilfstechnologien verbessern, indem Sie nicht sichtbare Inhalte vor assistiven Technologien verbergen.
Serverantwortzeiten verkürzen
Weitere Informationen zur Prüfung der Serverantwortzeit.
Benutzerdefinierte Steuerelemente sind mit Labels verknüpft
Hier erfahren Sie, wie Sie die Barrierefreiheit verbessern, indem Sie dafür sorgen, dass alle benutzerdefinierten Steuerelemente Labels haben, auf die Nutzer von Hilfstechnologien zugreifen können.
Der Fokus des Nutzers liegt auf neuen Inhalten, die der Seite hinzugefügt werden.
Erfahren Sie, wie Sie Änderungen am Status Ihrer Webanwendung für Nutzer assistiver Technologien verständlich machen, indem Sie den Fokus auf neu hinzugefügte Inhalte verlagern.
Die visuelle Reihenfolge auf der Seite folgt der DOM-Reihenfolge.
Weitere Informationen zur Prüfung „Visual-Order-Follows-Dom“.
Interaktive Elemente geben ihren Zweck und Zustand an
Hier erfahren Sie, wie Sie die Barrierefreiheit von benutzerdefinierten Steuerelementen auf Ihrer Webseite verbessern, indem Sie deren Zweck und Status für alle Nutzer deutlich machen.
JavaScript minimieren
Weitere Informationen zur Prüfung für unkomprimierte JavaScript-Dateien.
Die richtige Größe der Bilder
Weitere Informationen zur Prüfung „Verwendet responsive Images“.
Verkettung kritischer Anfragen vermeiden
Hier erfahren Sie, was kritische Anfrageketten sind, wie sie sich auf die Leistung von Webseiten auswirken und wie Sie die Auswirkungen reduzieren können.
Fordert die Berechtigung zur Standortbestimmung beim Seitenaufbau an
Hier erfahren Sie, wie Sie die Berechtigung zur Standortbestimmung verantwortungsvoll und nutzerfreundlich anfordern.
Vorverbindung zu erforderlichen Ursprüngen herstellen
Weitere Informationen zur „uses-rel-preconnect“-Prüfung.
Videoformate für animierte Inhalte verwenden
Weitere Informationen zum Audit zu effizienten animierten Inhalten.
Bilder effizient codieren
Weitere Informationen zur Prüfung „Verwendet-optimierte Images“.
Interaktive Steuerelemente können über die Tastatur fokussiert werden
Hier erfahren Sie, wie Sie benutzerdefinierte Steuerelemente auf Ihrer Webseite fokussierbar machen, damit Tastaturnutzer darauf zugreifen können.
Auswirkungen von Drittanbietercode reduzieren
Hier erfahren Sie, wie sich Drittanbietercode, z. B. Werbenetzwerke und Analysedienste, auf die Leistung beim Laden von Seiten auswirkt und wie Sie den Code von Drittanbietern optimieren können.
Hindert Nutzer daran, Inhalte in Eingabefelder einzufügen
Hier erfahren Sie, wie Sie die Nutzererfahrung auf dem Anmeldebildschirm Ihrer Website verbessern, indem Sie Nutzern ermöglichen, Inhalte in Eingabefelder einzufügen.
Erster CPU-Leerlauf
Weitere Informationen zum eingestellten Messwert „Erster CPU-Leerlauf“ in Lighthouse und Optimierungsmöglichkeiten.
Erkannte JavaScript-Bibliotheken
Weitere Informationen zum Diagnose-Audit von Lighthouse "Erkannte JavaScript-Bibliotheken.
Der Fokus der Nutzenden liegt nicht versehentlich in einer Region.
Hier erfahren Sie, wie Sie die Barrierefreiheit für Tastaturnutzer verbessern, indem Sie verhindern, dass der Fokus in einem bestimmten Bereich der Seite bleibt.
Benutzerdefinierte Steuerelemente haben ARIA-Rollen
Hier erfahren Sie, wie Sie die Barrierefreiheit verbessern, indem Sie ARIA zu benutzerdefinierten Steuerelementen hinzufügen, damit Hilfstechnologien sie interpretieren können.
Das Dokument enthält keine gut lesbaren Schriftgrößen.
Weitere Informationen zur Lighthouse-Prüfung – für das Dokument werden keine lesbaren Schriftgrößen verwendet.
Nicht verwendete CSS entfernen
Weitere Informationen zur Prüfung „unused-css-rules“.
HTML5-Sehenswürdigkeiten werden zur Verbesserung der Navigation verwendet
Erfahren Sie, wie Sie die Barrierefreiheit Ihrer Webseite verbessern können, indem Sie Orientierungspunkte angeben, mit denen Nutzende über die Tastatur navigieren können.
Seite hat keinen HTML-DOCTYPE, wodurch der Quirks-Modus ausgelöst wird
Hier erfährst du, wie du dafür sorgen kannst, dass deine Seite in älteren Browsern nicht den Quirks-Modus auslöst.
Bilder in modernen Formaten bereitstellen
Weitere Informationen zur Prüfung „uses-webp-images“.
Verwendet document.write()
Hier erfahren Sie, wie Sie die Ladezeit Ihrer Seite verkürzen können, indem Sie „document.write()“ vermeiden.
Verwendet HTTP/2 nicht für alle Ressourcen
Hier erfährst du, warum HTTP/2 für die Ladezeit deiner Seite wichtig ist und wie du HTTP/2 auf deinem Server aktivierst.
Einstellungen und Entfernungen in Chrome 75
Hier finden Sie eine Zusammenfassung der Einstellungen und Löschungen in Chrome 75, um Ihnen die Planung zu erleichtern.
- Chrome
Geschätzte Eingabelatenz
Hier erfahren Sie mehr über den Messwert „Geschätzte Eingabelatenz“ in Lighthouse und wie Sie ihn messen und optimieren können.
Aufwand für Hauptthread minimieren
Hier erfährst du mehr über den Hauptthread des Browsers und darüber, wie du deine Webseite optimieren kannst, um die Last des Hauptthreads zu reduzieren und die Leistung zu verbessern.
Strukturierte Daten sind gültig
Weitere Informationen zum Lighthouse-Audit „Strukturierte Daten sind gültig“
Enthält Front-End-JavaScript-Bibliotheken mit bekannten Sicherheitslücken
Erfahren Sie, wie Sie die Sicherheit Ihrer Seite erhöhen können, indem Sie JavaScript-Bibliotheken mit bekannten Sicherheitslücken ersetzen.
Zeit bis Interaktivität
Hier erfahren Sie mehr über den Messwert „Zeit bis Interaktivität“ in Lighthouse und erfahren, wie er gemessen und optimiert wird.
Verwendet Anwendungscache
Hier erfahren Sie, wie Sie Ihre Webseite vom veralteten Application Cache zur Cache API migrieren.
Ressourcen entfernen, die das Rendering blockieren
Informationen zum Audit zu Ressourcen, die das Rendering blockieren.
Statische Inhalte mit einer effizienten Cache-Richtlinie bereitstellen
Erfahren Sie, wie Sie durch das Caching der statischen Ressourcen Ihrer Webseite die Leistung und Zuverlässigkeit für wiederkehrende Besucher verbessern können.
Zeigt Bilder mit einem falschen Seitenverhältnis an
Hier erfahren Sie, wie Sie responsive Bilder mit dem richtigen Seitenverhältnis anzeigen.
Seite hat einen ungültigen HTTP-Statuscode
Weitere Informationen zur Lighthouse-Prüfung „Seite hat den HTTP-Statuscode nicht bestanden“
In der Konsole wurden Browserfehler protokolliert
Hier erfahren Sie, wie Sie Browserfehler erkennen und beheben.
Max. potenzielles First Input Delay
Hier erfahren Sie mehr über den eingestellten Messwert „Max. potenzielles First Input Delay“ in Lighthouse und erfahren, wie Sie ihn messen und optimieren können.
CSS reduzieren
Weitere Informationen zum Audit „unminified-css“.
First Contentful Paint
Hier erfahren Sie mehr über den Messwert „First Contentful Paint“ in Lighthouse und erfahren, wie er gemessen und optimiert wird.
Links haben keinen beschreibenden Text
Weitere Informationen zu „Links haben keinen beschreibenden Text“, erhalten Sie Informationen zu Lighthouse-Audits.
Textkomprimierung aktivieren
Hier erfährst du, wie du durch die Aktivierung der Textkomprimierung die Leistung beim Laden von Seiten verbessern kannst.
Dokument verwendet Plug-ins
Weitere Informationen zur Lighthouse-Prüfung – das Dokument verwendet Plug-ins
Die Seite weist eine logische TAB-Reihenfolge auf.
Erfahren Sie, wie Sie Tastaturnutzern die Navigation auf Ihrer Webseite erleichtern, indem Sie Tabstopps in einer logischen Reihenfolge platzieren.
Sehr große Netzwerknutzlasten vermeiden
Hier erfahren Sie, wie Sie die Ladezeit Ihrer Webseiten verbessern, indem Sie die Gesamtgröße der Ressourcen reduzieren, die Sie Ihren Nutzern zur Verfügung stellen.
Halten Sie die Anfrageanzahl niedrig und die Übertragungsgröße gering
Informationen dazu, wie sich eine hohe Anzahl von Ressourcen und große Übertragungsgrößen auf die Lastleistung auswirken. Rufen Sie Strategien zum Reduzieren der Anzahl von Anfragen und Übertragungsgrößen ab.
Fordert die Benachrichtigungsberechtigung beim Seitenaufbau an
Hier erfahren Sie, wie Sie die Berechtigung zum Senden von Benachrichtigungen verantwortungsvoll und nutzerfreundlich anfordern.
Die Größe von Tippzielen ist nicht korrekt.
Weitere Informationen zu den Lighthouse-Prüfungen, wenn Tippziele nicht die richtige Größe haben, finden Sie hier.
Markierungen und Messwerte für das Nutzertiming
Hier erfahren Sie, wie Sie mit der User Timing API reale Leistungsdaten für Ihre Webseite abrufen können.
Dokument enthält kein gültiges hreflang-Element
Erfahren Sie, ob das Dokument über kein gültiges Lighthouse-Audit von hreflang verfügt.
Links zu ursprungsübergreifenden Zielen sind unsicher
Informationen zum sicheren Verknüpfen von Ressourcen auf einem anderen Host.
Nicht sichtbare Bilder verschieben
Weitere Informationen zur Prüfung für Offscreen-Images.
Verwendet eingestellte APIs
Hier erfahren Sie, wie Sie eingestellte APIs von Ihrer Webseite entfernen und ersetzen.
JavaScript-Ausführungszeit reduzieren
Erfahren Sie, wie die JavaScript-Ausführung die Leistung Ihrer Seite verlangsamen kann und wie Sie sie beschleunigen können.
Passive Listener verwenden, um die Scrollleistung zu verbessern
Hier erfahren Sie, wie Sie die Reaktionsfähigkeit beim Scrollen Ihrer Seite verbessern können, indem Sie passive Event-Listener vermeiden.
Rendering mit niedriger Latenz und desynchronisiertem Hinweis
Für das Web entwickelte Zeichenanwendungen mit Eingabestift haben Latenzprobleme, da eine Webseite Grafikaktualisierungen mit dem DOM synchronisieren muss. Der desynchronisierte Hinweis für Kontexte umgeht das DOM, um die Latenz zu eliminieren.
- Chrome
Dokument hat keine Meta-Beschreibung
Weitere Informationen zum <34;Dokument hat keine Meta-Beschreibung" Lighthouse-Prüfung
robots.txt ist ungültig.
Informieren Sie sich, dass die Lighthouse-Prüfung „robots.txt ist ungültig“ ist.
Geschwindigkeitsindex
Weitere Informationen zum Messwert „Geschwindigkeitsindex“ von Lighthouse und zu Optimierungsmöglichkeiten.
Schlüsselanfragen vorab laden
Weitere Informationen zur Prüfung „uses-rel-preload“.
Erste sinnvolle Farbe
Hier erfahren Sie mehr über den eingestellten Messwert „First Meaningful Paint“ in Lighthouse und erfahren, wie Sie ihn messen und optimieren können.
Seite ist von Indexierung ausgeschlossen
Weitere Informationen dazu, wie die Indexierung der Seite blockiert wird, finden Sie hier.
Neu in Chrome 74
Pünktlich zur Google I/O ist jetzt Chrome 74 erhältlich. Es bietet zusätzliche Unterstützung für private Klassenfelder; ermöglicht es Ihnen zu erkennen, wenn der Nutzer eine reduzierte Bewegungserfahrung angefordert hat; unterstützt CSS-Übergangsereignisse und vieles mehr. Sehen wir uns einmal an, was es für Entwickler in Chrome 74 Neues gibt.
- Chrome
Nachrichten in der Console protokollieren
Hier erfahren Sie, wie Sie Nachrichten in der Console protokollieren.
- Chrome-Entwicklertools
Referenz zu Console-Funktionen
Eine umfassende Referenz zu allen Funktionen und Verhaltensweisen im Zusammenhang mit der Benutzeroberfläche der Console in den Chrome-Entwicklertools.
- Chrome-Entwicklertools
JavaScript-Werte mit Live Expressions in Echtzeit beobachten
Wenn Sie immer wieder dieselben JavaScript-Ausdrücke in die Konsole eingeben, probieren Sie Live Expressions aus.
- Chrome-Entwicklertools
Neuerungen in den Entwicklertools (Chrome 75)
Aussagekräftige voreingestellte Werte für die automatische Vervollständigung, Löschen von Websitedaten über das Befehlsmenü und mehr.
- Chrome
Chromium Chronicle #1: Best Practices für die Aufgabenplanung
Das Chrome-Team ist stolz darauf, Chromium Chronicle vorzustellen, eine monatliche Serie, die sich speziell an Chromium-Entwickler richtet – die Entwickler von Browsern. Diesen Monat werfen wir einen Blick auf Best Practices für die Aufgabenplanung.
- Chrome
Web-SQL-Daten ansehen
Hier erfahren Sie, wie Sie Web-SQL-Daten aus dem Bereich „Anwendung“ der Chrome-Entwicklertools aufrufen.
- Chrome-Entwicklertools
Eingestellt: Anwendungscache-Daten mit den Chrome-Entwicklertools ansehen
Application Cache-Daten aus dem Bereich „Anwendung“ der Chrome-Entwicklertools ansehen
- Chrome-Entwicklertools
Cache-Daten ansehen
Cache-Daten über den Bereich „Anwendung“ der Chrome-Entwicklertools aufrufen
- Chrome-Entwicklertools
Der aktuell ausgewählte DOM-Knoten
Hier lernen Sie die Schnellkonsole kennen, mit der Sie den aktuell ausgewählten DOM-Knoten abrufen können.
- Chrome
Einstellungen und Entfernungen in Chrome 74
Hier finden Sie eine Zusammenfassung der Einstellungen und Löschungen in Chrome 74, um Ihnen die Planung zu erleichtern.
- Chrome
IndexedDB-Daten ansehen und ändern
IndexedDB-Daten mit dem Anwendungsbereich und Snippets ansehen und ändern
- Chrome-Entwicklertools
Sitzungsspeicher ansehen und bearbeiten
„sessionStorage“ im Bereich „Sitzungsspeicher“ und in der Console ansehen und bearbeiten.
- Chrome-Entwicklertools
Lokalen Speicher ansehen und bearbeiten
Hier erfahren Sie, wie Sie „localStorage“ mit dem Bereich „Lokaler Speicher“ und der Konsole aufrufen und bearbeiten.
- Chrome-Entwicklertools
Neu in Chrome 73
Chrome 73 vereinfacht das Erstellen von portablen Inhalten durch signierte HTTP-Austausche. Dynamisch zu ändernde Stile werden mit konstruierbaren Stylesheets wesentlich einfacher. Außerdem werden progressive Web-Apps auf dem Mac unterstützt, sodass PWAs auf allen Desktop- und mobilen Plattformen verfügbar sind. So lassen sich einfach installierbare Apps erstellen, die über das Web bereitgestellt werden. Sehen wir uns einmal an, was es für Entwickler in Chrome 73 Neues gibt.
- Chrome
kV-Speicher – das erste integrierte Modul im Web
Eine Einführung in die neue KV Storage API, die integrierten Module und Importkarten.
- Chrome
Neuerungen in den Entwicklertools (Chrome 74)
Hier können Sie Knoten hervorheben, die von einer CSS-Eigenschaft, Lighthouse Version 4, dem Viewer von WebSocket-Nachrichten und mehr betroffen sind.
- Chrome
Erste Schritte zum Anzeigen und Ändern des DOM
Unter anderem erfahren Sie, wie Sie Knoten anzeigen, nach Knoten suchen, Knoten bearbeiten, in der Konsole auf Knoten verweisen und bei Knotenänderungen unterbrechen.
- Chrome-Entwicklertools
Web Dev Ecosystem-Team – Zusammenfassung für Februar
Ende Februar mit einem Rückblick auf das Team für Web Developer Ecosystem.
- Chrome
Von Workbox v3 zu v4 migrieren
Leitfaden für die Migration von Workbox v3 zu v4
Arbeitsbereich-Fenster
Ein Modul zum Registrieren eines Service Workers, Verwalten von Updates und Reagieren auf Lebenszyklusereignisse.
Hotpath im JavaScript Ihrer App durch WebAssembly ersetzen
Ein wichtiger Vorteil von WebAssembly ist die _vorhersehbare_ Leistung in allen Browsern. Aber wie wandeln Sie einen in JavaScript geschriebenen Hotpath in WebAssembly um?
- Chrome
Bessere Übereinstimmungen mit String.prototype.matchAll()
In Chrome 73 wird die Methode String.prototype.matchAll() eingeführt. Sie verhält sich ähnlich wie match(), bietet jedoch eine einfache Möglichkeit, Übereinstimmungen zu iterieren, insbesondere wenn Sie Zugriff zum Erfassen von Gruppen benötigen.
- Chrome
Schnelles Scrollen des Mausrads standardmäßig
Die Reaktionsfähigkeit beim Scrollen ist für die Interaktion des Nutzers mit einer Website auf einem Mobilgerät von entscheidender Bedeutung, aber Radereignis-Listener verursachen oft erhebliche Probleme bei der Scrollleistung. Erfahren Sie, wie wir Nutzern und Entwicklern dabei helfen, standardmäßig schnell zu sein.
- Chrome
Einstellungen und Entfernungen in Chrome 73
Hier finden Sie eine Übersicht über die Einstellungen und Löschungen in Chrome 73, um Ihnen die Planung zu erleichtern.
- Chrome
Medienupdates in Chrome 73
Unterstützung von Hardware-Medienschlüsseln, HDCP-Richtlinienprüfung, Ursprungstests von „Bild im Bild“ und mehr.
- Chrome
Blitzschnelle Vorlagen und Webkomponenten – lit-html & LitElement
lit-html und LitElement bringen schnelle, unkomplizierte Vorlagen und interoperable Komponenten in das moderne Web.
- Chrome
RTCQuicTransport in einem Ursprungstest in Ihrer Nähe (Chrome 73)
RTCQuicTransport ist eine neue Webplattform-API, die den Austausch beliebiger Daten mit Remote-Peers mithilfe des QUIC-Protokolls ermöglicht.
- Chrome
JavaScript deaktivieren
Öffne das Befehlsmenü und führe den Befehl „JavaScript deaktivieren“ aus.
- Chrome-Entwicklertools
Neu in Chrome 72
In Chrome 72 ist das Erstellen öffentlicher Klassenfelder in JavaScript jetzt viel übersichtlicher. Sie können sehen, ob eine Seite mit der neuen Nutzeraktivierungs-API aktiviert wurde. Das Lokalisieren von Listen wird wesentlich einfacher und es gibt noch viel mehr. Tauchen wir ein und sehen wir uns an, was es für Entwickler in Chrome 72 Neues gibt.
- Chrome
Prototyping von Stack Packs für Lighthouse
Statt nur allgemeine Ratschläge zu geben, erweitert Stack Packs Lighthouse um zusätzliche Nachrichten für bestimmte Tools.
- Chrome
Neuerungen in den Entwicklertools (Chrome 73)
Logpoints, detaillierte Kurzinfos im Prüfmodus und vieles mehr.
- Chrome
Einheitliche Nutzeraktivierung über APIs hinweg
In Version 72 wird die Nutzeraktivierung v2 von Chrome ausgeliefert. Dadurch wird die Verfügbarkeit der Nutzeraktivierung für alle aktivierungsgesteuerten APIs abgeschlossen und so viele Inkonsistenzen bei der Nutzeraktivierung beseitigt.
- Chrome
Shape Detection API: Ein Bild sagt mehr als tausend Worte: Gesichter und Barcodes
Die Shape Detection API erkennt Gesichter, Barcodes und Text in Bildern.
Gerät für WebUSB erstellen
Erstellen Sie ein Gerät, das die WebUSB API optimal nutzt. In diesem Artikel wird beschrieben, wie Sie ein Gerät erstellen, das die WebUSB API optimal nutzt. Eine kurze Einführung in die API selbst finden Sie unter Über das Web auf USB-Geräte
Mit der Screen Wake Lock API aktiv bleiben
Zur Vermeidung einer Überlastung des Akkus werden die meisten Geräte bei Inaktivität schnell in den Ruhemodus versetzt. In den meisten Fällen ist das in Ordnung. Es gibt jedoch einige Anwendungen, die den Bildschirm aktiviert lassen müssen, um bestimmte Aufgaben zu erledigen. Mit der Screen Wake Lock API können Sie verhindern, dass das Gerät den Bildschirm dimmen oder sperren lässt, wenn eine App weiter ausgeführt werden muss.
Einstellungen und Entfernungen in Chrome 72
Hier finden Sie eine Zusammenfassung der Einstellungen und Löschungen in Chrome 72, um Ihnen die Planung zu erleichtern.
- Chrome
Fokus auf Track-Element
Öffnen Sie die Konsole, erstellen Sie einen Live-Ausdruck und legen Sie den Ausdruck auf „document.activeElement“ fest.
- Chrome-Entwicklertools
Chrome-Entwicklertools öffnen
Alle Möglichkeiten zum Öffnen der Chrome-Entwicklertools.
- Chrome-Entwicklertools
Kennzeichnung für App-Symbole
Mit der App Badging API können installierte Webanwendungen ein anwendungsweites Kennzeichen platzieren, das an einer betriebssystemspezifischen Stelle angezeigt wird, die mit der Anwendung verknüpft ist, wie z. B. in der Ablage oder dem Startbildschirm. Mithilfe von Kennzeichnungen können Sie den Nutzer auf subtile Weise über neue Aktivitäten informieren, die seine Aufmerksamkeit erfordern könnten. Sie können auch verwendet werden, um eine kleine Menge an Informationen anzuzeigen, z. B. die Anzahl der ungelesenen Nachrichten.
Neu in Chrome 71
In Chrome 71 wird die Anzeige relativer Zeitwerte mit dem neuen Intl.RelativeTimeFormat()-API vereinfacht. Sie können festlegen, auf welcher Seite des Textes bei vertikal fließendem Text die Unterstreichung angezeigt werden soll. Und für die Verwendung des Sprachsynthese-API ist jetzt eine Nutzeraktivierung erforderlich, bevor Ihr Computer mit Ihnen kommuniziert. Tauchen wir ein und sehen wir uns an, was es für Entwickler in Chrome 71 Neues gibt.
- Chrome
Jetzt neu: Hintergrundabruf
Mit dem Hintergrundabruf können Sie große Downloads verarbeiten, selbst wenn der Browser geschlossen wird.
- Chrome
Neuerungen in den Entwicklertools (Chrome 72)
Visualisieren Sie Leistungsmesswerte, markieren Sie Textknoten, kopieren Sie den JS-Pfad in einen DOM-Knoten und aktualisieren Sie den Bereich „Audits“.
- Chrome
Web-Audio, Autoplay-Richtlinie und Spiele
Im September 2017 haben wir eine bevorstehende Änderung am Umgang mit Audioinhalten im Zusammenhang mit der Richtlinie zum automatischen Abspielen in Chrome angekündigt. Die Richtlinienänderung wurde im Mai 2018 mit der stabilen Version von Chrome 66
- Chrome
Neuer Funktionsstatus
Web-Apps sollten alles können, was auch plattformspezifische Apps können. Hier finden Sie den Status neuer Funktionen für Webanwendungen.
Signed HTTP Exchanges
Mit Signed Exchanges können Websites Webinhalte so signieren, dass sie sicher weitergegeben und überprüft werden können.
- Chrome
Einstellungen und Entfernungen in Chrome 71
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 71, um dir die Planung zu erleichtern.
- Chrome
Audio- und Video-Updates in Chrome 70
Eine Zusammenfassung der Audio- und Video-Updates in Chrome 70: Cross-Codec- und bytestream-übergreifende Pufferung und Wiedergabe, Opus in MP4 mit MSE und die Wiedergabe geschützter Inhalte standardmäßig auf Android erlaubt.
- Chrome
Videos mit der Funktion „Bild im Bild“ ansehen
„Bild im Bild“ für Videoelemente auf Ihrer Website steuern
- Chrome
Neu in Chrome 70
Chrome 70 bietet Unterstützung für progressive Desktop-Web-Apps unter Windows und Linux, Unterstützung für Anmeldedaten mit öffentlichem Schlüssel für die Credential Management API, ermöglicht es Ihnen, dedizierten Workern einen Namen zu geben, und vieles mehr. Sehen wir uns einmal an, was es für Entwickler in Chrome 70 Neues gibt.
- Chrome
Änderungen an „cache.addAll()“ und „importScripts()“ in Chrome 71
Für „cache.addAll()“ und „importScripts“ sowie in Chrome 71 stehen einige kleinere Änderungen zur Verfügung.
- Chrome
Probleme mit dem Paint Timing für Chrome 69
Chrome 69 enthält eine falsche Änderung an unseren Paint-Timing-Messwerten, mit der ein größerer Teil der Rendering-Pipeline erfasst werden sollte, was aber zu ungenauen Zeitstempeln geführt hat.
- Chrome
Neuerungen in den Entwicklertools (Chrome 71)
Hier können Sie unter anderem DOM-Knoten aus Live-Ausdrücken hervorheben und Knoten als globale Variablen speichern.
- Chrome
Animations-Worklet von Houdini
Mit dem Animation Worklet kannst du imperative Animationen schreiben, die mit der nativen Framerate des Geräts laufen, um eine extra ruckelfreie SmoothnessTM zu erzielen. Die Animationen sind dadurch widerstandsfähiger gegen Verzögerungen im Hauptthread und können verlinkbar gemacht werden, anstatt durch Zeit zu scrollen.
- Chrome
Nutzersteuerung für Hostberechtigungen: Umstellungsleitfaden
Richtlinien zum Aktualisieren von Erweiterungen, um Änderungen der Hostberechtigungen für die Laufzeit ab Chrome 70 zu verarbeiten.
- Chrome-Erweiterungen
Ein Blick hinter die Kulissen eines modernen Webbrowsers (Teil 4)
Verarbeitung von Eingabeereignissen mit dem Compositor-Thread
- Chrome
Ein Blick auf moderne Webbrowser (Teil 3)
Darstellung eines Browser-Rendering-Moduls
- Chrome
Medienupdates in Chrome 70
Codec- und bytestreamübergreifende Pufferung und Wiedergabe, Opus in MP4 mit MSE und die Wiedergabe geschützter Inhalte ist standardmäßig auf Android erlaubt.
- Chrome
Einstellung und Entfernung in Chrome 70
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 68, um dir die Planung zu erleichtern.
- Chrome
Ein Blick hinter die Kulissen eines modernen Webbrowsers (Teil 2)
Hier erfahren Sie, wie der Browser Navigationsanfragen verarbeitet.
- Chrome
Asynchroner Zugriff auf HTTP-Cookies
Die Cookie Store API bietet asynchronen Zugriff auf HTTP-Cookies und öffnet die Cookie-JAR-Datei für Service-Worker.
- Chrome
Ein Blick auf moderne Webbrowser (Teil 1)
Hier erfahren Sie, wie der Browser Ihren Code in eine funktionsfähige Website umwandelt – von der allgemeinen Architektur bis zu den Details der Rendering-Pipeline.
- Chrome
Neu in Chrome 69
Vor zehn Jahren wurde Chrome erstmals veröffentlicht. Seitdem hat sich viel verändert, aber unser Ziel, eine solide Grundlage für moderne Webanwendungen zu schaffen, hat sich nicht geändert! In Chrome 69 werden das CSS-Scroll-Snapping sowie Notches, Web Locks und einige coole neue CSS4-Funktionen unterstützt. Jetzt sehen wir uns an, was es für Entwickler in Chrome 69 Neues gibt.
- Chrome
Neuerungen in den Entwicklertools (Chrome 70)
Live-Ausdrücke in der Console, Hervorheben von DOM-Knoten bei Eager Evaluation und mehr.
- Chrome
Medienupdates in Chrome 69
Eine Zusammenfassung der Medienupdates in Chrome 69: AV1- und HDCP-Richtlinienprüfung.
- Chrome
ReportingObserver: Codezustand ermitteln
Mit ReportingObserver erhalten Entwickler einen Einblick in die Funktionsweise ihres Codes. ReportingObserver zeigt Informationen zu Problemen wie Einstellungen und Eingriffen sowie Meldungen, die zuvor nur in der Entwicklertools-Konsole verfügbar waren.
- Chrome
Geschwindigkeit ist jetzt ein Faktor für Landingpages in der Google Suche und in Google Ads
Geschwindigkeit ist jetzt ein Faktor für Landingpages in der Google Suche und in Google Ads.
- Chrome
Neu in Chrome 68
In Chrome 68 wurden Änderungen an der Funktion „Zum Startbildschirm hinzufügen“ unter Android vorgenommen, sodass du mehr Kontrolle hast. Über die API für den Seitenlebenszyklus erfahren Sie, wann Ihr Tab gesperrt oder wiederhergestellt wurde. Und die Payment Handler API ermöglicht es webbasierten Zahlungs-Apps, die Zahlungsanforderung zu unterstützen. Sehen wir uns einmal an, was es für Entwickler in Chrome 68 Neues gibt.
- Chrome
Jetzt neu: NoState Prefetch
Chrome 63 wurde mit NoState Prefetch ausgeliefert. Der NoState-Vorabruf ist ein Mechanismus zum Vorababruf von Ressourcen, der weniger Arbeitsspeicher als der veraltete Pre-Rendering-Prozess benötigt.
- Chrome
PWACompat – Web-App-Manifest für alle Browser
Verwenden Sie die PWACompat-Bibliothek, um Ihr Web-App-Manifest in allen Browsern bereitzustellen.
- Chrome
Vorabladen der Arbeitsbox-Navigation
Aktivieren Sie das Vorabladen der Navigation, um schneller eine Netzwerkantwort auf Navigationsanfragen zu erhalten.
Website-Isolierung für Webentwickler
In Chrome 67 auf dem Computer ist die neue Funktion „Website-Isolierung\*“ standardmäßig aktiviert. In diesem Artikel wird erläutert, worum es bei der Website-Isolierung geht, warum sie erforderlich ist und warum Webentwickler darüber informiert werden sollten.
- Chrome
Mit First Input Delay im UX-Bericht für Chrome experimentieren
Der experimentelle Messwert „First Input Delay (FID)“ wurde dem Bericht zur Nutzererfahrung in Chrome hinzugefügt.
- Chrome
Einführung in die Richtlinie für Funktionen
Mit der Funktionsrichtlinie können Entwickler selektiv das Verhalten bestimmter APIs und Funktionen im Browser aktivieren, deaktivieren und ändern. Es ist wie bei der CSP, aber wegen der Funktionen! Wird in Chrome 60 ausgeliefert.
- Chrome
Informationen zum Speicherkontingent
Eine Anleitung zur Konfiguration von Workbox, um Probleme mit Speicherkontingenten zu vermeiden.
Stärkere native Echounterdrückung
Bessere Unterstützung der nativen Echounterdrückung
- Chrome
Designmuster für Audio-Worklet
Designmuster für Audio-Worklet
- Chrome
Augmented Reality für das Web
Augmented Reality ermöglicht es, virtuelle Objekte in einer realen Ansicht zu platzieren und nachzuverfolgen.
- Chrome
Chacmool: Augmented Reality in Chrome Canary
Chacmool, eine lehrreiche Webdemo, zeigt, wie einfach webbasierte AR ein ansprechendes Erlebnis schaffen kann.
- Chrome
FAQ zur Einstellung der Inline-Installation
Häufig gestellte Fragen zur Einstellung von Inline-Installationen für Chrome-Erweiterungen
- Chrome-Erweiterungen
Einstellung und Entfernung in Chrome 68
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 68, um dir die Planung zu erleichtern.
- Chrome
Änderungen beim Hinzufügen zum Startbildschirm
Ab Chrome 68 auf Android-Geräten ändert sich die Funktion „Zum Startbildschirm hinzufügen“, damit du besser steuern kannst, wann und wie Nutzer eine Aufforderung erhalten. Wenn Ihre Website die Kriterien für „Zum Startbildschirm hinzufügen“ erfüllt, zeigt Chrome das Banner „Zum Startbildschirm hinzufügen“ nicht mehr automatisch an. Stattdessen müssen Sie prompt() für das gespeicherte „beforeinstallprompt“-Ereignis aufrufen, um Ihren Nutzern die Aufforderung „Zum Startbildschirm hinzufügen“ anzuzeigen.
- Chrome
Neu in Chrome 67
Chrome 67 bietet progressive Web-Apps für den Desktop. Die generische Sensor API wird jetzt unterstützt, was den Zugriff auf Gerätesensoren wie Beschleunigungsmesser und Gyroskop erleichtert. Außerdem wird BigInts unterstützt, was den Umgang mit großen Ganzzahlen erheblich erleichtert. Sehen wir uns einmal an, was es für Entwickler in Chrome 67 Neues gibt.
- Chrome
Neuerungen in den Entwicklertools (Chrome 68)
Ehrgeizige Auswertungen, Hinweise auf Argumente, automatische Vervollständigung von Funktionen, Lighthouse 3.0 und mehr.
- Chrome
Starke Authentifizierung mit WebAuthn aktivieren
In der Betaversion von Chrome 67 wird die Web Authentication API (WebAuthn) eingeführt, die es Browsern ermöglicht, mit auf öffentlichen Schlüsseln basierenden Anmeldedaten zu interagieren und diese zu verwalten. Dies ermöglicht eine starke Authentifizierung mithilfe von entfernbaren Sicherheitsschlüsseln und integrierten Plattformauthentifizierungsfunktionen wie Fingerabdruckscannern.
Mit Lighthouse die Leistung beim Laden von Seiten verbessern
Neue Leistungsprüfungen für Vorabladen, Vorverbindung, GIFs und mehr.
- Chrome
Migrationsanleitung für Lighthouse Version 3
Informationen zur Migration von Lighthouse Version 2 zu Version 3
Neu: Lighthouse 3.0
Schnellere Prüfungen, weniger Abweichungen, eine neue Berichtsbenutzeroberfläche, neue Prüfungen und mehr.
- Chrome
Einstellung und Entfernung in Chrome 67
Hier findest du eine Übersicht über alle Einstellungen und Löschungen in Chrome 67, um dir die Planung zu erleichtern. In dieser Version wird das Anpinnen von öffentlichen Schlüsseln eingestellt, AppCache in unsicheren Kontexten entfernt und mehr Präfixe entfernt.
- Chrome
Zu ereignisgesteuerten Hintergrundskripts migrieren
Hier erfahren Sie, wie Sie ein Script im nichtflüchtigen Hintergrund zu einem ereignisbasierten, nicht persistenten Modell migrieren, um die Leistung Ihrer Chrome-Erweiterung zu verbessern.
- Chrome-Erweiterungen
JavaScript in der Console ausführen
JavaScript in der Console ausführen
- Chrome-Entwicklertools
Neu in Chrome 66
Chrome 66 vereinfacht die CSS-Bearbeitung mit dem neuen CSS Typed Model Object, der Zugriff auf die Zwischenablage ist jetzt asynchron, es gibt einen neuen Rendering-Kontext für Canvas-Elemente und eine bessere Möglichkeit, Audio mit JavaScript zu verarbeiten. Sehen wir uns einmal an, was es für Entwickler in Chrome 66 Neues gibt.
- Chrome
Spitzenleistung erreichen
Richtlinien zum Erstellen leistungsstarker Chrome-Erweiterungen
- Chrome-Erweiterungen
Neuerungen in den Entwicklertools (Chrome 67)
Sie können unter anderem in Netzwerk-Headern suchen, Anfragen als Abruf kopieren und Seiten unter Verwendung von Desktopbedingungen prüfen.
- Chrome
Dateien in einem Arbeitsbereich bearbeiten und speichern
Hier erfahren Sie, wie Sie in den Entwicklertools vorgenommene Änderungen in Ihren Quelldateien speichern.
- Chrome-Entwicklertools
Webseiten auf sekundären angehängten Bildschirmen präsentieren
In Chrome 66 können Webseiten über die Presentation API einen sekundären angeschlossenen Bildschirm verwenden und den Inhalt über die Presentation Receiver API steuern.
- Chrome
Einstellung und Entfernungen in Chrome 66
Hier findest du eine Zusammenfassung der Einstellungen und Löschungen in Chrome 66, um dir die Planung zu erleichtern. In dieser Version wurden die Service Worker-Sicherheit verbessert, Änderungen an CSS-Positionswerten vorgenommen und vieles mehr.
- Chrome
Native Echounterdrückung in macOS
Nativen macOS-Echounterdrückung in Chrome verwenden
- Chrome
FAQ zu SmooshGate
Was kann uns SmooshGate über die Entwicklung von Standards und die Webplattform sagen? Diese Zusammenfassung bietet einen Überblick.
- Chrome
Datenschutz für Nutzer
Richtlinien zum Schutz der Nutzerdaten durch Ihre Chrome-Erweiterung.
- Chrome-Erweiterungen
Datenschutz für Nutzer
Richtlinien zum Schutz der Nutzerdaten durch Ihre Chrome-Erweiterung.
- Chrome-Erweiterungen
Benutzeroberfläche entwerfen
UI- und Designrichtlinien für Chrome-Erweiterungen
- Chrome-Erweiterungen
Von Workbox v2 zu v3 migrieren
Leitfaden für die Migration von Workbox v2 zu v3
Geschützt bleiben
So schützen Sie Ihre Chrome-Erweiterung
- Chrome-Erweiterungen
Geschützt bleiben
So schützen Sie Ihre Chrome-Erweiterung
- Chrome-Erweiterungen
Neu in Chrome 65
In Chrome 65 wird jetzt die neue CSS Paint API unterstützt, mit der Bilder programmatisch generiert werden können. Mit der Server Timing API kannst du Zeitinformationen zur Serverleistung über HTTP-Header bereitstellen. Mit der neuen CSS-Eigenschaft „display: content“ lassen sich Felder ausblenden. Sehen wir uns einmal an, was es für Entwickler in Chrome 65 Neues gibt.
- Chrome
Neuerungen in den Entwicklertools (Chrome 66)
Sie können das Script im Steuerfeld „Netzwerk“ ignorieren, den Zoom im Gerätemodus automatisch anpassen und vieles mehr.
- Chrome
Lighthouse 2.8-Updates
Neue Leistungs- und SEO-Prüfungen, Leistung als erster Abschnitt in Berichten und mehr.
- Chrome
Einstellung und Entfernungen in Chrome 65
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 65, um dir die Planung zu erleichtern. Diese Version enthält eine Erinnerung zu Symantec-Zertifikaten: ursprungsübergreifende Downloads werden blockiert und „document.all“ ist jetzt schreibgeschützt.
- Chrome
Meltdown/Spectre
Auswirkungen für Webentwickler und Maßnahmen, die Chrome ergreifen.
- Chrome
Workbox-Build
Ein Modul, das einen Service Worker generieren, ein Precache-Manifest in vorhandenen Code einfügen oder ein Precache-Manifest erstellen kann.
Von sw-precache oder sw-toolbox migrieren
Ein Leitfaden für die Migration von sw-precache oder sw-toolbox zu Workbox.
Bericht zur Nutzererfahrung in Chrome – Neue Länderdimension
Wir veröffentlichen die neue Dimension „Länder“ im Bericht zur Nutzererfahrung in Chrome.
- Chrome
Neu in Chrome 64
In Chrome 64 wird jetzt auch ResizeObservers unterstützt, das Sie benachrichtigt, wenn sich das Inhaltsrechteck eines Elements in der Größe geändert hat. Module können jetzt mit import.metadata auf das Hosten bestimmter Metadaten zugreifen. Der Pop-up-Blocker wird stark und vieles mehr. Tauchen wir ein und sehen wir uns an, was es für Entwickler in Chrome 64 Neues gibt.
- Chrome
CSS-Paint-API
Mit der CSS Paint API von Houdini können Sie programmatisch CSS-Bilder zeichnen.
- Chrome
Neuerungen in den Entwicklertools (Chrome 65)
Lokale Überschreibungen, Tools für Barrierefreiheit, Leistungs- und SEO-Prüfungen und mehr.
- Chrome
Headless Chrome: eine Antwort auf serverseitiges Rendering von JavaScript-Websites
Headless Chrome ist eine Drop-in-Lösung, mit der Sie dynamische JavaScript-Websites in statische HTML-Seiten umwandeln können.
Neuerungen in den Entwicklertools (Chrome 64)
Leistungsüberwachung, Seitenleiste der Konsole und Konsolengruppierungen
- Chrome
Hardware-Rauschunterdrückung wird deaktiviert
Experimentelle Deaktivierung der Hardware-Rauschunterdrückung in Chrome 64
- Chrome
Update zu besseren Anzeigen
Update zu besseren Anzeigen
- Chrome
workbox-webpack-plugin
Generieren Sie mit dem Webpack-Build-Tool einen Service Worker oder fügen Sie ein Precache-Manifest ein.
Chrome 64 zur Einstellung der chrome.loadTimes() API
Die nicht standardmäßige chrome.loadTimes() API wird in Chrome 64 eingestellt, da es standardbasierte Äquivalente für alle nützlichen Funktionen gibt.
- Chrome
Selfhost für Linux
Informationen zum Verpacken, Hosten und Aktualisieren von CRX-Dateien auf einem persönlichen Server für Linux-Nutzer.
- Chrome-Erweiterungen
Erweiterungen unter Linux installieren
Informationen zum Verpacken, Hosten und Aktualisieren von CRX-Dateien auf einem persönlichen Server.
- Chrome-Erweiterungen
Einstellung und Entfernung in Chrome 64
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 64, um dir die Planung zu erleichtern. In dieser Version ändert sich die Performance-API, es werden mehrere Schatten-Roots nicht mehr unterstützt und eine WebKit-API entfernt.
- Chrome
Bericht zur Nutzererfahrung in Chrome – Ausweitung auf über eine Million Ursprünge
Heute geben wir einen neuen Bericht zur Nutzererfahrung in Chrome bekannt, der mehr als eine Million Top-Quellen im Web umfasst.
- Chrome
Audio-Worklet ist jetzt standardmäßig verfügbar
Chrome 64 bietet eine mit Spannung erwartete neue Web Audio API-Funktion: Audio Worklet
- Chrome
Lighthouse 2.6-Updates
Neue Leistungsprüfungen, eine Neugestaltung des Barrierefreiheit-Scores, UX-Verbesserungen für Berichte und Fehlerkorrekturen.
- Chrome
Medienupdates in Chrome 63/64
Vorhersehbare Medienwiedergabe, HDR unter Windows 10, Offlinewiedergabe mit persistenten Lizenzen und vieles mehr warten in Chrome 64 auf dich.
- Chrome
Device Memory API
Mit der Device Memory API können Entwickler je nach Speicherkapazität ihres Geräts unterschiedliche Ressourcen für Nutzer bereitstellen.
- Chrome
Neu in Chrome 63
In Chrome 63 können Sie JavaScript-Module dynamisch importieren. Meine Lieblingsfrage zum Programmieren von Interviews wird mit asynchronen Iterationen und Generatoren zum Kinderspiel. Außerdem können Sie das Standardverhalten des Browser-Überlauf-Scrollverhaltens mit der CSS-Eigenschaft „Overscroll-Verhalten“ überschreiben.
- Chrome
Workbox-Broadcast-Update
Nachrichten an Seiten senden, wenn ein Cache mit einer neuen Antwort aktualisiert wird.
Neuerungen in den Entwicklertools (Chrome 63)
Remote-Debugging für mehrere Clients, Push-Benachrichtigungen mit benutzerdefinierten Daten und Arbeitsbereiche 2.0
- Chrome
workbox-cacheable-response
Schränken Sie anhand des Statuscodes oder der Header einer Antwort ein, welche Anfragen im Cache gespeichert werden.
Workbox-Sw
Bietet eine Möglichkeit, die Workbox-Laufzeit ohne Build-Schritt zu laden.
workbox-cli
Generieren Sie einen Service Worker, fügen Sie ein Precache-Manifest ein oder erstellen Sie eine lokale Kopie der Workbox-Bibliotheken über die Befehlszeile.
Workbox-Strategien
Eine Reihe von Strategien für das Laufzeit-Caching zur Verarbeitung der Antwort auf eine Anfrage, die normalerweise bei „Workbox-Routing“ verwendet wird.
Workbox-Bereich-Anforderungen
Diese Module unterstützen die Beantwortung einer „Range:“-Anfrage unter Verwendung eines Segments zuvor im Cache gespeicherter Daten.
workbox-google-analytics
Unterstützung für die Wiedergabe von Google Analytics-Offlineinteraktionen
Workbox-Precaching
Sie können eine Reihe von Dateien einfach vorab im Cache speichern und Dateiaktualisierungen effizient verwalten.
Workbox-Ablauf
Im Cache gespeicherte Anfragen basierend auf der Anzahl der Elemente im Cache oder dem Alter der im Cache gespeicherten Anfrage entfernt.
Workbox-Hintergrundsynchronisierung
Mit der Hintergrundsynchronisierung können Sie auch dann zuverlässig eine Netzwerkanfrage senden, wenn der Nutzer offline ist.
Workbox-Routing
Leitet Anfragen in Ihrem Service Worker an bestimmte Caching-Strategien oder Callback-Funktionen weiter.
Workbox Core
Protokollebenen ändern und Cache-Namen ändern. Enthält freigegebenen Code, der von allen Workbox-Bibliotheken verwendet wird.
Behalte die Kontrolle über das Scrollen – mit der Option „Zum Aktualisieren ziehen“ und „Überlauf“ kannst du die Effekte anpassen
Einführung in die CSS-Eigenschaft „Overscroll-Verhalten“.
- Chrome
"::shadow" und "/deep/" werden in Chrome 63 entfernt
Keine Schatten durch Ihre CSS-Selektoren mehr.
- Chrome
Einstellung und Entfernungen in Chrome 63
Hier findest du eine Zusammenfassung der Einstellungen und Löschungen in Chrome 63, um dir die Planung zu erleichtern. In dieser Version wurde ein neues Verhalten bei den Oberflächeneigenschaften eingeführt, die Webkit-Funktion entfernt und die Richtlinie RTCRtcpMuxPolicy geändert.
- Chrome
Überschreiten des Pufferkontingents
Es gibt mehrere Möglichkeiten, mit dem Fehler zu umgehen.
- Chrome
Aktualisierungen zu Lighthouse 2.5
Fünf neue Audits, das eigenständige Knotenmodul von Chrome Launcher und ein neuer Leitfaden zur Drosselung.
- Chrome
Neu in Chrome 62
Chrome 62 verbessert die Network Information API mit Indikatoren für die Netzwerkqualität. Die Unterstützung für OpenType Variable Fonts ist jetzt verfügbar und Sie können jetzt Medienstreams aus HTMLMediaElements mit der Media Capture aus der DOM-Element-API erfassen und verarbeiten.
- Chrome
Unschärfe animieren
Es gibt ein paar Tricks, um eine Unkenntlichmachung effizient zu animieren.
- Chrome
WebVR-Änderungen in Chrome 62
Hier erfahren Sie, was sich an der WebVR API ändert.
- Chrome
Abbrechbarer Abruf
Abbrechen von Abrufen mit einem neuen Web-Primitiven – dem Abbruch-Controller.
- Chrome
Ein Ereignis für das CSS-Objekt „position:sticky“
Verwenden Sie „position - sticky“ und „IntersectionObserver“ zusammen, um zu bestimmen, wann Elemente fixiert werden. Scrolleffekte ohne Scroll-Ereignisse anwenden
Sensoren für das Web
Sensoren werden in vielen Anwendungen verwendet, um erweiterte Funktionen wie Spiele zu ermöglichen, die die Ausrichtung oder Beschleunigung des Geräts berücksichtigen, auf dem sie ausgeführt werden. Die Generic Sensor API bietet eine generische Schnittstelle für den Zugriff auf solche Sensordaten im Web.
Einstellung und Entfernungen in Chrome 62
Hier findest du eine Übersicht der Einstellungen und Löschungen in Chrome 62, um dir die Planung zu erleichtern. In dieser Version gibt es Sicherheitsverbesserungen, weitere Einstellungen von Webkit und mehr.
- Chrome
Autoplay-Richtlinie in Chrome
Lerne Best Practices für eine gute Nutzererfahrung mit den neuen Richtlinien für die automatische Wiedergabe in Chrome kennen.
- Chrome
Back-Forward-Cache für Chrome untersuchen
bfcache erstellt einen Cache, der eine sofortige Navigation zu zuvor besuchten Seiten ermöglicht.
- Chrome
Medienupdates in Chrome 62
Offline-Wiedergabe mit dauerhaften Lizenzen und Widevine L1 auf Android, Optimierung von Videotracks, automatischer Videowiedergabe im Vollbildmodus, wenn das Gerät gedreht wird, anpassbarer Suchbereich bei Live-MS-Streams, FLAC in MP4 mit MSE ist da!
- Chrome
Bild im Bild (BiB)
Sehen wir uns eine Web-API an, mit der Websites ein unverankertes Videofenster über dem Desktop erstellen können.
- Chrome
Neu in Chrome 61
Chrome 61 unterstützt jetzt nativ JavaScript-Module und vereinheitlicht das Schreiben von modularem JavaScript. Du kannst jetzt die Punktfreigabe im Navigationsmenü verwenden, um das native Android-Freigabedialogfeld auszulösen. Die WebUSB API ist nun verfügbar und ermöglicht es Webanwendungen, auf von Nutzern zugelassene USB-Geräte zuzugreifen. Und es gibt noch viel mehr.
- Chrome
Jetzt neu: „visualViewport“
Die Visual Viewport API liefert Ihnen Details dazu, wie der Nutzer auf Ihrer Seite zoomt und scrollt.
- Chrome
Neuerungen in den Entwicklertools (Chrome 62)
„Warten“-Operatoren der obersten Ebene in der Console, neue Screenshot-Workflows, CSS Grid-Hervorhebung und mehr.
- Chrome
Einstellungen und Entfernungen in Chrome 61
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 61, um dir die Planung zu erleichtern. In dieser Version gibt es Sicherheitsverbesserungen, weitere Einstellungen von Webkit und mehr.
- Chrome
Verfügbaren Speicherplatz schätzen
navigator.storage.estimate() gibt Ihnen einen Einblick in die Speicherbeschränkungen Ihrer Webanwendung.
- Chrome
Audio- und Video-Updates in Chrome 61
Zusammenfassung der Audio- und Videoupdates in Chrome 61.
- Chrome
Medienupdates in Chrome 61
Die Optimierung von Videotracks im Hintergrund und der automatische Vollbildvideo bei Dreh des Geräts sind jetzt möglich.
- Chrome
Neu in Chrome 60
Mit Chrome 60 können Sie jetzt mithilfe der Paint Timings API die Zeit bis zum First Paint und die Zeit bis zum First Contentful Paint messen. Mit der CSS-Eigenschaft „font-display“ können Sie festlegen, wie Schriftarten gerendert werden. WebAssembly ist jetzt verfügbar und es gibt noch viel mehr!
- Chrome
Neuerungen in den Entwicklertools (Chrome 61)
Neue Funktionen und Änderungen in den Entwicklertools in Chrome 61.
- Chrome
Anstehende Funktionen für reguläre Ausdrücke
Ein Überblick über die spannenden neuen Funktionen für reguläre JavaScript-Ausdrücke, darunter benannte Erfassungen, das Flag „dotAll“, Unicode-Maskierungen für Eigenschaften und LookBehind-Assertions.
- Chrome
Aufregender Livestream-Blog – Code-Splitting
Wir haben Codeaufteilung und routenbasiertes Aufteilen genau wie WebPack implementiert.
- Chrome
Angepasste Eingabeereignisse
Für das Web ist es wichtig, den Nutzern eine positive Erfahrung zu bieten. In den letzten Chrome-Versionen haben wir die Eingabelatenz auf diesen Geräten gesenkt.
- Chrome
DOMException - Die play() -Anfrage wurde unterbrochen.
Woran liegt das? "DOMException – Die play()-Anfrage wurde unterbrochen"?
- Chrome
Automatisierte Tests mit Headless Chrome
Automatisierte Tests mit Headless Chrome
- Chrome
Neueste Updates zur Credential Management API
Neueste Updates zur Credential Management API
- Chrome
Einstellungen und Entfernungen in Chrome 60
Hier finden Sie eine Übersicht über die Einstellungen und Löschungen in Chrome 60, um Ihnen die Planung zu erleichtern. In dieser Version gibt es Sicherheitsverbesserungen, weitere Einstellungen von Webkit und mehr.
- Chrome
Einführung in die Budget API
Mit der Budget API können Entwickler Hintergrundaktionen ausführen, ohne die Nutzer zu benachrichtigen. Dies ermöglicht Anwendungsfälle wie ein stummes Push.
- Chrome
Neu in Chrome 59
Mit Chrome 59 kannst du Chrome in einer automatisierten Umgebung ohne Benutzeroberfläche oder Peripheriegeräte ausführen. Benachrichtigungen unter macOS werden direkt vom nativen macOS-Benachrichtigungssystem angezeigt. Mit der Image Capture API kannst du jetzt Fotos in voller Auflösung aufnehmen und vieles mehr.
- Chrome
Neuerungen in den Entwicklertools (Chrome 60)
Neue Funktionen und Änderungen bei den Entwicklertools in Chrome 60.
- Chrome
Einstellung und Entfernung in Chrome 59
Hier findest du eine Zusammenfassung der Einstellungen und Löschungen in Chrome 59, um dir die Planung zu erleichtern.
- Chrome
Erste Schritte mit Headless Chrome
Erste Schritte mit Headless Chrome
- Chrome
Umstellung auf natives Benachrichtigungssystem unter macOS
Ab Chrome 59 werden unter macOS native Benachrichtigungen angezeigt.
- Chrome
Neu in Chrome 58
Ab Chrome 58 sind progressive Web-Apps jetzt noch immersiver – der Vollbildmodus. IndexedDB 2.0 wird jetzt unterstützt und Sandbox-iFrames erhalten mehr Optionen. Pete LePage kennt alle Details und erklärt, wie Sie diese neuen Entwicklerfunktionen in Chrome 58 nutzen können.
- Chrome
Neuerungen in den Entwicklertools (Chrome 59)
Neue Funktionen und Änderungen in den Entwicklertools in Chrome 59.
- Chrome
Chromium-Richtlinie für JavaScript-Dialogfelder
Synchrone, app-modale JavaScript-Dialogfelder werden häufig (und leider auch) dazu verwendet, Nutzern Schaden zuzufügen. Aus diesem Grund rät das Chromium-Team dringend davon ab, JavaScript-Dialogfelder zu verwenden.
- Chrome
CSS-Deep-Dive – matrix3d() für eine benutzerdefinierte Bildlaufleiste mit perfekten Frame-Optionen
Mit benutzerdefinierten Transformationsmatrizen können Sie Frameperfekte benutzerdefinierte Bildlaufleisten erstellen.
Leistungsstarke Animationen zum Maximieren und Minimieren erstellen
Wenn Sie Maximierungs- und Minimierungseffekte vornehmen, können Sie mithilfe von Skalierungstransformationen die Leistung der Benutzeroberfläche aufrechterhalten.
- Chrome
Medienupdates in Chrome 58
Anpassung der Mediensteuerung, Autoplay für progressive Web-Apps auf dem Startbildschirm, Pausieren der automatischen Wiedergabe stummgeschalteter Videos, wenn unsichtbar, und Farbgamut-Medienabfrage vorhanden!
- Chrome
Wir durchqueren die (Medien-)Streams, Ray
Bei der Verwendung von Media Source Extensions (MSE) in Chrome ist es derzeit nicht möglich, zwischen verschlüsselten und unverschlüsselten Streams zu wechseln. Ab Chrome 58 ändert sich das.
- Chrome
Audio/Video-Updates in Chrome 58
Zusammenfassung der Audio- und Videoupdates in Chrome 58.
- Chrome
Einstellung und Entfernung in Chrome 58
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 58, um dir die Planung zu erleichtern.
- Chrome
Hintergrundtabs in Chrome 57
Hintergrundtabs in Chrome 57
- Chrome
Neu in Chrome 57
Mit Chrome 57 können Sie jetzt „display: Grid“ für rasterbasierte Layouts verwenden, die Media Session API verwenden, um den Sperrbildschirm und Benachrichtigungen mit Informationen zu den abgespielten Medien anzupassen. Pete LePage kennt alle Details und weiß, wie Sie diese neuen Entwicklerfunktionen in Chrome 57 nutzen können.
- Chrome
Neu in den Entwicklertools (Chrome 58)
Neue Funktionen und Änderungen bei den Entwicklertools in Chrome 58.
- Chrome
Lighthouse-Update: Januar 2017
Neu in Lighthouse 1.5
- Chrome
Medienbenachrichtigungen anpassen und Playlists verwalten
Mit der neuen Media Session API können Sie Webmedienbenachrichtigungen anpassen und auf medienbezogene Ereignisse reagieren.
- Chrome
Manifest – Action-Handler
Referenzdokumentation zur Eigenschaft „action_Handlers“ in der Datei „manifest.json“.
API-Einstellungen und -Entfernungen in Chrome 57
Hier findest du eine Übersicht über die Einstellungen und Löschungen in Chrome 57, um dir die Planung zu erleichtern.
- Chrome
Änderungen an der Zahlungsanforderungs-API
In Chrome 56 und 57 gibt es nach den Änderungen der Spezifikation einige Änderungen an der Payment Request API. Machen Sie sich mit diesen Tools vertraut und nehmen Sie Änderungen an Ihren Implementierungen vor.
- Chrome
CSS Grid – Tabellenlayout ist wieder da. Präsenz und Quadrat sein
CSS Grid ist ein neues Layoutsystem für das Web.
Neu in Chrome 56
Mit Chrome 56 können Web-Apps jetzt über die Web Bluetooth API mit Bluetooth Low Energy-Geräten in der Nähe kommunizieren. CSS-Position: fixiert; ist zurück – so können Sie auf einfache Weise Elemente erstellen, die normal scrollen, bis sie oben im Darstellungsbereich fixiert sind. HTML5 ist standardmäßig für alle Nutzer aktiviert.
- Chrome
Standardmäßig schnelles Scrollen durch Berührung
Die Reaktionsfähigkeit beim Scrollen ist für die Interaktion des Nutzers mit einer Website auf einem Mobilgerät von entscheidender Bedeutung, Touch-Event-Listener verursachen jedoch oft erhebliche Probleme mit der Scrollleistung. Erfahren Sie, wie wir Nutzern und Entwicklern dabei helfen, standardmäßig schnell zu sein.
- Chrome
JavaScript-Debugging-Referenz
In dieser umfassenden Referenz zu den Fehlerbehebungsfunktionen der Chrome-Entwicklertools entdecken Sie neue Debugging-Workflows.
- Chrome-Entwicklertools
Mit Lighthouse zu einem besseren Web
Neu in Lighthouse Neugestaltung, neue Best-Practice-Prüfungen und Online-Berichtsbetrachter
- Chrome
Größe der URL-Leiste ändern
Wenn die URL-Leiste ausgeblendet wird, wird die Größe von mobilen Seiten nicht mehr angepasst.
- Chrome
Chrome-Entwicklertools: JavaScript-CPU-Profilerstellung in Chrome 58
„JavaScript CPU-Profil aufzeichnen“ wurde in Chrome 58 geändert.
- Chrome
Chrome-Entwicklertools – JavaScript-CPU-Profilerstellung in Chrome 58
Das "JavaScript-CPU-Profil aufzeichnen" wurde in Chrome 58 geändert.
- Chrome
API-Einstellungen und -Entfernungen in Chrome 56
Hier findest du eine Zusammenfassung der Einstellungen und Löschungen in Chrome 56, um dir die Planung zu erleichtern.
- Chrome
position:sticky ist in Chrome wieder verfügbar
position:sticky. Wieder da!
- Chrome
Fotos aufnehmen und Kameraeinstellungen anpassen
Die Bildaufnahme ist eine API zum Steuern der Kameraeinstellungen und zum Aufnehmen von Fotos.
- Chrome
Leistungsstarke Parallelisierung
Mit ein wenig mathematischem Ruckeln können Sie parallax-Effekte erzielen, die gut mit Browserarchitekturen funktionieren!
- Chrome
Neu in Chrome 55
Mit Chrome 55 können Sie Promise-basierten Code wie synchron mit „async“ und „await“ schreiben. PointerEvents bieten eine einheitliche Möglichkeit, alle Eingabeereignisse zu verarbeiten. Und der persistente Speicher ist eine Weiterentwicklung des Ursprungstests.
- Chrome
Bereit für den Chrome Dev Summit 2016
Der Chrome Dev Summit 2016 findet am Donnerstag, den 10. und 11. November statt.
- Chrome
Die Warnung „Nicht sicher“ in Chrome vermeiden
Demnächst werden nicht sichere Seiten mit Passwort- und Kreditkarteneingabefeldern in der URL-Leiste von Chrome als „Nicht sicher“ gekennzeichnet.
- Chrome
DevTools-Übersicht, Oktober 2016
Neue Konsolenfunktionen, Updates zum Fehler bei der Kontextauswahl und der neue User-Agent „UC Browser“.
- Chrome
Bindestriche mit CSS verwalten
In Chrome 55 wird die Bindestriche-Eigenschaft implementiert, um zu steuern, wann weiche Bindestriche angezeigt werden und wie sie sich verhalten.
Den Weg in die Zukunft weisen
Zeigerereignisse vereinheitlichen das Zeigereingabemodell für den Browser, indem Berührungen, Stifte und Mäuse zu einem einzigen Ereignissatz zusammengeführt werden.
- Chrome
Einmaliger Event-Listener
addEventListener unterstützt jetzt eine einmalige Option. Damit ist es einfacher, Ereignisse zu definieren, die nach einer Bereinigung automatisch bereinigen.
- Chrome
MediaStream aus einem Canvas-, Video- oder Audioelement aufnehmen
Mit der recordStream()-Methode kann ein MediaStream von einem Canvas-, Audio- oder Videoelement auf Android-Geräten und Computern erfasst werden.
- Chrome
Optionen für Touch-Aktionen
Mit Touch-Aktionen können Entwickler festlegen, wie ein Nutzer mit einem Element interagieren kann. In Chrome 55 werden die Optionen für Touchaktionen in Chrome jetzt umfassender unterstützt.
- Chrome
API-Einstellungen und -Entfernungen in Chrome 55
Hier findest du eine Zusammenfassung der Einstellungen und Löschungen in Chrome 56, um dir die Planung zu erleichtern.
- Chrome
AUX-Klick bald in Chrome 55 verfügbar
Für nicht primäre Klicks auf die Maus wird ein neues auxclick-Ereignis ausgelöst.
- Chrome
Neu in Chrome 54
Mit Chrome 54 kannst du jetzt dein eigenes benutzerdefiniertes HTML-Tag mit „Custom Elements“ (Version 1) erstellen und wiederverwendbare Webkomponenten erstellen. Mit der BroadcastChannel API ist es einfacher, Nachrichten zwischen geöffneten Fenstern oder Tabs mit demselben Ursprung zu senden. Die Mediennutzung wird unter Android besser und der Abruf aus anderen Quellen ist jetzt als Ursprungstest verfügbar.
- Chrome
Updates auf developers.google.com/web
Die neuen Web Fundamentals – bessere Navigation, neue Inhalte und mehr!
- Chrome
Einführung in Lighthouse
Informationen zum Einrichten von Lighthouse für die Analyse Ihrer Web-Apps
Zusammengesetzte Ebenen bei Skalierungsänderung neu rastern
will-change - transform bedeutet, dass es schnell animiert wird
- Chrome
Cross-Origin Service Workers – Tests mit Foreign Fetch
Drittanbieterdienste können eigene Handler für Netzwerkanfragen bereitstellen.
- Chrome
CacheQueryOptions in Chrome 54 verfügbar
Es wird der vollständige Satz von CacheQueryOptions unterstützt, sodass Sie die gesuchten im Cache gespeicherten Antworten leichter finden.
- Chrome
Optionen eines PushSubscription-Abos
Du kannst jetzt auf die Optionen zugreifen, die beim Abonnieren eines Nutzers zum Senden verwendet werden.
- Chrome
DevTools-Benachrichtigung, September 2016 – Übersicht zur Leistung
Toolverbesserungen in den Entwicklertools in den letzten Chrome-Versionen.
- Chrome
BroadcastChannel API – ein Nachrichtenbus für das Web
Die BroadcastChannel API kann für einfaches Pub/Sub zwischen Fenstern, Tabs, iFrames oder Workern verwendet werden.
- Chrome
„document.write()“ eingreifen
Chrome blockiert einige Skripts, die mit „document.write()“ hinzugefügt werden.
- Chrome
Web Animations API erreicht browserübergreifender Meilenstein
In Firefox 48 wird zusammen mit Chrome eine native Implementierung der Web Animations API veröffentlicht.
- Chrome
Einstellung und Entfernung von APIs in Chrome 53
Eine Zusammenfassung der Einstellungen und Löschungen in Chrome, um Ihnen die Planung zu erleichtern.
- Chrome
DevTools-Übersicht, August 2016
Was ist mit dem Infobereich, neuen Funktionen und Community-Aktivitäten passiert?
- Chrome
Autoplay auf Mobilgeräten ist stummgeschaltet. Canvas-Hacks und animierte GIFs gehören damit der Vergangenheit an.
Die stummgeschaltete Autoplay-Funktion für Videos wird auf Android-Geräten ab Chrome 53 unterstützt. Bisher war bei einem Videoelement eine Nutzergeste erforderlich, um die Wiedergabe zu starten.
- Chrome
Web Push Interoperability gewinnt
Für Web Push wurden in den letzten Versionen von Chrome einige Aktualisierungen vorgenommen. GCM unterstützt jetzt das Web-Push-Protokoll. Wenn Sie VAPID verwenden, müssen Sie sich nicht für ein Google-Entwicklerprojekt registrieren und erhalten einen FCM-Endpunkt.
- Chrome
Fehler in progressiven Web-Apps beheben
Im Bereich „Anwendung“ können Sie Manifeste von Webanwendungen, Service Worker und Service Worker-Caches prüfen, ändern und Fehler beheben.
- Chrome-Entwicklertools
Offline-Google Analytics leicht gemacht
Die Bibliothek „sw-offline-google-analytics“ enthält alles, was Sie brauchen.
- Chrome
Die Komplexität von unendlichem Scrollen
Unendliches Scrollen ist ein gängiges UI-Muster. Hier untersuchen wir, wie dieses Muster auf speicherkonservative Weise mit einer Leistung von 60 fps implementiert werden kann.
- Chrome
Abschied von kurzen Sitzungen – Vorschlag für den Einsatz von Service Workern zur Verbesserung der Cookie-Verwaltung im Web
Einführung eines Proof of Concept-Designs, um Sitzungen mit dem Service Worker beizubehalten.
- Chrome
Service Worker-Caching, Wiedergaberate und Blob-URLs für Audio und Video in Chrome für Android
Ab Version 52 verwendet Android Chrome denselben Medienstack wie die Desktopversion von Chrome, anstatt sich auf die zugrunde liegende Plattformimplementierung zu verlassen. Dies ermöglicht Service-Worker-Medien-Caching, variable Wiedergaberaten, Blob-URLs unter Android, die Übergabe von MediaStream zwischen APIs und ein einfacheres plattformübergreifendes Debugging.
- Chrome
ECDSA für WebRTC – mehr Sicherheit, besserer Datenschutz und bessere Leistung
Ab Version 52 verwendet Chrome standardmäßig ECDSA, einen wesentlich effizienteren und sichereren Algorithmus für die Generierung von WebRTC-Zertifikatsschlüsseln. Darüber hinaus können RTCCertificates jetzt mit IndexedDB gespeichert werden.
- Chrome
Neues Verhalten bei der Flexbox für untergeordnete Elemente in absoluten Positionen
Neues Verhalten bei der Flexbox für untergeordnete Elemente in absoluten Positionen
- Chrome
CSS-Einschränkung in Chrome 52
Mit der neuen CSS-Einschränkungseigenschaft können Entwickler den Umfang der Stile, des Layouts und der Darstellung des Browsers beschränken.
- Chrome
API-Einstellungen und -Entfernungen in Chrome 52
Hier finden Sie eine Übersicht über die Einstellungen und Löschungen in Chrome, um Ihnen die Planung zu erleichtern.
- Chrome
Performance Observer – Effizienter Zugriff auf Leistungsdaten
Die Performance Observer-Oberfläche ist neu in Chrome 52 und bietet einen effizienteren, ereignisbasierten Zugriff auf Daten zur Leistungszeitachse.
- Chrome
DevTools-Übersicht, September 2016 – Entwicklertools ab 2016
Wichtige Themen und Trends für Entwicklertools ab 2016
- Chrome
Streame deinen Weg zu Sofortantworten
Beginnen Sie dank ReadableStreams so schnell wie möglich mit der Verarbeitung Ihrer Service Worker-Antworten.
- Chrome
Scrollleistung mit passiven Event-Listenern verbessern
Passive Event-Listener sind neu in Chrome 51 und bieten eine deutliche Steigerung der Scrollleistung.
- Chrome
Geolocation API aus ungesicherten Ursprüngen in Chrome 50 entfernt
Ab Version 50 unterstützt Chrome die HTML5 Geolocation API nicht mehr über nicht sichere Verbindungen.
- Chrome
DevTools-Digest: Mehr Leistung mit dem neuen Befehlsmenü
Hier erfahren Sie mehr über das neue Befehlsmenü der Entwicklertools und die über 60 Aktionen, die extrem schnelle Workflows ermöglichen.
- Chrome
API-Einstellungen und -Entfernungen in Chrome 51
Hier finden Sie eine Übersicht über die Einstellungen und Löschungen in Chrome, um Ihnen die Planung zu erleichtern.
- Chrome
Den Anmeldevorgang mit der Credential Management API optimieren
Für eine anspruchsvolle Nutzererfahrung ist es wichtig, dass Sie die Nutzer dabei unterstützen, sich auf Ihrer Website zu authentifizieren. Das Erstellen, Speichern und Eingeben von Passwörtern kann für Endnutzer jedoch umständlich sein, insbesondere auf Mobilgeräten.
- Chrome
Was ist neu bei KeyboardEvents? Schlüssel und Codes!
Zwei neue Attribute ermöglichen eine einheitliche Handhabung von Tastaturereignissen im Web.
- Chrome
Testzeit – Scroll-Verankerung
Durch Scroll-Anker wird verhindert, dass sich eine Webseite weiterbewegt, nachdem Sie mit dem Lesen des Inhalts begonnen haben.
- Chrome
Auf USB-Geräte im Web zugreifen
Die WebUSB API macht USB sicherer und einfacher, da sie ins Web gebracht wird.
Übersicht
Erste Schritte mit den integrierten Webentwickler-Tools von Google Chrome.
- Chrome-Entwicklertools
Console API-Referenz
Verwenden Sie die Console API, um Nachrichten in der Console zu schreiben.
- Chrome-Entwicklertools
Ein neuer Gerätemodus für die erste mobile Generation
Hier erfahren Sie alles über die Chrome-Entwicklertools – den neuen, aktualisierten Gerätemodus, der in Chrome 49 eingeführt wurde.
- Chrome
Webfähige IoT-Geräte mit Intel Edison erstellen
Das Internet der Dinge ist heutzutage in aller Munde, aber was wäre, wenn Sie ein IoT-Gerät erstellen könnten, auf das Sie über Ihren Webbrowser zugreifen? In diesem Artikel geht es darum, wie Sie das mit Physical Web, Web Bluetooth und Node.js auf einem Intel® Edison Arduino-Breakout-Board erreichen können.
- Chrome
DOMTokenList-Validierung in Chrome 50
In Chrome 50 können Sie direkt im Code nachsehen, welche Funktionen verfügbar sind.
- Chrome
Chrome unterstützt createImageBitmap() in Chrome 50
Unterstützung für die Bilddecodierung in Workern, die in Chrome 50 eingeführt werden.
- Chrome
Verbesserungen bei Web Animationen in Chrome 50
Bessere Compliance mit Spezifikationen und neue Funktionen in Chrome 50
- Chrome
Kopfschmerzen vermeiden
Mit der Funktion „Sequentielle Fokusnavigation“ wird definiert, wo nach fokussierbaren Elementen für die sequenzielle Fokusnavigation ([Tabulatortaste] oder [Umschalt-Tab]) gesucht werden soll, wenn kein fokussierter Bereich vorhanden ist. Sie ist besonders hilfreich für Bedienungshilfen wie Links zum Überspringen und die Verwaltung des Fokus im Dokument.
- Chrome
FormData-Methoden zur Prüfung und Änderung
In Chrome 50 können Sie jetzt mit Ihren FormData-Instanzen interagieren, bevor Sie sie senden.
- Chrome
Unterstützung für Canvas toBlob() in Chrome 50 hinzugefügt
Unterstützung für „canvas.toBlob“ wurde in Chrome 50 festgelegt.
- Chrome
API-Einstellungen und -Entfernungen in Chrome 50
Eine Zusammenfassung der Einstellungen und API-Entfernungen in Chrome, um Ihnen die Planung zu erleichtern.
- Chrome
In Chrome 50 sind Änderungen an der Geräteausrichtung verfügbar
DeviceOrientationEvent verwendet relative Grade und es gibt ein neues DeviceOrientationAbsoluteEvent.
- Chrome
Media Source API: Automatische Gewährleistung einer nahtlosen Wiedergabe von Mediasegmenten im Anhang
Die Media Source API ermöglicht JavaScript, Medienstreams für die Wiedergabe zu erstellen. Ab Chrome 50 können Sie mit dem SourceBuffer-Sequenzmodus dafür sorgen, dass Mediensegmente in der Reihenfolge, in der sie angehängt wurden, automatisch und lückenlos auf der Zeitachse verschoben werden.
- Chrome
Ressourcen mit link rel='preload' priorisieren
In Chrome 50 wird die Funktion rel='preload' unterstützt und rel='subresource' wird verworfen.
- Chrome
Verschlüsselung von Web-Push-Nutzlasten
Web Push unterstützt jetzt Nutzlasten. Hier erfahren Sie, wie Sie diese leistungsstarke neue Funktion nutzen können.
- Chrome
Verbesserte Webbenachrichtigungen in Chrome 50 – Symbole, Ereignisse schließen, Einstellungen für erneute Benachrichtigungen und Zeitstempel
In Chrome 50 gibt es viele tolle neue Funktionen für Benachrichtigungen. Hier ist eine Zusammenfassung.
- Chrome
HTMLMediaElement.play() gibt ein Promise zurück
Verabschieden Sie sich von Unsicherheit bei der automatischen Wiedergabe! play() gibt jetzt ein Promise zurück.
- Chrome
Sie haben noch mehr aus der Ferne Debugging herausgefunden, Klassenkameraden gemeistert und unsere eigene Late-Night-Show?
Hier erfährst du alles über die überarbeitete Benutzeroberfläche „Geräte prüfen“, kannst im jetzt behobenen Style-Steuerfeld ganz einfach zwischen Klassen wechseln und dir das Pilotprojekt der Entwicklertools heute ansehen.
- Chrome
Variablen in „Quellen“
Mit den Chrome-Entwicklertools können Sie problemlos mehrere Variablen in Ihrer Anwendung anzeigen lassen.
- Chrome-Entwicklertools
Entwicklertools jetzt dunkel, @keyframe-Bearbeitung und intelligentere automatische Vervollständigung
Erfahren Sie, wie Sie mit den Entwicklertools dank intelligenterer automatischer Vervollständigung in der Konsole weniger tippen, wie Sie @keyframe-Regeln direkt im Bereich „Styles“ bearbeiten, wie Sie Spaß mit benutzerdefinierten CSS-Variablen haben und wie Sie der dunklen Seite beitreten.
- Chrome
Web-Audio-Updates in Chrome 49
Eine Zusammenfassung einiger der neuesten Versionen der Web Audio API in Chrome.
- Chrome
Jetzt neu: ES2015-Proxys
ES2015-Proxys (in Chrome 49 und höher) bieten JavaScript mit einer Intercession API, mit der wir alle Vorgänge auf einem Zielobjekt erfassen oder abfangen und die Funktionsweise dieses Ziels ändern können.
- Chrome
Optimiertes Scrollen in Chrome 49
Keine Lust mehr auf lästiges Scrollen? Sehr gut, denn Chrome 49 wird mit einem neuen, flüssigen Scrollen direkt nach dem Auspacken veröffentlicht.
- Chrome
Schriftartleistung mit Font-Anzeige steuern
Mit dem neuen Schriftartanzeigedeskriptor für @font-face können Entwickler festlegen, wie ihre Webschriftarten gerendert werden (oder wie ein Fallback verwendet wird), je nachdem, wie lange das Laden dauert.
- Chrome
CSS-Variablen: Warum ist das wichtig?
CSS-Variablen, besser bekannt als benutzerdefinierte CSS-Eigenschaften, sind in Chrome 49 verfügbar. Sie können nützlich sein, um Wiederholungen in CSS zu reduzieren, und auch für leistungsstarke Laufzeiteffekte wie Designwechsel und potenziell die Erweiterung/Polyfilling zukünftiger CSS-Funktionen.
Audio und Video mit MediaRecorder aufnehmen
Mit der MediaRecorder API können Sie Audio und Video aus einer Webanwendung aufzeichnen. Sie ist jetzt in Firefox und in Chrome für Android und auf dem Computer verfügbar.
- Chrome
VP9 ist jetzt in WebRTC verfügbar
Ab Chrome 48 auf Computern und Android-Geräten ist VP9 ein optionaler Video-Codec für Videoanrufe mit WebRTC.
- Chrome
Benachrichtigungsaktionen in Chrome 48
Nutzer können über Aktionsschaltflächen für Benachrichtigungen mit Ihrer Website interagieren, ohne die Seite zu öffnen.
- Chrome
Hochauflösende Zeitstempel für Ereignisse
Dank DOMHighResTimeStamp finden Sie heraus, wann Ereignisse auf Mikrosekunden genau stattfinden.
- Chrome
Einfache URL-Bearbeitung mit URLSearchParams
TURLSearchParams: Einfacher Zugriff auf und Manipulation des Abfragestrings der URL
- Chrome
Google Cast für Chrome unter Android
In Chrome für Android können mobile Websites jetzt über die Presentation API und das Cast Web SDK auf Google Cast-Geräten dargestellt werden.
- Chrome
Erste Schritte mit progressiven Web-Apps
Erste Schritte mit progressiven Web-Apps
- Chrome
Der Sicherheitsbereich ist jetzt in den Chrome-Entwicklertools verfügbar
Hier erfahren Sie alles über das neue Sicherheitsfenster in den Chrome-Entwicklertools.
- Chrome
Jetzt neu: Hintergrundsynchronisierung
Die Hintergrundsynchronisierung ist eine neue Web-API, mit der Sie Aktionen aufschieben können, bis der Nutzer eine stabile Verbindung hat. Dies ist nützlich, um sicherzustellen, dass das, was der Nutzer senden möchte, auch tatsächlich gesendet wird.
- Chrome
DevTools Digest (CDS Edition): Ein Blick in die Zukunft und RAIL-Profiling
Hier erfahren Sie, wie die Entwicklertools mit einem neuen, optimierten Gerätemodus, der immer aktiviert ist, an erster Stelle für Mobilgeräte stehen. Mit den Farbschaltflächen können Sie schnell Farben zu Ihren Selektoren hinzufügen und herausfinden, was bald in den Entwicklertools zur Verfügung steht.
- Chrome
Sofortiges Laden von Webanwendungen mit Anwendungs-Shell-Architektur
Die Application Shell-Architektur ist eine Methode zum Erstellen progressiver Web-Apps. Dabei kommt eine Reihe von Technologien zum Einsatz.
- Chrome
DevTools Digest – Effiziente Elementbearbeitung, Debugging von Service Workern und Material Design-Sattierungen
Verwenden Sie das neue Kontextmenü des DOM-Bereichs, um Knoten effizient zu bearbeiten. Fehler in Service Workern können direkt über das Steuerfeld „Ressourcen“ behoben werden. In der Farbauswahl kannst du aus allen Material Design-Farben auswählen. Blackbox JS-Bibliotheken einfacher.
- Chrome
Ressourcen zu Webanimationen
Ressourcen und mehr zur Web Animations API
„Zum Suchen antippen“ verwalten
Herausfinden, wann und wie „Zum Suchen tippen“ ausgelöst wird
- Chrome
Benachrichtigung erforderlich: Interaktion erforderlich: Flüssigere UX für Benachrichtigungen auf dem Computer
Benachrichtigungen auf dem Computer werden nach kurzer Zeit automatisch geschlossen.
- Chrome
DevTools-Digest: Neuanordnung von Tabs, Konsole 2 und Framework-Ereignis-Listener
Ordnen Sie die Entwicklertools-Tabs nach Ihren Anforderungen neu an und sehen Sie genau, wo Framework-Ereignisse gebunden wurden.
- Chrome
Funktionen des Eingabegeräts
Eine einfachere Methode zur Rationalisierung der Maus- und Berührungslogik für den Fall, dass keine PointerEvents vorhanden sind
- Chrome
JavaScript-Snippets ausführen
Snippets sind kleine Skripts, die Sie im Bereich „Quellen“ der Chrome-Entwicklertools erstellen und ausführen können. Sie können von jeder Seite aus auf sie zugreifen und sie ausführen. Wenn Sie ein Snippet ausführen, wird es im Kontext der aktuell geöffneten Seite ausgeführt.
- Chrome-Entwicklertools
Kameras, Mikrofone und Lautsprecher in der Web-App auswählen
Über die MediaDevices-Schnittstelle haben Sie Zugriff auf Eingabe- und Ausgabegeräte, die dem Browser zur Verfügung stehen, einschließlich Kameras, Mikrofonen und Lautsprechern.
- Chrome
Die EME-Logger-Erweiterung
EME Logger ist eine Chrome-Erweiterung, die Ereignisse von Encrypted Media Extensions (EME) und Aufrufe an die DevTools-Konsole protokolliert.
- Chrome
Aktualisierungen der Service Worker Cache API
In Chrome 46 wurden neue Methoden für Caches eingeführt, genau wie bei Chrome 47 und wahrscheinlich auch in Chrome 48. Es hört nie auf.
- Chrome
History API – Scroll-Wiederherstellung
Ein Update der History API, um unansehnliches Scrollen beim Scrollen zu verhindern
- Chrome
Tab-Verwerfen in Chrome – Ein Experiment zum Arbeitsspeichersparen
Eine der obersten Prioritäten dieses Jahres ist die Reduzierung des Arbeitsspeicherbedarfs von Chrome.
- Chrome
Einführung von „Public Key Pinning“ mit HPKP-Berichten
Chrome 46 wird mit einer Funktion namens HPKP-Berichterstellung ausgeliefert, mit der Sie eine strengere Form von SSL für Ihre Website einführen können.
- Chrome
Mit dem Web-App-Manifest eine Designfarbe für die gesamte Website angeben
Legen Sie im Manifest eine Designfarbe fest und stellen Sie sie für alle Seiten Ihrer Website zur Verfügung, wenn sie über den Startbildschirm aufgerufen werden.
- Chrome
Der über den erweiterten Filter im Netzwerkbereich hinausgehende Filter und einige weitere Filter
Wussten Sie, dass der Filter im Steuerfeld "Netzwerk" einige raffinierte benutzerdefinierte Suchlabels unterstützt?
- Chrome
DevTools-Digest – Aggregierte Zeitachsendetails, Farbvorlagen und mehr
Sie erfahren unter anderem, welche Drittanbieterskripts Leistungsprobleme bei den aggregierten Details auf der Zeitachse verursachen und wie Sie einheitliche Farben mit der neuen Farbpalette auswählen.
- Chrome
Einfache Tastaturtricks im Stilbereich
Hier erfährst du, wie du mithilfe einiger nützlicher Tastaturtricks effektiv im Stilbereich navigieren kannst.
- Chrome
Neue Version von Material Design Lite – 1.0.4
Es gibt eine neue Version von Material Design Lite, die eine Reihe von Fehlerkorrekturen und Verbesserungen für den Build-Prozess bietet.
- Chrome
Posterbilder in Plug-in-Inhalten verwenden
Chrome kann Objektelementen jetzt benutzerdefinierte Posterbilder hinzufügen, um die wahrgenommene Ladeleistung von Plug-ins wie Flash zu verbessern.
- Chrome
requestIdleCallback verwenden
requestIdleCallback ist eine neue Leistungs-API, mit der Aufgaben geplant werden können, wenn der Browser inaktiv ist.
- Chrome
Fünf Tricks in der Konsole
Fünf Tricks in der Konsole
- Chrome
Einfaches Duplizieren von DOM-Knoten
Sie können das DOM ganz einfach ändern, ohne den HTML-Code als riesige Zeichenfolge bearbeiten zu müssen.
- Chrome
HTML in der Konsole bearbeiten
Das Kontextmenü für den DOM-Knoten, das Sie vielleicht aus dem Steuerfeld „Elemente“ erkennen, ist auch im Konsolenfenster vorhanden.
- Chrome
Ein neuer Ort für die Entwicklertools
Wir sind umgezogen unter developers.google.com/web/tools/chrome-devtools und haben tolle neue Anleitungen und Tipps für Sie.
- Chrome
CSS in Quellen live bearbeiten
Wusstest du schon, dass du CSS in den Quellen live bearbeiten und die Seite in Echtzeit aktualisieren kannst?
- Chrome
Verbesserte DOM-Breadcrumbs
Wussten Sie, dass es im Steuerfeld „Elemente“ eine Navigationspfad gibt?
- Chrome
DevTools-Digest: Filmstreifen und Drosselung an einer neuen Stelle
In diesem ersten von vielen Updates im DevTools Digest erfährst du mehr über die neuen Filmstreifen-Funktionen und mehr.
- Chrome
Kommunikation mit Bluetooth-Geräten über JavaScript
Über die Web Bluetooth API können Websites mit Bluetooth-Geräten kommunizieren.
Neues benutzerdefiniertes Gerät als Voreinstellung hinzufügen
Emulieren Sie häufig Geräte einer bestimmten Dimension? Im Gerätemodus der Entwicklertools können Sie neue Gerätevoreinstellungen hinzufügen.
- Chrome-Entwicklertools
- Chrome
Einstellung von MediaStream
Die MediaStream API stellt synchronisierte Audio- oder Video-Streams dar. „MediaStream.ended“, „MediaStream.label“ und „MediaStream.stop()“ werden eingestellt. Verwende stattdessen MediaStream.active, MediaStreamTrack.label und MediaStreamTrack.stop().
- Chrome
Benachrichtigungen zur Medienwiedergabe für Chrome unter Android
Bei der Wiedergabe von Audio- oder Videoinhalten auf einer Webseite werden in der Benachrichtigungsleiste und auf dem Sperrbildschirm eine Benachrichtigung mit dem Seitentitel und eine Schaltfläche für Wiedergabe/Pause angezeigt. Über die Benachrichtigung können Sie die Wiedergabe pausieren/fortsetzen oder zur Seite zurückkehren, auf der die Medien wiedergegeben werden.
- Chrome
RotationAngle und touchRadius verwenden
In Chrome 45 wurden einige kleine Änderungen eingeführt, die Entwicklern die Erstellung besserer Touch-basierter Apps erleichtern sollen.
- Chrome
Leistung in einem Service Worker messen
Wenn Sie die Leistung Ihrer Anfragen in einem Service Worker nicht messen können, wie verbessert sich dadurch die Leistung? Diese Frage könnt ihr jetzt anhand der letzten Änderungen in Chrome beantworten.
- Chrome
CSS-Medienabfragen prüfen und auslösen
Der Gerätemodus verfügt über einen integrierten Medienabfrage-Inspector, der ein einfacheres responsives Design ermöglicht.
- Chrome
Verknüpfung zum Auswählen des nächsten Vorkommens
Im Editor für das Feld „Quellen“ können Sie mit Cmd + D das nächste Vorkommen auswählen.
- Chrome
Haltepunkt basierend auf einer bestimmten Bedingung festlegen
Wenn Sie einen Haltepunkt festlegen, können Sie ihn basierend auf dem Ergebnis eines Ausdrucks als Bedingung festlegen.
- Chrome
Codeblock im Feld „Quellen“ auswählen und ausführen
Verwenden Sie die Tastenkombination Strg + Umschalttaste + E, um einen Block mit markiertem Code im Bereich „Quellen“ auszuführen.
- Chrome
Schnell durch die Bereiche der Entwicklertools blättern
Mit Cmd+] (oder Cmd+[) können Sie durch die Bereiche der Entwicklertools blättern.
- Chrome
Einen schnellen Stacktrace in der Console ausdrucken
Sie können console.trace() verwenden, um einen schnellen und einfachen Stacktrace zu erhalten und den Ablauf der Codeausführung besser zu verstehen.
- Chrome
Wer prüft die Inspektion?
Wusstest du schon, dass du deine Entwicklertools mit den Entwicklertools prüfen kannst?
- Chrome
Pseudoklasse für ein Element auslösen
Haben Sie schon einmal versucht, CSS-Hover-Effekte zu beheben, aber die Maus auf dem Element gehalten wurde? Und so funktioniert es:
- Chrome
Projektweite Suche mit optionalem Dateibereich
Hier lernen Sie die geheimen Befehle für die Suche in den Entwicklertools kennen.
- Chrome
Netzwerk-Farbgruppen
Erfahren Sie, welche Farben zu welchem Ressourcentyp passen, um Ressourcen einfach zu identifizieren.
- Chrome
JavaScript-Werte inline als Vorschau bei der Fehlerbehebung anzeigen
Hier erfahren Sie, wie Sie sich beim Debugging eine Vorschau der Werte von JavaScript-Variablen in den Entwicklertools ansehen.
- Chrome
Ressourcen über das Steuerfeld „Elemente“ schnell bearbeiten und ansehen
Ressourcen über das Steuerfeld „Elemente“ schnell bearbeiten und ansehen
- Chrome
event_rules
Referenzdokumentation zum Attribut „event_rules“ der Datei „manifest.json“
- Chrome-Erweiterungen
event_rules
Referenzdokumentation zum Attribut „event_rules“ der Datei „manifest.json“
- Chrome-Erweiterungen
Medienquellenerweiterungen für Audio
Media Source Extensions (MSE) bieten eine erweiterte Pufferung und Wiedergabesteuerung für die HTML5-Audio- und -Videoelemente. MSE wurde ursprünglich für das dynamische adaptive Streaming über HTTP (DASH)-basierte Videoplayer entwickelt, kann aber auch für Audioinhalte verwendet werden, insbesondere für die lückenlose Wiedergabe.
- Chrome
Benachrichtigung bei Änderungen an Benachrichtigungen
In Chrome 44 wurden zwei neue APIs hinzugefügt, die die Verwendung und Anpassung von Benachrichtigungen mit Push einfacher machen.
- Chrome
Alt + Klicken zum Maximieren aller untergeordneten Knoten
Alt – Klicken, um alle untergeordneten Knoten zu maximieren
- Chrome-Entwicklertools
- Chrome
Einige Verbesserungen der Benutzeroberfläche und der Funktionen des Farbauswahl-Tools
Die Farbauswahl in den Entwicklertools erhält ein Upgrade. Derzeit in Chrome Canary
- Chrome
Element-Tags schnell bearbeiten
Sie können im Bereich „Elemente“ auf den öffnenden Tag-Namen eines Knotens doppelklicken, um ihn zu bearbeiten.
- Chrome
Klicken Sie bei gedrückter Befehlstaste, um im Bereich „Quellen“ mehrere Cursors hinzuzufügen
Hier erfahren Sie, wie Sie den Bereich „Quellen“ der Entwicklertools mit mehreren Cursors bearbeiten.
- Chrome
Im Elementbereich anzeigen
Zeigt DOM-Knoten im Elementbereich von der Konsole aus an.
- Chrome
Nicht abgeschlossene Netzwerkanfragen
Mit dem erweiterten Netzwerkfilter „Is:running“ können Sie nicht abgeschlossene Netzwerkanfragen (z.B. laufende Anfragen) sehen.
- Chrome
Mit der Tastatur durch den Aufrufstapel navigieren
Hier erfahren Sie, wie Sie einen Haltepunkt festlegen und mithilfe von Tastenkombinationen durch den Aufrufstack navigieren.
- Chrome
Ereignisse schnell über die Konsole im Blick behalten
Sie können alle an ein Objekt ausgelösten Ereignisse mit der Befehlszeilen-API-Methode „monitorEvents(object [, Events]) protokollieren.
- Chrome
Der aktuell ausgewählte DOM-Knoten
Hier lernen Sie die Schnellkonsole kennen, mit der Sie den aktuell ausgewählten DOM-Knoten abrufen können.
- Chrome
Easing-Editor
Wählen Sie eine CSS-Eigenschaft für das Easing aus, um eine visuelle animierte Vorschau zu erhalten, die das Verhalten veranschaulicht.
- Chrome
Bild als Daten-URI kopieren
Klicken Sie im Bereich „Ressourcen“ mit der rechten Maustaste auf eine Bildvorschau, um sie als Daten-URI (base 64-codiert) zu kopieren.
- Chrome
Übereinstimmende Selectors ansehen
Wenn Sie einen Selektor im Stilbereich anzeigen, sind kommagetrennte Abschnitte eines Selektors unterschiedlich eingefärbt, je nachdem, ob sie mit dem ausgewählten DOM-Knoten übereinstimmen oder nicht.
- Chrome
Ereignis-Listener abrufen und debuggen
Mit diesen Konsolenbefehlen können Sie Ereignis-Listener in den Entwicklertools abrufen und Fehler beheben.
- Chrome
Bei Ausnahme automatisch pausieren
In den Entwicklertools lässt sich jede Ausnahme automatisch pausieren. Das ist besonders nützlich bei nicht abgefangenen Ausnahmen.
- Chrome
- Chrome-Entwicklertools
CSS-Werte schnell ändern
CSS-Werte schnell mit der Tastatur oder dem Mausrad ändern
- Chrome
Netzwerkanfrage in cURL noch einmal abspielen
Hier erfahren Sie, wie Sie eine Netzwerkanfrage über die Befehlszeile debuggen.
- Chrome
Automatische Vervollständigung für Klammern
Wussten Sie schon, dass Sie im Bereich „Quellen“ die Schreibweise von Klammern automatisch vervollständigen können?
- Chrome-Entwicklertools
- Chrome
DOM-Haltepunkte ansehen und ändern
DOM-Haltepunkte im Bereich „Breakpoints“ in den Entwicklertools ansehen und ändern
- Chrome
Elemente in den Darstellungsbereich scrollen
Wenn ein Element, das Sie untersuchen, nicht sichtbar ist, können Sie es wie folgt in den Darstellungsbereich einfügen:
- Chrome
Filmstreifen im Bereich „Netzwerk“
Visuelle Navigation im Netzwerkbereich und Anzeige von Screenshots während des Seitenaufbaus
- Chrome
Pseudoklassen auslösen
Erfahren Sie, wie Sie Pseudoklassen wie „:active“ auslösen, um Ihren CSS-Code richtig zu debuggen.
- Chrome
CSS-Kurzeigenschaften maximieren
Im Bereich „Styles“ können Sie CSS-Kurzeigenschaften wie Flex oder Padding maximieren und alle Eigenschaften sehen, die für Sie definiert sind.
- Chrome
Portweiterleitung
Die Portweiterleitung von DevTools ermöglicht sogar localhost-URLs auf Mobilgeräten.
- Chrome
DOM-Baum nach CSS-Selektor suchen
Wenn Sie das DOM mit dem Steuerfeld „Elemente“ durchsuchen, können Sie mit CMD/Strg F und den CSS-Selektoren nach Knoten suchen.
- Chrome
Benachrichtigungen zu JS-Fehlern während der Eingabe erhalten
Wenn in der Konsole eine Fehlermeldung angezeigt wird, klicken Sie darauf, um die Zeile im Bereich „Quellen“ anzuzeigen, in der ein Hinweis auf den Fehler angezeigt wird.
- Chrome
Einfache Zeitachse aufnehmen
Versuchen Sie, die Entwicklertools in einem separaten Fenster abzudocken, damit sich die Aufnahmeschaltfläche nah an dem Teil der Seite befindet, in dem Sie eine Aktion ausführen müssen.
- Chrome
Manifest – USB-Drucker
Referenzdokumentation für die Eigenschaft „usb_printers“ von „manifest.json“
Zeilennummer in einer bestimmten Spalte aufrufen
Hier erfahren Sie, wie Sie im Steuerfeld „Quellen“ zu bestimmten Zeilennummern springen.
- Chrome
Einfach zu Event-Listenern wechseln
Funktionsdefinition eines registrierten Event-Listeners auf einem beliebigen Knoten anzeigen
- Chrome
Hochleistungsvideo mit Hardware-Decodierung
Die Unterstützung von Hardwarevideos ermöglicht eine effiziente Decodierung für Plug-ins und HTML5-Videos. Flash-Nutzer sollten vom alten Videoformat zum StageVideo-Objekt wechseln.
- Chrome
Detaillierte Aussage-Highlights
Sehen Sie sich die exakte ausgeführte Anweisung mit detaillierter Hervorhebung an.
- Chrome
Lokale Änderungen
Bei lokalen Änderungen sehen Sie, welche Änderungen (über die Entwicklertools) an bestimmten Quelldateien vorgenommen wurden.
- Chrome
Vollständiges Aktualisieren
Wenn die Entwicklertools geöffnet sind, klicken Sie auf die Schaltfläche „Aktualisieren“ und halten Sie sie gedrückt, um weitere Optionen zu sehen.
- Chrome
Durch die zu bearbeitenden Orte blättern
Der Verlauf Ihrer Cursorpositionen wird im Bereich „Quellen“ beibehalten, sodass Sie mit Alt (Zurück) oder Alt (Vorwärts) zwischen den vorherigen Bearbeitungspositionen wechseln können.
- Chrome
Antwort einer Netzwerkressource in die Zwischenablage kopieren
Sie können nicht nur die Anfrage-/Antwortheader einer Netzwerkressource kopieren, sondern auch die Antwort selbst.
- Chrome
Spaltenauswahl durch Ziehen durchführen
Sie können im Editor für das Feld „Quellen“ eine Spaltenauswahl treffen, indem Sie die Alt-Taste gedrückt halten, während Sie die Maus ziehen.
- Chrome
Vordefinierte Snippets
Vordefinierte Code-Snippets auf einer Webseite ausführen
- Chrome
Element-Tags schnell bearbeiten
Sie können im Bereich „Elemente“ auf den öffnenden Tag-Namen eines Knotens doppelklicken, um ihn zu bearbeiten.
- Chrome
Bild als Daten-URI kopieren
Klicken Sie im Bereich „Ressourcen“ mit der rechten Maustaste auf eine Bildvorschau, um sie als Daten-URI (base 64-codiert) zu kopieren.
- Chrome
Im Elementbereich anzeigen
Zeigen Sie DOM-Knoten im Elementbereich der Konsole an.
- Chrome
Übereinstimmende Selectors ansehen
Wenn Sie einen Selektor im Stilbereich anzeigen, sind kommagetrennte Abschnitte eines Selektors unterschiedlich eingefärbt, je nachdem, ob sie mit dem ausgewählten DOM-Knoten übereinstimmen oder nicht.
- Chrome
Ereignisse schnell über die Konsole im Blick behalten
Sie können alle an ein Objekt ausgelösten Ereignisse mit der Befehlszeilen-API-Methode „monitorEvents(object [, Events]) protokollieren.
- Chrome
Klicken Sie bei gedrückter Befehlstaste, um im Bereich „Quellen“ mehrere Cursors hinzuzufügen
Hier erfahren Sie, wie Sie den Bereich „Quellen“ der Entwicklertools mit mehreren Cursors bearbeiten.
- Chrome
Alt + Klicken zum Maximieren aller untergeordneten Knoten
Alt – Klicken, um alle untergeordneten Knoten zu maximieren
- Chrome-Entwicklertools
- Chrome
Dock-Status der Entwicklertools per Tastenkombination wechseln
Mit Cmd + Umschalttaste + D können Sie den Dockstatus der Entwicklertools zwischen den beiden zuletzt verwendeten Status wechseln.
- Chrome
Dock-Status der Entwicklertools per Tastenkombination wechseln
Mit Cmd + Umschalttaste + D können Sie den Dockstatus der Entwicklertools zwischen den beiden zuletzt verwendeten Status wechseln.
- Chrome
Nicht abgeschlossene Netzwerkanfragen
Mit dem erweiterten Netzwerkfilter „Is:running“ können Sie nicht abgeschlossene Netzwerkanfragen (z.B. laufende Anfragen) sehen.
- Chrome
Easing-Editor
Wählen Sie eine CSS-Eigenschaft für das Easing aus, um eine visuelle animierte Vorschau zu erhalten, die das Verhalten veranschaulicht.
- Chrome
Automatische Großschreibung für Mobilgeräte
Außerdem wird die Frustration bei den Texteingaben aufgehoben.
- Chrome
Befehle zum Ausschneiden und Kopieren
Durch die Unterstützung von Ausschneiden und Kopierbefehlen können Sie ausgewählten Text programmatisch ausschneiden und in die Zwischenablage des Nutzers kopieren.
- Chrome
Referenz zur Console Utilities API
Eine Referenz zu praktischen Funktionen, die in der Chrome-Entwicklertools-Konsole verfügbar sind.
- Chrome-Entwicklertools
DOM-Attribute jetzt in der Prototypkette
Chrome entspricht nun den Spezifikationen. Prüfen Sie Ihre Websites, wenn Sie von der WebKit-Logik für die Attributverteilung ausgehen.
- Chrome
Andere Browser emulieren und testen
Es ist nicht Ihre Aufgabe, dafür zu sorgen, dass Ihre Website für Chrome und Android optimiert ist. Obwohl der Gerätemodus eine Reihe anderer Geräte wie iPhones simulieren kann, empfehlen wir Ihnen, sich andere Browserlösungen für die Emulation anzusehen.
- Chrome-Entwicklertools
Remote-Fehlerbehebung für WebViews
Mit den Chrome-Entwicklertools können Sie Fehler in WebViews in nativen Android-Apps beheben.
- Chrome-Entwicklertools
Fehler im ursprünglichen Code beheben, anstatt mit Quellzuordnungen bereitzustellen
Achten Sie darauf, dass Ihr clientseitiger Code auch nach dem Kombinieren, Reduzieren oder Kompilieren lesbar und debugierbar ist.
- Chrome-Entwicklertools
Remote-Fehlerbehebung für Android-Geräte
Remote-Debugging von Liveinhalten auf einem Android-Gerät über einen Windows-, Mac- oder Linux-Computer
- Chrome-Entwicklertools
Seitenressourcen ansehen
Organisieren Sie Ressourcen nach Frame, Domain, Typ oder anderen Kriterien.
- Chrome-Entwicklertools
Genehmigungs-API für das Web
Mit der Berechtigungen API können Sie den Berechtigungsstatus einer API zentral prüfen.
- Chrome
Vereinfachte Konzepte bei der Benennung von Webanimationen
Als Reaktion auf Entwicklerfeedback werden einige neue Funktionen von Webanimationen umbenannt.
- Chrome
Ein neuer Ort für die Entwicklertools
Wir sind umgezogen unter developer.google.com/web haben wir tolle neue Anleitungen und Tipps für dich zusammengestellt.
- Chrome
Entwicklertools-Zeitachse – Jetzt mit vollständiger Geschichte
Wir haben den Bereich „Zeitachse“ für die Chrome-Entwicklertools aktualisiert, damit Entwickler mehr Informationen zur Laufzeitleistung ihrer Website erhalten.
- Chrome
Push-Benachrichtigungen im offenen Web
Push-Benachrichtigungen und Benachrichtigungen sind bald in Chrome 42 verfügbar.
- Chrome
HTML5-Offlinespeicher verwalten
Hier erfahren Sie, wie Sie Daten clientseitig in Ihrer Chrome-App speichern, damit sie offline funktioniert.
Semantische Websites mit Webkomponenten und JSON-LD erstellen
Fügen Sie schema.org-Markup zu Ihren Komponenten hinzu und machen Sie sie suchmaschinenfreundlich.
- Chrome
Was ist der virtuelle Darstellungsbereich?
Der virtuelle Darstellungsbereich trennt Layout und Darstellung des Darstellungsbereichs.
- Chrome
Chrome Dev Summit 2014 – Apps mit Polymer entwickeln
Apps nach Polymer-Art erstellen
- Chrome
Literal mit ES6-Vorlagenstrings abrufen
Vorlagenstring-Literale mit eingebetteten Ausdrücken. Darauf haben wir schon seit Ewigkeiten gewartet. Im wahrsten Sinne des Wortes
- Chrome
Status bei DOM-Mutationen mit moveBefore() beibehalten
Knoten im DOM verschieben, ohne kritischen Status zu verlieren
- Chrome
image-rendering:pixelated
Verpixelung der Nation. Jetzt für Chrome 41
- Chrome
Freigegebene Module
Code für verschiedene Chrome-Erweiterungen freigeben
- Chrome-Erweiterungen
Chrome Dev Summit 2014 – Polymer – Die Lage der Gewerkschaft
Der Bundesstaat der Polymer Union.
- Chrome
Freigegebene Module
Code für verschiedene Chrome-Erweiterungen freigeben
- Chrome-Erweiterungen
Aufforderung zur Installation einer nativen App
Mit nativen App-Installationsbannern können Sie es Nutzern ermöglichen, Ihre native App schnell und nahtlos über den App Store auf ihrem Gerät zu installieren, ohne den Browser verlassen zu müssen.
- Chrome
Native Werbebotschaften
Hier erfahren Sie, wie Sie Nachrichten aus Ihrer Chrome-App mit nativen Anwendungen austauschen.
Wiedergabesteuerung für Webanimationen in Chrome 39
Weitere Informationen zur Wiedergabe von Webanimationen
- Chrome
Grundlagen der mobilen Webentwicklung
Ein kurzer Überblick über die Bemühungen, die das Chrome-Team unternimmt, um Entwickler beim Einstieg in die Webentwicklung und bei der Iteration ihrer Websites zu unterstützen.
- Chrome
Entwicklerfeedback erforderlich – Frame Timing API
Wir arbeiten an einer brandneuen API, die die Messung von Bildern pro Sekunde in der Wildnis unterstützen soll, aber dafür ist Ihr Feedback erforderlich.
- Chrome
Unterstützung von „theme-color“ in Chrome 39 für Android
Mit „design-color“ können Sie die Farbe der Symbolleiste in Chrome für Android festlegen.
- Chrome
Schritt 4: Externe Links mit einer WebView öffnen
So zeigen Sie externe Webinhalte in Ihrer Chrome-App an.
Schritt 7: App veröffentlichen
Chrome-App im Chrome Web Store veröffentlichen
Schritt 2: Vorhandene Web-App importieren
Vorhandene Web-App für die Chrome Apps-Plattform anpassen
Chrome-App „Todo“ erstellen
Eine Einführung in das Codelab.
Schritt 3: Wecker und Benachrichtigungen hinzufügen
Hier erfahren Sie, wie Sie Ihre Chrome-App in bestimmten Intervallen aktivieren und Benachrichtigungen verwenden.
Schritt 6: Aufgaben in das Dateisystem exportieren
So schreiben Sie von Ihrer Chrome-App in das Dateisystem.
Schritt 5: Bilder aus dem Web hinzufügen
Hier erfahren Sie, wie Sie Ihrer Chrome-App mithilfe von XHR und ObjectURL Bilder hinzufügen.
Schritt 1: Chrome-App erstellen und ausführen
Hier erfahren Sie, wie Sie eine einfache Chrome-App erstellen, installieren, ausführen und debuggen.
Generatoren – die gnadenhaften Bits
Eine Erläuterung der ES6-Generatoren.
- Chrome
Beacon-Daten in Chrome senden 39
In Chrome 39 wird die Beacon API implementiert, über die während des Seitenaufbaus kleine asynchrone HTTP-Anfragen gesendet werden können.
- Chrome
Präzise Touchbedienung für präzise Gesten
TouchEvents wurden in Chrome geändert, um Gleitkommawerte anstelle von Ganzzahlen zurückzugeben, um unterschiedliche Bildschirmdichten zu berücksichtigen. Dadurch erhältst du bei langsamen Touch-Gesten detaillierteres Feedback.
- Chrome
Einfachere Umwandlung von ArrayBuffer in String mit der Codierungs API
Die native Codierungs-API bietet eine einfache Möglichkeit, um zwischen binären Rohdaten und JavaScript-Strings zu konvertieren.
- Chrome
Erfassung und Iteration nach ES6-Methode
Karten, Sätze und Iteration sind ES6-Funktionen, die Ihre Arbeit mit Datensammlungen verändern können.
- Chrome
Web-Audio-Änderungen in M36
Beschreibung der Bereinigungsmaßnahmen für Web Audio-Standards in Chrome 36
- Chrome
Dialogelement in Chrome 37 Beta
Native Unterstützung von Elementen in Chrome Beta
- Chrome
DevTools-Übersicht – Chrome 35
Updates für die Entwicklertools in Chrome 35
- Chrome
API für Rich-Benachrichtigungen
Informationen zum Anzeigen von Benachrichtigungen für Nutzer von Chrome-Erweiterungen.
- Chrome-Erweiterungen
Notifications API verwenden
Benachrichtigungen für Nutzer von Chrome-Erweiterungen anzeigen.
- Chrome-Erweiterungen
Blob-Unterstützung für IndexedDB in Chrome Dev
Die lang erwartete Funktion für Chrome und die Blob-Unterstützung für IndexedDB sind jetzt in Chrome Dev verfügbar.
- Chrome
Webleistungsmessung automatisieren
Verwenden Sie PSI, um Messwerte zur Webleistung in Ihren Build-Prozess einzubinden.
- Chrome
Spiel-Engines
Empfohlene Spiel-Engines für Chrome-Apps.
„Web Animations“ – element.animate() – jetzt in Chrome 36
Web Animations definiert ein Modell zur Unterstützung von Animationen und Synchronisierung auf der Webplattform. element.animate() ist das erste dieser Elemente, das in Chrome landet.
- Chrome
Eine kompatiblere, flüssigere Touchbedienung
Sie und Ihre Nutzer wünschen sich mobile Web-Apps, die auf Berührung reagieren und reibungslos scrollen können. Die Entwicklung dieser Funktionen sollte einfach sein. Wie mobile Webbrowser beim Scrollen auf Touch-Ereignisse reagieren, bleibt jedoch als Implementierungsdetail in der [TouchEvent](https://www.w3.org/TR/touch-events/)-Spezifikation erhalten.
- Chrome
Chrome-Apps mit Apache Cordova auf Mobilgeräten ausführen
Eine Anleitung zur Verwendung von Apache Cordova zum Einrichten Ihrer Chrome-App für Android- und iOS-Geräte.
Fehlerbehebung bei asynchronem JavaScript mit Chrome-Entwicklertools
Eine leistungsstarke Funktion, die JavaScript einzigartig macht, ist die Möglichkeit, asynchron über Callback-Funktionen zu arbeiten. Durch das Zuweisen von asynchronen Callbacks können Sie ereignisgesteuerten Code schreiben. Das Aufspüren von
- Chrome
In das CSS-Raster einsteigen
CSS Grid Layout ist ein neues CSS3-Modul, das neue Layout-Primitive bereitstellt, die sich ideal für Webanwendungen eignen.
- Chrome
für Bluetooth
Kommunikation mit Bluetooth-Geräten über die Chrome App
Manifest – Bluetooth
Referenzdokumentation für die Bluetooth-Eigenschaft der Datei „manifest.json“
Chrome 33 – Hosting-Änderungen
Details zu den Änderungen beim Hosting für Chrome-Erweiterungen, die in Chrome-Version 33 eingeführt wurden.
- Chrome-Erweiterungen
WebView-Anwendungen für Webentwickler
Eine Anleitung zum Erstellen einer Webanwendung mit Yeoman, Gradle und Grunt
Erste Schritte
Schritt-für-Schritt-Anleitung zum Erstellen einer Chrome-Erweiterung
- Chrome-Erweiterungen
Tipps und Tricks
Tipps und Tricks zur Optimierung Ihrer WebView-Anwendung.
WebView-Workflow
Eine Anleitung zum Erstellen einer Webanwendung mit Yeoman, Gradle und Grunt
Anleitung: Zu Manifest V2 migrieren
Richtlinien für die Migration von Manifest V1 zu Manifest V2
- Chrome-Erweiterungen
Pixelgenaue WebView
So erstellen Sie perfekte WebView-UIs.
Häufig gestellte Fragen
Häufig gestellte Fragen zu Chrome-Erweiterungen
- Chrome-Erweiterungen
DevTools-Übersicht
Updates der Entwicklertools in Chrome 33
- Chrome
chrome.location
Referenzdokumentation für die chrome.location API
- Chrome-Erweiterungen
Yeoman – Monatsübersicht
Eine monatliche Benachrichtigung mit hochwertigen Yeoman-Artikeln, Generatoren und Projektnachrichten.
- Chrome
Chrome-Einstellungen überschreiben
So überschreiben Sie Chrome-Einstellungen mit einer Chrome-Erweiterung.
- Chrome-Erweiterungen
Chrome-Einstellungen überschreiben
So überschreiben Sie Chrome-Einstellungen mit einer Chrome-Erweiterung.
- Chrome-Erweiterungen
Yo Polymer – eine Einführung in Webkomponenten-Tools
Eine kurze Einführung in Webkomponenten, Polymer und Front-End-Tools
- Chrome
Web-Apps, die miteinander sprechen – Einführung in die Speech Synthesis API
Einführung in die Synthesefunktion der Web Speech API
- Chrome
Chrome Dev Summit – Übersicht über die Plattformen
Plattformen
- Chrome
Chrome Dev Summit – Leistungsübersicht
Auf Leistung kommt es an
- Chrome
Chrome Dev Summit – Zusammenfassung der offenen Webplattform
Die Möglichkeiten der Open Web Platform werden in einem neuen Tempo optimiert. Auf dem Chrome Dev Summit haben wir darüber gesprochen, wie wir Blink, Sicherheit und Medien für die Plattform verbessern.
- Chrome
Sockets
Referenzdokumentation für die Socket-Eigenschaft von „manifest.json“
Chrome Dev Summit – Deklarative, gekapselte, wiederverwendbare Komponenten aus Polymer
Polymer ist das Tor zur unglaublichen Zukunft von Webkomponenten. Weitere Informationen zu Webkomponenten und Polymer auf dem Chrome Dev Summit
- Chrome
Chrome Dev Summit – Zusammenfassung für Mobilgeräte
Dies ist der erste einer Reihe von Berichten vom Chrome Dev Summit. Dabei lag der Schwerpunkt auf der mobilen und der geräteübergreifenden Entwicklung, also fangen wir damit an.
- Chrome
Yeoman – Monatsübersicht
Regelmäßige Zusammenstellung von Artikeln, Videos und Vorträgen der Yeoman-Community.
- Chrome
DevTools-Übersicht, Dezember 2013
Das neueste Update für Änderungen an den Chrome-Entwicklertools.
- Chrome
Neue Webanimations-Engine in Blink unterstützt CSS-Animationen und -Übergänge
Eine Implementierung von Web Animations 1.0 ist in Blink für CSS-Animationen und -Übergänge eingetroffen.
- Chrome
300 ms Verzögerung beim Antippen, entfernt
Jede Klickinteraktion in mobilen Browsern wird mit einer Verzögerung von 300 ms eingeschränkt. In Chrome 32 ist das für Websites, die für Mobilgeräte optimiert wurden, jedoch nicht mehr verfügbar.
- Chrome
Entwicklertools-Terminal
Terminal über die Entwicklertools verwenden
- Chrome
Manifest für Speicherbereiche
Referenzdokumentation zum Speicherattribut von „manifest.json“
- Chrome-Erweiterungen
Manifest für verwalteten Speicher
Referenzdokumentation zum Speicherattribut von „manifest.json“
- Chrome-Erweiterungen
Chrome-Entwicklertools für Mobilgeräte
Screencast und Emulation
- Chrome
Chrome-Entwicklertools – November-Benachrichtigung
Die Chrome-Entwicklertools sind schnelllebig und wir möchten Sie auf einige neue Funktionen und Verbesserungen aufmerksam machen, die wir für einige Komponenten eingeführt haben. Wir sprechen über einige Änderungen an der Benutzeroberfläche, die
- Chrome
Yeoman – Monatsübersicht
Regelmäßige Zusammenstellung von Artikeln, Videos und Vorträgen der Yeoman-Community.
- Chrome
Die Landschaft der Automatisierung der Front-End-Entwicklung (Präsentationen)
Hier erfahren Sie, wie Sie Ihre Front-End-Produktivität mit Tools für Workflow-Automatisierung verbessern können.
- Chrome
Serielle Geräte
Kommunikation mit seriellen Geräten über Ihre Chrome-App
Web Audio-Live-Audioeingabe – jetzt für Android
Chrome für Android (Version 31.0.1650+) unterstützt jetzt die Audioeingabe über die Web Audio API.
- Chrome
Flexbox-Layout ist nicht langsam
Die neue Flexbox ist 2,3-mal schneller als die alte.
- Chrome
Entwicklertools-Antworten: Welche Schriftart ist das?
Haben Sie sich schon einmal gefragt, welche Schriftart tatsächlich zum Rendern von Text verwendet wird? In den Chrome-Entwicklertools ist es endlich soweit.
- Chrome
Dialogelement – einfache Dialoge
Haben Sie schon einmal ein eigenes modales Dialogfeld erstellt? Schon bald werden Sie sich nicht mehr dazu entscheiden müssen. Dialogfelder werden zu einem Teil der Webplattform.
- Chrome
url_handlers
Referenzdokumentation zur Eigenschaft „url_Handlers“ von „manifest.json“
externally_connectable
Referenzdokumentation für das Attribut „external_connectable“ von „manifest.json“
- Chrome-Erweiterungen
externally_connectable
Referenzdokumentation für das Attribut „external_connectable“ von „manifest.json“
- Chrome-Erweiterungen
Analytics
So integrieren Sie Google Analytics in Ihre Chrome-App.
Alpha-Transparenz in Chrome-Video
WebM hat gerade die Alpha-Transparenz hinzugefügt und die Unterstützung dafür ist jetzt in Chrome 31 eingetroffen.
- Chrome
Revolutionen bei den Chrome-Entwicklertools 2013
Mit der zunehmenden Komplexität und Funktionalität von Webanwendungen haben sich auch die Chrome-Entwicklertools weiterentwickelt. In dieser Zusammenfassung des Vortrags Chrome DevTools Revolutions 2013 von Paul Irish auf der Google I/O 2013 erhalten
- Chrome
Die Syntax von „sourceMappingURL“ und „sourceURL“ wurde geändert.
Die Syntax von „sourceMappingURL“ und „sourceURL“ wurde geändert.
- Chrome
Manifest – Beschreibung
Referenzdokumentation für das Attribut „description“ der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Sandbox
Referenzdokumentation für das Attribut „sandbox“ von „manifest.json“
- Chrome-Erweiterungen
Manifest – Nacl-Module
Referenzdokumentation für das Attribut „nacl_modules“ der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Offline aktiviert
Referenzdokumentation für das Attribut „offline_enabled“ in der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Beschreibung
Referenzdokumentation für das Attribut „description“ der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Symbole
Referenzdokumentation zur Eigenschaft „symbole“ in der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Anforderungen
Referenzdokumentation für das Attribut „requirements“ von „manifest.json“
- Chrome-Erweiterungen
Manifest – Schlüssel
Referenzdokumentation für das Schlüsselattribut von „manifest.json“
- Chrome-Erweiterungen
Manifest – Schlüssel
Referenzdokumentation für das Schlüsselattribut von „manifest.json“
- Chrome-Erweiterungen
Manifest – Im Web zugängliche Ressourcen
Referenzdokumentation für die Property „web_accessible_resources“ der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Name
Referenzdokumentation zum Attribut „name“ von „manifest.json“
- Chrome-Erweiterungen
Manifest – Chrome-Mindestversion
Referenzdokumentation für die Property „minimum_chrome_version“ der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Standardsprache
Referenzdokumentation für die Eigenschaft „default_locale“ der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest V2 – Version [eingestellt]
Referenzdokumentation zum Attribut „version“ von „manifest.json“
- Chrome-Erweiterungen
Manifest – Kurzname
Referenzdokumentation zur Property „short_name“ der Datei „manifest.json“.
- Chrome-Erweiterungen
Manifest – Symbole
Referenzdokumentation zur Eigenschaft „symbole“ in der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Anforderungen
Referenzdokumentation für das Attribut „requirements“ von „manifest.json“
- Chrome-Erweiterungen
Manifest – Im Web zugängliche Ressourcen
Referenzdokumentation für die Property „web_accessible_resources“ der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Inkognito
Referenzdokumentation zur Inkognito-Property der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Version
Referenzdokumentation zum Attribut „version“ von „manifest.json“
- Chrome-Erweiterungen
Manifest – Sandbox
Referenzdokumentation für das Attribut „sandbox“ von „manifest.json“
- Chrome-Erweiterungen
Manifestversion
Referenzdokumentation zur Eigenschaft „manifest_version“ der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Startseiten-URL
Referenzdokumentation zur Property „homepage_url“ der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Inkognito
Referenzdokumentation zur Inkognito-Property der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Startseiten-URL
Referenzdokumentation zur Property „homepage_url“ der Datei „manifest.json“
- Chrome-Erweiterungen
Manifest – Standardsprache
Referenzdokumentation für die Eigenschaft „default_locale“ der Datei „manifest.json“
- Chrome-Erweiterungen
Kiosk-Apps
Referenzdokumentation für die Property „kiosk_enabled“ in der Datei „manifest.json“
Manifest – App
Referenzdokumentation für die App-Property von „manifest.json“
Manifest – Datei-Handler
Referenzdokumentation zur Eigenschaft „file_handlers“ von „manifest.json“
Einführung in benutzerdefinierte Filter (auch CSS-Shader genannt)
Einführung in benutzerdefinierte Filter (auch CSS-Shader genannt)
Shadow DOM-Konzepte visualisieren
Shadow DOM-Konzepte visualisieren
- Chrome
Was sind Erweiterungen?
Ein Überblick über den Zweck von Chrome-Erweiterungen und deren Entwicklung.
- Chrome-Erweiterungen
Profilerstellung für lange Farbzeiten mit den Entwicklertools im Modus „Continuous Paint“
Profilerstellung für lange Farbzeiten mit den Entwicklertools im Modus „Continuous Paint“
- Chrome
WebRTC – Demo zu RTCDataChannel, API-Änderungen... und Chrome spricht mit Firefox
WebRTC – Demo zu RTCDataChannel, API-Änderungen... und Chrome spricht mit Firefox
- Chrome
CSS-Hintergrund-Abkürzung für mobile WebKit-Browser
CSS-Hintergrund-Abkürzung für mobile WebKit-Browser
- Chrome
Sprachgesteuerte Webanwendungen – Einführung in die Web Speech API
Sprachgesteuerte Webanwendungen – Einführung in die Web Speech API
- Chrome
Bildschirmfreigabe mit WebRTC
Bildschirmfreigabe mit WebRTC
- Chrome
Canvas-gesteuerte Hintergrundbilder
CSS-Hintergrund mit Canvas oder WebGL nutzen
- Chrome
WebRTC ist jetzt auch unter Firefox, Android und iOS verfügbar
WebRTC ist jetzt auch unter Firefox, Android und iOS verfügbar
- Chrome
Apps mit AngularJS erstellen
Eine Anleitung zum Erstellen von Chrome-Apps mit AngularJS.
Mit Object.observe auf Änderungen reagieren
Mit Object.observe auf Änderungen reagieren
- Chrome
Content Security Policy 1.0 ist jetzt offiziell eingeführt
Content Security Policy 1.0 ist jetzt offiziell eingeführt
- Chrome
Apps mit Sencha Ext JS erstellen
Chrome-Apps mit dem Sencha Ext JS-Framework erstellen
Erklärung von Berechtigungen
Eine Übersicht der gültigen Werte für die Berechtigungseigenschaft in der Datei „manifest.json“.
- Chrome-Erweiterungen
Interaktiver Globus mit CSS-Shadern und Google Maps
Interaktiver Globus mit CSS-Shadern und Google Maps
- Chrome
Die Berechtigung „activeTab“
So verwenden Sie die Berechtigung „activeTab“ in Ihrer Chrome-Erweiterung.
- Chrome-Erweiterungen
Berechtigungen deklarieren und Nutzer warnen
Implementieren von Berechtigungen zum Schutz Ihrer Nutzer und Ihrer Erweiterung
- Chrome-Erweiterungen
Architekturübersicht
Eine allgemeine Erläuterung der Softwarearchitektur von Chrome-Erweiterungen.
- Chrome-Erweiterungen
Was sind Themen?
Richtlinien zum Erstellen eines Themas.
- Chrome-Erweiterungen
Nutzern Optionen anbieten
So können Nutzer Ihre Erweiterung anpassen.
- Chrome-Erweiterungen
Manifest version
Die Eigenschaft „manifest_version“ der Datei „manifest.json“ gibt an, auf welche Version der Manifestspezifikation eine Chrome-Erweiterung ausgerichtet ist.
- Chrome-Erweiterungen
Debug-Erweiterungen
Anleitung zum Entwickeln von Chrome-Erweiterungen
- Chrome-Erweiterungen
Übereinstimmungsmuster
URL-Übereinstimmungsmuster in Chrome-Erweiterungen
- Chrome-Erweiterungen
Was sind Themen?
Richtlinien zum Erstellen eines Themas.
- Chrome-Erweiterungen
Live-Web-Audioeingabe aktiviert
Live-Web-Audioeingabe aktiviert
- Chrome
Ursprungsübergreifende XMLHttpRequest-Anfrage
So implementieren Sie ursprungsübergreifende XHR in Ihrer Chrome-Erweiterung.
- Chrome-Erweiterungen
Übereinstimmungsmuster
Funktionsweise des Abgleichs von Hostberechtigungen und Inhaltsskriptmustern anhand von Beispielen
- Chrome-Erweiterungen
Manifest-Dateiformat
Eine Übersicht über die Eigenschaften der Datei „manifest.json“, die Sie in Ihrer Chrome-Erweiterung verwenden können.
- Chrome-Erweiterungen
Anleitung: Google Analytics
Detaillierte Anleitung zum Erfassen der Nutzung Ihrer Erweiterung mit Google Analytics.
- Chrome-Erweiterungen
Nutzern Optionen anbieten
So können Nutzer Ihre Erweiterung anpassen.
- Chrome-Erweiterungen
Chrome-Seiten überschreiben
Hier erfahren Sie, wie Sie den Lesezeichen-Manager in Chrome, den Verlauf und die Seiten "Neuer Tab" über Ihre Chrome-Erweiterung überschreiben.
- Chrome-Erweiterungen
Chrome-Seiten überschreiben
Hier erfahren Sie, wie Sie den Lesezeichen-Manager in Chrome, den Verlauf und die Seiten "Neuer Tab" über Ihre Chrome-Erweiterung überschreiben.
- Chrome-Erweiterungen
Chrome Web Store
So hosten Sie eine Erweiterung im Chrome Web Store und aktualisieren eine im Chrome Web Store gehostete Erweiterung.
- Chrome-Erweiterungen
Fehler bei Erweiterungen beheben
Schritt-für-Schritt-Anleitung zum Beheben von Fehlern in Chrome-Erweiterungen
- Chrome-Erweiterungen
Ursprungsübergreifende Netzwerkanfragen
Implementieren Sie ursprungsübergreifende Netzwerkanfragen in Ihrer Chrome-Erweiterung.
- Chrome-Erweiterungen
„eval“ in Chrome-Erweiterungen verwenden
So verwenden Sie eval() in einer Chrome-Erweiterung.
- Chrome-Erweiterungen
Nachricht wurde weitergegeben
Wie Nachrichten zwischen Erweiterungen und Inhaltsskripten übertragen werden
- Chrome-Erweiterungen
Formate für Lokalisierungsnachrichten
Referenzdokumentation zum Format der Datei messages.json für Chrome-Erweiterungen
- Chrome-Erweiterungen
OAuth 2.0: Nutzer bei Google authentifizieren
Schritt-für-Schritt-Anleitung zum Erstellen einer Erweiterung, die über die Google People API, die Chrome Identity API und OAuth2 auf die Google-Kontakte eines Nutzers zugreift.
- Chrome-Erweiterungen
OAuth2: Nutzer mit Google authentifizieren
Schritt-für-Schritt-Anleitung zum Erstellen einer Erweiterung, die über die Google People API, die Chrome Identity API und OAuth2 auf die Google-Kontakte eines Nutzers zugreift.
- Chrome-Erweiterungen
Nachricht wurde weitergegeben
Wie Nachrichten zwischen Erweiterungen und Inhaltsskripten übertragen werden
- Chrome-Erweiterungen
eval() in iFrames verwenden, die in einer Sandbox ausgeführt werden
So verwenden Sie eval() in einer Chrome-Erweiterung.
- Chrome-Erweiterungen
Google Analytics 4 verwenden
Eine detaillierte Anleitung zum Erfassen der Nutzung Ihrer Erweiterung mit Google Analytics 4.
- Chrome-Erweiterungen
Manifest-Dateiformat
Übersicht über die „manifest.json“-Eigenschaften einer Chrome-Erweiterung.
- Chrome-Erweiterungen
Lebenszyklus von Chrome-Apps
Eine Übersicht über den Lebenszyklus von Chrome-Apps.
Manifestversion
Referenzdokumentation zur Eigenschaft „manifest_version“ der Datei „manifest.json“
Nutzerauthentifizierung
So authentifizieren Sie Nutzer in Ihrer Chrome-App.
Speicher-APIs
Speichernutzung Ihrer Chrome-App
Ereignisse mit Hintergrundskripts verwalten
Hier erfahren Sie, wie Sie auf Browsertrigger (Ereignisse) reagieren, die durch ein Hintergrundskript einer Chrome-Erweiterung ausgelöst werden.
- Chrome-Erweiterungen
Alternative Installationsmethoden verwenden
So installieren Sie Chrome-Erweiterungen mithilfe der Einstellungen für JSON oder aus der Windows-Registrierung.
- Chrome-Erweiterungen
Entwicklertools erweitern
Hier erfahren Sie, wie Sie eine Chrome-Erweiterung erstellen, mit der den Chrome-Entwicklertools neue Funktionen hinzugefügt werden.
- Chrome-Erweiterungen
Automatisch aktualisieren
So aktivieren Sie die automatische Aktualisierung Ihrer Chrome-App.
Offline zuerst
Chrome-Apps entwickeln, die offline verwendet werden können
MVC-Architektur
Eine Übersicht über das Softwarearchitekturmodell des Modellansichts-Controllers.
Netzwerkkommunikation
TCP und UDP in Ihrer Chrome-App verwenden
Ausführliche Benachrichtigungen mit webKit
Benachrichtigungen in Ihrer Chrome-Erweiterung implementieren
- Chrome-Erweiterungen
Web APIs
Chrome-Apps können alle APIs verwenden, die für Websites verfügbar sind.
Content Security Policy
Eine Übersicht über die CSP für Chrome-Apps und deren Einhaltung.
Erste Anwendung erstellen
Anleitung zum Erstellen einer einfachen Chrome-App
Architektur von Chrome-Apps
Ein Überblick über die Softwarearchitektur von Chrome-Apps.
Entwicklertools erweitern
Hier erfahren Sie, wie Sie eine Chrome-Erweiterung erstellen, die zusätzliche Funktionen zu den Chrome-Entwicklertools bietet.
- Chrome-Erweiterungen
Zugänglichkeit (A11y)
So machen Sie Ihre Manifest V2-Chrome-Erweiterung zugänglich.
- Chrome-Erweiterungen
Externer Inhalt
So präsentieren Sie externe Inhalte in Ihrer Chrome-App.
Inhaltsskripte
Eine Erläuterung der Inhaltsskripte und ihrer Verwendung in Ihrer Chrome-Erweiterung.
- Chrome-Erweiterungen
Inhaltsskripte
Eine Erläuterung der Inhaltsskripte und ihrer Verwendung in Ihrer Chrome-Erweiterung.
- Chrome-Erweiterungen
Optionen für die Verteilung alternativer Erweiterungen
So verteilen Sie Chrome-Erweiterungen außerhalb des Chrome Web Stores.
- Chrome-Erweiterungen
Barrierefreiheit im Internet
Chrome-Erweiterung barrierefrei machen
- Chrome-Erweiterungen
Entwicklung von Erweiterungen – Übersicht
Eine Übersicht über die Funktionen und Komponenten von Chrome-Erweiterungen.
- Chrome-Erweiterungen
USB-Geräte
Kommunikation mit USB-Geräten über die Chrome-App
Änderungen an Position:fixed Elemente stapeln
Stapeländerungen für position:fixed-Elemente
- Chrome
Jetzt landen! Position – fixierte Elemente in WebKit
Jetzt landen! Position – fixierte Elemente in WebKit
- Chrome
Input[type=file] in das Filesystem API einbinden
Input[type=file] in das Filesystem API einbinden
- Chrome
Wenn Millisekunden nicht genügen – performance.now
Wenn Millisekunden nicht genügen – performance.now
- Chrome
Die Datenliste für Bereichs-/Farbeingaben bietet einige Standardoptionen
Die Datenliste für Bereichs-/Farbeingaben bietet einige Standardoptionen
- Chrome
Schnelle FAQs zur Eingabe [type=date] in Google Chrome
Schnelle FAQs zur Eingabe [type=date] in Google Chrome
- Chrome
Leistung von Browsergrafiken messen
So wird die Grafikleistung von Browsern gemessen
- Chrome
Ordner per Drag-and-drop in Chrome ziehen
Ordner per Drag-and-drop in Chrome ziehen
- Chrome
Angekommen! xhr.send(ArrayBufferViews)
Angekommen! xhr.send(ArrayBufferViews)
- Chrome
GPU-Beschleunigung im 2D-Canvas nutzen
GPU-Beschleunigung im 2D-Canvas nutzen
- Chrome
Schreiben eines drehbaren Buchs mithilfe von CSS-Regionen und 3D-Transformationen
Schreiben eines drehbaren Buchs mithilfe von CSS-Regionen und 3D-Transformationen
- Chrome
Content Security Policy
Die Content Security Policy kann das Risiko und die Auswirkungen von Cross-Site-Scripting-Angriffen in modernen Browsern erheblich reduzieren.
Wie konvertiert man ArrayBuffer in und aus String?
Wie konvertiert man ArrayBuffer in und aus String?
- Chrome
Erstellen Sie keine Blobs, sondern erstellen Sie sie.
Kürzliche Spezifikationsänderungen am File API beinhalten einen neuen Konstruktor für Blob, was BlobBuilder im Wesentlichen irrelevant macht.
- Chrome
WebSocket-Frame-Prüfung jetzt in den Chrome-Entwicklertools
Prüfmöglichkeiten für die Daten, die in WebSockets übertragen werden
- Chrome
Datalist jetzt in Chrome Canary verfügbar
Mithilfe von „datalist“ kann Ihre App eine Liste mit vorgeschlagenen Ergebnissen definieren, aus denen Nutzer auswählen sollen. Sie können entweder eine Option aus der Liste auswählen oder freien Text eingeben.
- Chrome
WebRTC-Protokoll
Am 24. März veranstaltete Google die weltweit erste WebRTC-Entwicklerveranstaltung, den WebRTC Protothon.
- Chrome
XHR2-Dateiuploads in PHP verarbeiten
Ein Server-Codebeispiel, um zu veranschaulichen, wie Dateiuploads verarbeitet werden
- Chrome
requestAnimationFrame API – jetzt mit Sub-Millisekunden-Genauigkeit
Demnächst wird ein Teil der equestAnimationFrame API geändert
- Chrome
Deutlicher Anstieg der DOM-Leistung – innerHTML von WebKit ist 240% schneller
Der Chrome-Entwickler Kentaro Hara führte in WebKit sieben Codeoptimierungen durch, um die Leistung von Safari (JavaScriptCore) und Chrome (V8) zu steigern.
- Chrome
Zusammenfassung der internen Ressourcen zu Webbrowsern
Die meisten Ressourcen, die die Funktionsweise von Webbrowsern erklären,
- Chrome
Gesamte Seite mithilfe der HTML5 FileSystem API offline nehmen
Die FileSystem API ermöglicht das programmatische Speichern von Dateien und Ordnerhierarchien im lokalen Dateisystem (Sandbox-Datei) und ermöglicht das Hinzufügen, Aktualisieren und Entfernen einzelner Ressourcen nach Bedarf.
- Chrome
Einführung in JavaScript Source Maps
Haben Sie sich schon einmal gewünscht, dass Ihr clientseitiger Code auch nach dem Kombinieren und Minimieren lesbar und vor allem debugbar bleibt, ohne dass sich die Leistung verschlechtert? Mit Quellkarten ist das jetzt möglich. Quellzuordnungen
- Chrome
JavaScript optimieren
JavaScript ist relativ schnell, kann aber immer schneller ausgeführt werden. Erfahren Sie mehr darüber, wie Sie die Leistung von JavaScript optimieren können.
- Chrome
Neue experimentelle Funktion – Stylesheets mit Umfang
Chromium hat vor Kurzem eine neue Funktion von HTML5 implementiert: Stylesheets mit Geltungsbereich
- Chrome
Demo zu WebGL und Web Audio API
Hier ein paar coole WebGL- und Web Audio API-Demos, die ich in den letzten Wochen gesehen habe.
- Chrome
SwiftShader bringt Software für 3D-Rendering in Chrome
SwiftShader ist ein 3D-Renderer in Chrome 18, mit dem Sie CSS 3D und WebGL sogar auf GPUs verwenden können, die auf der Sperrliste stehen.
- Chrome
DOM-Änderungen mit Mutationsbeobachtern erkennen
Eine Einführung in Mutation Observers.
- Chrome
Google Mail zur Verarbeitung aller mailto-Links mit RegisterProtokollHandler erhalten
Dank navigator.registerProtokollHandler() können Sie Google Mail als Standard-Mail-Client für alle mailto-Links einrichten.
- Chrome
Chrome für Android – das mobile Web schneller machen
Chrome für Android Beta basiert auf dem Open-Source-Projekt Chromium und enthält viele der neuesten HTML5-Funktionen, die Chrome-Entwickler bereits kennen und schätzen.
- Chrome
Pointer Lock API bringt FPS-Spiele im Browser
Mit der Pointer Lock API können Sie richtige Ego-Shooter für das Web schreiben.
- Chrome
HTML5-Audio und die Web Audio API gehören zu den besten BFFs.
Mit createMediaElementSource() können Sie HTML5 mit der Visualisierungs-, Filter- und Verarbeitungsleistung der Web Audio API kombinieren.
- Chrome
Synchrone XHRs loswerden
Hinweis: Die XMLHttpRequest2-Spezifikation wurde kürzlich geändert, um das Senden einer synchronen Anfrage zu verhindern, wenn XMLHttpRequest.responseType festgelegt ist.
- Chrome
Häufig gestellte Fragen zu Web-Audio
Mit diesem kurzen Update möchten wir versuchen, einige der am häufigsten gestellten Fragen zu beantworten, um Ihre Erfahrung mit dem Web Audio API angenehmer zu gestalten.
- Chrome
Jetzt neu: Videoplayer-Beispiel
The Video Player Sample ist eine Open-Source-Web-App für Videoplayer, die auf derselben Architektur basiert wie die Apps 60 Minutes und RedBull.tv.
- Chrome
CSS-Filtereffekte in WebKit
Adobe hat hart daran gearbeitet, diese beeindruckende Technologie in CSS einzuführen. Ich beziehe mich insbesondere auf CSS Filter Effects 1.0, mit der Implementierung von WebKit.
- Chrome
Übertragbare Objekte – blitzschnell
Bei übertragbaren Objekten werden Daten von einem Kontext in einen anderen übertragen. Es handelt sich um Zero-copy, was die Leistung beim Senden von Daten an einen Worker erheblich verbessert.
- Chrome
Nach Möglichkeit mittlere Genauigkeit in WebGL verwenden
Hinweis von unseren Freunden bei Opera, die WebGL auf echter OpenGL ES 2.0-Hardware getestet haben.
- Chrome
Chrome-Entwicklertools für mehr Geschwindigkeit
Entwicklertools in Chrome zur Verbesserung der Geschwindigkeit Ihrer Apps verwenden
- Chrome
Video mit der MediaSource API streamen
Die MediaSource API erweitert das HTMLMediaElement, damit JavaScript Medienstreams für die Wiedergabe generieren kann.
- Chrome
WebGL-Demo-Zusammenfassung
Hier sind ein paar tolle neue WebGL-Demos aus dem Web, die zeigen, was Ihr Browser wirklich alles kann.
- Chrome
Cache-Tools und automatische Generatoren für Apps
Der Anwendungscache hilft Ihnen, Ihre Webanwendung offline auszuführen, beschleunigt die Startzeit erheblich und senkt die Kosten für die Bandbreite.
- Chrome
Bereich in IndexedDB-Transaktionen definieren
IndexedDB ist ein sich weiterentwickelnder Webstandard zum Speichern großer Mengen strukturierter Daten im Browser.
- Chrome
Lassen Sie Ihre Inhalte sprechen – Fullscreen API
Mit der Fullscreen API können Web-Apps programmatisch beliebige Inhalte auf der Seite über JavaScript in den Vollbildmodus des Browsers weiterleiten
- Chrome
WebSockets in Chrome Canary auf die neueste Version aktualisiert
Die WebSocket API wurde in Chrome Canary auf die neueste Version 13 aktualisiert
- Chrome
Mit HTML5- und Browserunterstützung auf dem neuesten Stand bleiben
Es kann eine Herausforderung sein, diese Funktionen einzuhalten, aber nur, wenn Sie nicht wissen, wo Sie suchen müssen.
- Chrome
Eine Fahrt mit Three.js machen
Immer mehr Entwickler kreieren neue 3D-Demos, ganz gleich, ob sie bereits OpenGL-Experten sind oder neue Abenteurer damit anfangen.
- Chrome
Gutschein für die neue Game Conference für HTML5-Spieleentwickler
Ich möchte meine TPS-Berichte davon abhalten, bei New Game das Schreiben von HTML5- und WebGL-Spielen zu erlernen.
- Chrome
7-minütige Videos – Profitipps für die JavaScript-Konsole und neue DOM APIs
Erweitere die JavaScript-Konsole in den Chrome-Entwicklertools.
- Chrome
Arbeiter ♥ ArrayBuffer
Chrome 13 und FF5 unterstützen das Senden eines „ArrayBuffer“ (oder Typed Arrays) an/von einem Web Worker
- Chrome
Unterschiede beim neuen WebSocket-Protokoll
Die WebSocket-Protokollspezifikation wurde kürzlich aktualisiert, um frühere Sicherheitsprobleme zu lösen, und ist weitgehend stabil
- Chrome
überall HTML einfügen
Inhalte in ein HTML-Dokument einfügen
- Chrome
Fehler in der Filesystem API beheben
Das HTML5-Dateisystem ist eine leistungsstarke API. Leistung bringt auch Komplexität mit. Die Komplexität erhöht aber auch die Frustration bei der Fehlerbehebung.
- Chrome
Mit der File System API in lokalen Dateien suchen
Wenn Sie ein File-Objekt haben, können Sie in dieses suchen und Blöcke lesen, ohne die gesamte Datei in den Arbeitsspeicher zu lesen.
- Chrome
HTML5 Libraries/Polyfills – Mitte Juli
Überall erscheinen tolle Bibliotheken
- Chrome
Verpassen Sie keinen Frame – Page Viewable API und HTML5-Video verwenden
Mit der Page Viewable API kann geprüft werden, ob der aktuelle Tab sichtbar ist.
- Chrome
Ankündigung von "New Game", der Konferenz für HTML5-Spieleentwickler
Sei bei New Game vom 1. bis 2. November 2011 in San Francisco, Kalifornien, dabei.
- Chrome
Domainübergreifende Bilder in WebGL verwenden
Die WebGL-Spezifikation enthält wichtige Informationen zum domainübergreifenden Anfordern von Bildern.
- Chrome
HTML5-Bibliotheken – Ende Juni
In letzter Zeit wurden einige aufregende Bibliotheken eingeblendet.
- Chrome
Page Viewable-API - Habe ich Ihre Aufmerksamkeit erhalten?
Mit der neuen Page Viewable API kann Ihre App feststellen, ob sie sichtbar ist oder nicht.
- Chrome
Contra in HTML5 und Web Audio API
Dank der leistungsstarken Funktionen von GWT, HTML5 und Web Audio API können wir zum Urheber des beliebten Cheat-Codes Contra aller Nutzer werden.
- Chrome
navigator.onLine in der Chrome-Entwicklerversion
Mit den Offline-APIs in HTML5 gibt es keine Ausrede, den Nutzern auch offline ein optimales Erlebnis zu bieten.
- Chrome
Willkommen bei updates.html5rocks.com
Um Entwickler schneller zu informieren, haben wir diesen HTML5-Update-Stream erstellt, um die coolen Dinge hervorzuheben, die geteilt werden sollten.
- Chrome
Geschwindigkeit Ihrer Web-App prüfen
Eine schnelle Webanwendung ist eine erfolgreiche Webanwendung. Ihre Arbeit als Entwickler ist erst getan, wenn Sie sowohl die tatsächliche als auch die wahrgenommene Leistung Ihrer App optimiert haben. Das ist nicht nur die richtige Maßnahme, um
- Chrome
- Chrome-Entwicklertools
Use the Chrome Web Store Publish API
How to programmatically create, update, and publish items in the Chrome Web Store.
- Workbox
- Chrome-Erweiterungen
Google Play for Education Addendum to the Google Chrome Web Store Developer Agreement
In connection with the Google Chrome Web Store, Google may make certain Chrome Web Store applications available in Google's Play for Education site. If You or Your organization is interested in participating, please verify that the
- Workbox
- Chrome-Erweiterungen
Chrome Web Store API Reference
This reference describes the methods and resource representation available for the Chrome Web Store Publish API. Each resource type has one or more data representations and one or more methods. See Using the Chrome Web Store Publish API for a guide
- Chrome-Erweiterungen
- Workbox
Policies
Extension policies
- Chrome-Erweiterungen
- Workbox
How Google Search uses speculation rules
Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience
- Chrome
Feedback and support
Receive support for the Chrome User Experience Report (CrUX).
- UX-Bericht für Chrome
- Workbox
LCP image subparts and RTT now available in CrUX
Learn about the change to the Chrome User Experience Report (CrUX changes) in the February 2025 release including LCP image subparts, LCP resource types, and RTT.
- Chrome
Dimensions
Technical documentation on CrUX dimensions.
- Workbox
- UX-Bericht für Chrome
Capabilities
Find out how to use Chrome's capabilities to build rich and engaging web experiences.
- Workbox
What is ChromeDriver?
ChromeDriver is a standalone server that implements the W3C WebDriver standard.
- Workbox
Design Docs and discussions
WebDriver BiDi Backend Design [Microsoft] Async Command Processing for WebDriver in Chromium Browser Tools- and Testing WG, Day 2, TPAC 2019, Fukuoka Browser Tools- and Testing WG, Day 1, TPAC 2019, Fukuoka
- Workbox
Logging
To enable verbose logging, pass --verbose to the ChromeDriver server. You can also pass --log-path to cause the log to be written to a file instead of stderr. If you don't start the ChromeDriver server directly yourself, you need to pass the switch
- Workbox
Chrome Web Store
Chrome Web Store An online marketplace where users can browse for extensions and themes. Publish your extension there and make it accessible to the world. dashboard Developer Dashboard Publish your extension and manage your store items. local_mall
- Chrome-Erweiterungen
- Workbox
Accessibility
Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way. This course is created for beginner and advanced web developers. You
Chrome's 2024 recap for devs: Re-imagining the web with AI in DevTools, built-in Gemini, and new UI capabilities
Check out Chrome for Developers' 2024 year-end roundup of the latest web features, capabilities, and tools.
- Chrome
chrome.declarativeContent
Use the chrome.declarativeContent API to take actions depending on the content of a page, without requiring permission to read the page's content. The Declarative Content API allows you to enable your extension's action depending on the URL of a web
- Workbox
- Chrome-Erweiterungen
chrome.declarativeWebRequest
Note: this API is deprecated. Check out the declarativeNetRequest API instead. Use the chrome.declarativeWebRequest API to intercept, block, or modify requests in-flight. It is significantly faster than the chrome.webRequest API because you can
- Workbox
- Chrome-Erweiterungen
chrome.systemLog
Use the chrome.systemLog API to record Chrome system logs from extensions. string Adds a new log record. MessageOptions The logging options. function optional The callback parameter looks like: Promise<void> Promises are supported in Manifest
- Workbox
- Chrome-Erweiterungen
chrome.webNavigation
Use the chrome.webNavigation API to receive notifications about the status of navigation requests in-flight. All chrome.webNavigation methods and events require you to declare the "webNavigation" permission in the extension manifest. For example: For
- Workbox
- Chrome-Erweiterungen
chrome.tts
Use the chrome.tts API to play synthesized text-to-speech (TTS). See also the related ttsEngine API, which allows an extension to implement a speech engine. Chrome provides this capability on Windows (using SAPI 5), Mac OS X, and ChromeOS,
- Workbox
- Chrome-Erweiterungen
chrome.input.ime
Use the chrome.input.ime API to implement a custom IME for Chrome OS. This allows your extension to handle keystrokes, set the composition, and manage the candidate window. You must declare the "input" permission in the extension manifest to use the
- Chrome-Erweiterungen
- Workbox
chrome.browsingData
Use the chrome.browsingData API to remove browsing data from a user's local profile. You must declare the "browsingData" permission in the extension manifest to use this API. The simplest use-case for this API is a a time-based mechanism for clearing
- Workbox
- Chrome-Erweiterungen
chrome.debugger
The chrome.debugger API serves as an alternate transport for Chrome's remote debugging protocol. Use chrome.debugger to attach to one or more tabs to instrument network interaction, debug JavaScript, mutate the DOM and CSS, and more. Use the Debuggee
- Chrome-Erweiterungen
- Workbox
Sign up for the Language Detection API origin trial
The Language Detection API is now available in a Chrome origin trial.
- Workbox
Chrome 129
Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.
- Chrome
chrome.declarativeNetRequest
The chrome.declarativeNetRequest API is used to block or modify network requests by specifying declarative rules. This lets extensions modify network requests without intercepting them and viewing their content, thus providing more privacy.
- Chrome-Erweiterungen
- Workbox
What's missing from HTML and CSS?
Do you agree with the CSS Day attendees about what should be added to the web?
- Chrome
More efficient IndexedDB storage in Chrome
A new optimization in Chrome improves how IndexedDB data is stored on disk. This document summarizes the key points of this update.
- Chromium
- Workbox
Creating a great listing page
Best practices on how to make a high-quality, engaging listing page for your item in the Chrome Web Store.
- Workbox
- Chrome-Erweiterungen
Help with ChromeDriver
If you have a general question or need help using ChromeDriver, you can email the chromedriver-users group. Before filing a bug, look at the existing issues for the same topic. ChromeDriver is an open source project, worked on by various
- Workbox
Clicking issues
ChromeDriver clicking works by simulating a mouse click in the middle of the element's first client rect (or bounding client rect if it doesn't have a first client rect). The easiest way to find out where ChromeDriver is attempting to click is to
- Workbox
Contribute to ChromeDriver
ChromeDriver is a Chromium project and the code lives in the Chromium repository. Chromium is the open source project on which Google Chrome is based. Follow the instructions to check out the entire Chromium source tree. After you have your source
- Workbox
Deceptive Installation Tactics FAQ
Frequently asked questions about Chrome Web Store's policies on deceptive installation tactics.
- Workbox
- Chrome-Erweiterungen
Listing Requirements
If your product has a blank description field or is missing an icon or screenshots, it will be rejected. Ensure your product's listing information is up to date, accurate, and comprehensive. We don't allow extensions with misleading, inaccurate,
- Chrome-Erweiterungen
- Workbox
Deceptive Installation Tactics
Extensions must be marketed responsibly. The set of functionalities promised by the extension must be stated clearly and in a transparent manner. The outcome of any user interaction should match the reasonable expectations that were set with the
- Chrome-Erweiterungen
- Workbox
Best Practices and Guidelines
Research and understand the Chrome Web Store policies. Before developing a Chrome extension, it is important to review the Chrome Web Store Developer Program Policies and ensure your extension complies with all guidelines and requirements. Extensions
- Workbox
- Chrome-Erweiterungen
Extensions quality guidelines FAQ
Frequently asked questions about the single purpose policy.
- Workbox
- Chrome-Erweiterungen
Quality guidelines
An extension must have a single purpose that is narrow and easy to understand. Don't create an extension that requires users to accept bundles of unrelated functionality. If two pieces of functionality are clearly separate, they should be put into
- Chrome-Erweiterungen
- Workbox
Aurora
A collaboration between Chrome and open-source web frameworks to improve user experience on the web.
- Workbox
CrUX methodology
Technical documentation on CrUX eligibility, metrics, dimensions and accessing the data.
- Workbox
- UX-Bericht für Chrome
chrome.enterprise.hardwarePlatform
Use the chrome.enterprise.hardwarePlatform API to get the manufacturer and model of the hardware platform where the browser runs. Note: This API is only available to extensions installed by enterprise policy. string string Obtains the manufacturer
- Chrome-Erweiterungen
- Workbox
chrome.enterprise.deviceAttributes
Use the chrome.enterprise.deviceAttributes API to read device attributes. Note: This API is only available to extensions force-installed by enterprise policy. Fetches the administrator-annotated Location. If the current user is not affiliated or no
- Workbox
- Chrome-Erweiterungen
chrome.enterprise.networkingAttributes
Use the chrome.enterprise.networkingAttributes API to read information about your current network. Note: This API is only available to extensions force-installed by enterprise policy. string optional The device's local IPv4 address (undefined if not
- Chrome-Erweiterungen
- Workbox
Chrome release notes and updates
Chrome's latest releases
- Workbox
Workbox
Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team
- Workbox
Extensions / Develop
Learn how to develop extensions
- Chrome-Erweiterungen
- Workbox
Content filtering
An explanation of content filtering and how to approach it in your Chrome Extension.
- Chrome-Erweiterungen
- Workbox
Reference
Reference for APIs available to Chrome Apps
- Workbox
chrome.tabCapture
Use the chrome.tabCapture API to interact with tab media streams. The chrome.tabCapture API lets you access a MediaStream containing video and audio of the current tab. It can only be called after the user invokes an extension, such as by clicking
- Workbox
- Chrome-Erweiterungen
chrome.system.memory
The chrome.system.memory API. number The amount of available capacity, in bytes. number The total amount of physical memory capacity, in bytes. Get physical memory information. function optional The callback parameter looks like: MemoryInfo
- Chrome-Erweiterungen
- Workbox
chrome.processes
Use the chrome.processes API to interact with the browser's processes. number The part of the cache that is utilized, in bytes. number The size of the cache, in bytes. number optional The most recent measurement of the process's CPU usage, expressed
- Workbox
- Chrome-Erweiterungen
chrome.power
Use the chrome.power API to override the system's power management features. Using this API, you can specify the Level to which power management is disabled. The "system" level keeps the system active, but allows the screen to be dimmed or turned
- Chrome-Erweiterungen
- Workbox
chrome.system.cpu
Use the system.cpu API to query CPU metadata. string The architecture name of the processors. string[] A set of feature codes indicating some of the processor's capabilities. The currently supported codes are "mmx", "sse", "sse2", "sse3", "ssse3",
- Workbox
- Chrome-Erweiterungen
chrome.vpnProvider
Use the chrome.vpnProvider API to implement a VPN client. Typical usage of chrome.vpnProvider is as follows: Create VPN configurations by calling createConfig(). A VPN configuration is a persistent entry shown to the user in a ChromeOS UI. The user
- Chrome-Erweiterungen
- Workbox
chrome.contextMenus
Use the chrome.contextMenus API to add items to Google Chrome's context menu. You can choose what types of objects your context menu additions apply to, such as images, hyperlinks, and pages. Context menu items can appear in any document (or frame
- Workbox
- Chrome-Erweiterungen
chrome.wallpaper
Use the chrome.wallpaper API to change the ChromeOS wallpaper. You must declare the "wallpaper" permission in the app's manifest to use the wallpaper API. For example: For example, to set the wallpaper as the image at https://example.com/a_file.png,
- Chrome-Erweiterungen
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Chrome-Erweiterungen
- Workbox
chrome.contentSettings
Use the chrome.contentSettings API to change settings that control whether websites can use features such as cookies, JavaScript, and plugins. More generally speaking, content settings allow you to customize Chrome's behavior on a per-site basis
- Chrome-Erweiterungen
- Workbox
chrome.proxy
Use the chrome.proxy API to manage Chrome's proxy settings. This API relies on the ChromeSetting prototype of the type API for getting and setting the proxy configuration. You must declare the "proxy" permission in the extension manifest to use the
- Workbox
- Chrome-Erweiterungen
chrome.system.storage
Use the chrome.system.storage API to query storage device information and be notified when a removable storage device is attached and detached. "success" The ejection command is successful -- the application can prompt the user to remove the device.
- Chrome-Erweiterungen
- Workbox
chrome.webAuthenticationProxy
The chrome.webAuthenticationProxy API lets remote desktop software running on a remote host intercept Web Authentication API (WebAuthn) requests in order to handle them on a local client. string The PublicKeyCredentialCreationOptions passed to
- Chrome-Erweiterungen
- Workbox
chrome.tabGroups
Use the chrome.tabGroups API to interact with the browser's tab grouping system. You can use this API to modify and rearrange tab groups in the browser. To group and ungroup tabs, or to query what tabs are in groups, use the chrome.tabs API. The
- Chrome-Erweiterungen
- Workbox
chrome.sessions
Use the chrome.sessions API to query and restore tabs and windows from a browsing session. string The name of the foreign device. Session [] A list of open window sessions for the foreign device, sorted from most recently to least recently modified
- Chrome-Erweiterungen
- Workbox
chrome.printerProvider
The chrome.printerProvider API exposes events used by print manager to query printers controlled by extensions, to query their capabilities and to submit print jobs to these printers. string optional Printer's human readable description. string
- Workbox
- Chrome-Erweiterungen
chrome.audio
The chrome.audio API is provided to allow users to get information about and control the audio devices attached to the system. This API is currently only available in kiosk mode for ChromeOS. string Device name. DeviceType Type of the device. string
- Workbox
- Chrome-Erweiterungen
chrome.topSites
Use the chrome.topSites API to access the top sites (i.e. most visited sites) that are displayed on the new tab page. These do not include shortcuts customized by the user. You must declare the "topSites" permission in your extension's manifest to
- Workbox
- Chrome-Erweiterungen
chrome.search
Use the chrome.search API to search via the default provider. "CURRENT_TAB" Specifies that the search results display in the calling tab or the tab from the active browser. "NEW_TAB" Specifies that the search results display in a new tab.
- Chrome-Erweiterungen
- Workbox
chrome.alarms
Use the chrome.alarms API to schedule code to run periodically or at a specified time in the future. To use the chrome.alarms API, declare the "alarms" permission in the manifest: The following examples show how to use and respond to an alarm. To try
- Chrome-Erweiterungen
- Workbox
chrome.scripting
Use the chrome.scripting API to execute script in different contexts. To use the chrome.scripting API, declare the "scripting" permission in the manifest plus the host permissions for the pages to inject scripts into. Use the "host_permissions" key
- Workbox
- Chrome-Erweiterungen
chrome.printingMetrics
Use the chrome.printingMetrics API to fetch data about printing usage. "BLACK_AND_WHITE" Specifies that black and white mode was used. "COLOR" Specifies that color mode was used. "ONE_SIDED" Specifies that one-sided printing was used.
- Chrome-Erweiterungen
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Chrome-Erweiterungen
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Chrome-Erweiterungen
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Workbox
- Chrome-Erweiterungen
Skip review for eligible changes
An overview of expedited review for Declarative Net Request changes.
- Chrome-Erweiterungen
- Workbox
Version selection
Version selection is the process of matching a Chrome binary of a given version to a compatible ChromeDriver binary. Starting with M115 the ChromeDriver release process is integrated with that of Chrome. The latest Chrome + ChromeDriver releases per
- Workbox
Rollback a published Chrome Web Store item
How to rollback an extension that you previously published on the
- Chrome-Erweiterungen
- Workbox
Additional Requirements for Manifest V3
Extensions using Manifest V3 must meet additional requirements related to the extension's code. Specifically, the full functionality of an extension must be easily discernible from its submitted code, unless otherwise exempt as noted in Section 2.
- Workbox
- Chrome-Erweiterungen
Chrome for Developers
google-site-verification: google2d9992045b4571ad.html
chrome.privacy
Use the chrome.privacy API to control usage of the features in Chrome that can affect a user's privacy. This API relies on the ChromeSetting prototype of the type API for getting and setting Chrome's configuration. You must declare the "privacy"
- Chrome-Erweiterungen
- Workbox
Extensions / How to
Solve common development tasks around Chrome extensions
- Workbox
- Chrome-Erweiterungen
Changes to BFCache behavior with extension message ports
We are making changes to Chrome BFCache which potentially impact extensions using message ports.
- Chrome
Mature & Sexually Explicit Material
We don't allow content that contains nudity, graphic sex acts, sexually explicit material, or content that drives traffic to commercial pornography sites. We also don't allow content that promotes incest, bestiality, necrophilia, or non-consensual
- Chrome-Erweiterungen
- Workbox
Announcing Chrome for Developers in China
We are publishing our sites on a .cn domain to make them easier to access in China.
- Chrome
chrome.location
The chrome.location API is no longer supported. We recommend using open web alternatives such as the Geolocation API instead.
- Workbox
- Chrome-Erweiterungen
Register your developer account
How to register as a Chrome Web Store developer.
- Workbox
- Chrome-Erweiterungen
Create a side panel
TBD
- Workbox
- Chrome-Erweiterungen
Trader/Non-Trader developer identification and verification
Developer's requirement to disclose and verify their trader/non-trader status.
- Chrome-Erweiterungen
- Workbox
Extensions / Samples
Samples Explore samples from the Chrome Extension samples repository. Use these to learn how extensions work or as starting points for building your own extensions. action.disable action.enable action.getBadgeBackgroundColor action.getBadgeText
- Workbox
- Chrome-Erweiterungen
Overview of CrUX
Introduction to the CrUX dataset.
- UX-Bericht für Chrome
- Workbox
Permissions
A list of permissions and user warnings available on the extensions platform.
- Chrome-Erweiterungen
- Workbox
Chromium Issue Tracker migration is complete
Chromium issue tracking is now migrated.
- Chrome
Chromium Issue Tracker migration beginning Feb 2, 2024 at 5pm PST
The Chromium Issue Tracker migration begins today.
- Chrome
Program Policies
The Web Store program policies.
- Chrome-Erweiterungen
- Workbox
Project Fugu API Showcase
Project Fugu API Showcase The Project Fugu API Showcase is a collection of apps that make use of APIs that were conceived in the context of Project Fugu. You can learn more about Project Fugu on the Capabilities landing page. Absolute Orientation
- Workbox
Join Privacy Sandbox Office Hours #12: Learn about Chrome-facilitated testing
Join the 12th edition of Privacy Sandbox office hours dedicated to Chrome-facilitated testing, where the Privacy Sandbox team will provide some Privacy Sandbox tester updates and answer your questions with product and technical leads.
- Chrome
Real-time Updates in Extensions
Managing real-time updates in Extensions
- Workbox
- Chrome-Erweiterungen
Distribute your extension
How to host your Chrome extension.
- Workbox
- Chrome-Erweiterungen
Extensions / Reference
Reference for the extensions manifest, related permissions and APIs
- Chrome-Erweiterungen
- Workbox
Chrome Archive
Chrome Archive Chrome Apps Chrome-specific APIs to create experiences with more access to the underlying operating system. These were deprecated in 2020, supported only for ChromeOS until Jan 2025. Native Client A sandbox to run compiled C and C++
- Workbox
Chromium Chronicle
Chromium Chronicle
- Chromium
- Workbox
Chromium
Find resources on the Chromium project.
- Chromium
- Workbox
Chrome 121 beta
CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.
- Chrome
Get Inspired
Read these case studies to find inspiration for your next project with Chrome.
- Chrome
Feeds
You can add the following RSS feeds to your feed reader to get automatic updates for areas of the site you are particularly interested in.
- Chrome
Extensions / Manifest V3
Manifest V3 Manifest V3 is the latest version of the extensions platform. We have made a number of changes to the available APIs and added a number of new features. Manifest V3 aims to be the first step in our platform vision to improve the privacy,
- Workbox
- Chrome-Erweiterungen
chrome.webstore
As of 06/12/2018, inline installation is deprecated. For more information, read our Chromium Blog post and Migration FAQ.
- Workbox
- Chrome-Erweiterungen
User interface components
A catalog of user interface elements available in extensions.
- Workbox
- Chrome-Erweiterungen
Modules
Dig deeper into specific Workbox modules.
- Workbox
Set up your developer account
How to set up your Chrome Web Store developer account.
- Chrome-Erweiterungen
- Workbox
Prepare your extension
Prepare your extension files.
- Chrome-Erweiterungen
- Workbox
Submit a feature request
Submit a request for a feature that you believe could improve the extension platform.
- Workbox
- Chrome-Erweiterungen
Support and feedback
Give us feedback to help us improve the platform and fix its bugs.
- Workbox
- Chrome-Erweiterungen
Storage and cookies
Overview of how web storage APIs and cookies work in extensions.
- Chrome-Erweiterungen
- Workbox
Chrome for Developers
User-agent: * Disallow: Sitemap: https://developer.chrome.com/sitemap.xml
Use your Google Analytics account with the Chrome Web Store
See analytics for your Chrome Web Store listing in addition to the metrics offered in the Developer Dashboard.
- Chrome-Erweiterungen
- Workbox
Better full screen mode with the Keyboard Lock API
Use the Keyboard Lock API to capture the Escape key in full screen mode. If you've ever played a full screen web game that popped up an in-game dialog that you instinctively canceled with the Escape key, you probably found yourself kicked out of full
- Chrome
Help test bounce tracking mitigations
We plan to launch mitigations to limit tracking from a particular technique called "bounce tracking" later this year. We would like to invite developers to test this new feature with feature flags and provide feedback.
- Chrome
Specify how multiple animation effects should composite with animation-composition
When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?
- Workbox
Manifest V3 migration checklist
A quick reference for upgrading your extensions from Manifest V2 to Manifest V3.
- Chrome-Erweiterungen
- Workbox
More control over :nth-child() selections with the of S syntax
Pre-filter a set of child elements before applying An+B logic on it.
- Workbox
Test service worker termination with Puppeteer
A guide explaining how to test service worker termination using Puppeteer.
- Workbox
- Chrome-Erweiterungen
Affiliate Ads
Any affiliate program must be described prominently in the product's Chrome Web Store page, user interface, and before installation. Related user action is required before the inclusion of each affiliate code, link, or cookie. Some example violations
- Workbox
- Chrome-Erweiterungen
Affiliate Ads FAQ
Frequently asked questions about Chrome Web Store's policies on affiliate ads.
- Chrome-Erweiterungen
- Workbox
Minimum Functionality
Do not post an extension with a single purpose of installing or launching another app, theme, webpage, or extension. Extensions with broken functionality—such as dead sites or non-functioning features—are not allowed. Extensions must provide a basic
- Workbox
- Chrome-Erweiterungen
Use of Permissions
Request access to the narrowest permissions necessary to implement your Product's features or services. If more than one permission could be used to implement a feature, you must request those with the least access to data or functionality. Don't
- Workbox
- Chrome-Erweiterungen
Chrome Apps
To ensure a great user experience, Chrome Apps distributed through the Chrome Web Store must follow the additional quality guidelines listed below. The guidelines in this section apply only to Chrome Apps. Packaged apps should: Take advantage of the
- Workbox
- Chrome-Erweiterungen
Disclosure Requirements
You must be transparent in how you handle user data (e.g., information provided by a user or collected about a user or a user's use of the Product or Chrome Browser), including by disclosing the collection, use, and sharing of the data. If your
- Workbox
- Chrome-Erweiterungen
Featured Products
The Chrome Web Store features products that align with our standards, values, and that we believe will produce valuable user experiences. Certain products that don't meet these standards, but which do not explicitly violate Chrome Web Store
- Workbox
- Chrome-Erweiterungen
Spam and Abuse
We don't allow any developer, related developer accounts, or their affiliates to submit multiple extensions that provide duplicate experiences or functionality on the Chrome Web Store. Extensions should provide value to users through the creation of
- Chrome-Erweiterungen
- Workbox
Repeat Abuse
Serious or repeated violations of the Chrome Web Store Distribution Agreement or these Program Policies will result in the suspension of your developer account, and possibly related developer accounts. Additionally, you may be banned from using the
- Workbox
- Chrome-Erweiterungen
Code Readability Requirements
Developers must not obfuscate code or conceal functionality of their extension. This also applies to any external code or resource fetched by the extension package. Minification is allowed, including the following forms: Removal of whitespace,
- Workbox
- Chrome-Erweiterungen
Ads
Ads are considered part of your Product for purposes of content review and compliance with developer terms, and therefore must comply with the above content policies. Ads which are inconsistent with the content rating of your products or extension
- Chrome-Erweiterungen
- Workbox
Hate Speech and Violent Behavior
Depictions of gratuitous violence are not allowed. Products should not contain materials that threaten, harass, or bully other users. We don't allow content or products that advocating against or inciting hatred towards groups of people based on
- Chrome-Erweiterungen
- Workbox
Accepting Payment From Users
If you collect sensitive personal information through your Product for sales, you must follow these requirements: You must securely collect, store, and transmit all credit card and other sensitive personal information in accordance with privacy and
- Workbox
- Chrome-Erweiterungen
Limited Use
This policy establishes the Chrome Web Store's minimum user data privacy requirements; you or your Product must comply with applicable laws. You must limit your use of the data to the practices you disclosed. Collection and use of web browsing
- Chrome-Erweiterungen
- Workbox
Impersonation & Intellectual Property
Don't pretend to be someone else, and don't represent that your product is authorized by, endorsed by, or produced by another company or organization, if that is not the case. Your Product and its user experience also must not mimic functionality or
- Chrome-Erweiterungen
- Workbox
Notification and appeals
In the event that your Product is removed from the Chrome Web Store, you will receive an email notification to that effect, with further instructions if applicable. Verify that the associated publisher account with your Product can receive emails
- Chrome-Erweiterungen
- Workbox
Regulated goods and services
Don't engage in or promote unlawful activities in your product, such as rape, illegal sex work, or the sale of prescription drugs without a prescription. We will remove content which promotes, glorifies, or encourages dangerous or illegal activity
- Workbox
- Chrome-Erweiterungen
2-Step Verification
To ensure the security of Chrome Web Store accounts, 2-Step Verification is required for all developer accounts prior to publishing an extension or updating an existing extension. Developers can activate 2-Step Verification for their Google accounts
- Chrome-Erweiterungen
- Workbox
Enforcement Circumvention
Any attempt to circumvent intended limitations or enforcement actions will result in the immediate termination of your developer account, and possibly related developer accounts.
- Workbox
- Chrome-Erweiterungen
Handling Requirements
If your product is associated with a security vulnerability that could be exploited to compromise another application, service, browser, or system, we may remove your product from the Chrome Web Store and take other measures to protect users. In such
- Chrome-Erweiterungen
- Workbox
Privacy Policies
If your Product handles any user data, then you must post an accurate and up to date privacy policy. The privacy policy must, together with any in-Product disclosures, comprehensively disclose: How your Product collects, uses and shares user data All
- Chrome-Erweiterungen
- Workbox
Misleading or Unexpected Behavior
We do not allow products that deceive or mislead users, including in the content, title, description, or screenshots. If any of your product's content, title, icon, description, or screenshots contains false or misleading information, we may remove
- Chrome-Erweiterungen
- Workbox
Malicious and Prohibited Products
Don't transmit viruses, worms, defects, Trojan horses, malware, or any other products of a destructive nature. We don't allow content that harms or interferes with the operation of the networks, servers, or other infrastructure of Google or any
- Chrome-Erweiterungen
- Workbox
API Use
Extensions must use existing Chrome APIs for their designated use case. Use of any other method, for which an API exists, would be considered a violation. For example, overriding the Chrome New Tab Page through any means other than the URL Overrides
- Workbox
- Chrome-Erweiterungen
Meeting you where you are
Find out how you can meet the Chrome team.
- Chrome
Known issues when migrating to Manifest V3
Recently, we announced changes to the Manifest V2 deprecation timeline, and while we remain firmly committed to Manifest V3 we acknowledge there is more work to do on our part. We are committed to closing the following gaps before announcing a new
- Chrome-Erweiterungen
- Workbox
Speeding up LCP with cross-site prefetching
An introduction to readily available technologies.
- Chrome
Discovery on the Chrome Web Store
An overview of how users find items on the Chrome Web Store, and how our editors select items to feature.
- Chrome-Erweiterungen
- Workbox
Chrome Web Store review process
An overview of the review process and how enforcement actions result from detected policy violations.
- Chrome-Erweiterungen
- Workbox
Managing fallback responses
Sometimes users encounter network failures or go offline. Learn how to adapt to those situations and provide a fallback response.
- Workbox
The ways of Workbox
Get familiar with some of the ways you can use Workbox.
- Workbox
Precaching dos and don'ts
Learn the do's and don'ts of precaching.
- Workbox
Precaching with Workbox
Learn how to precache assets in a service worker with Workbox.
- Workbox
Manifest V2 support timeline
Details of the Manifest V2 phase-out and end of life.
- Workbox
- Chrome-Erweiterungen
Manage user feedback
Follow-up on reviews and provide user support in the Chrome Web Store.
- Workbox
- Chrome-Erweiterungen
Check on your review status
How to check the review status of your Chrome Web Store item.
- Workbox
- Chrome-Erweiterungen
Analyze your store listing metrics
Understanding metrics and performance of your Chrome Web Store store listing.
- Chrome-Erweiterungen
- Workbox
Cross-origin isolation
Overview of cross-origin isolation for extensions
- Chrome-Erweiterungen
- Workbox
Enterprise publishing options
How to distribute extensions to enterprise users
- Chrome-Erweiterungen
- Workbox
RenderingNG
In 2021, we largely completed the process of designing, building and shipping RenderingNG, a next-generation rendering architecture for Chromium.
- Chromium
- Workbox
Prepare to publish: set up payment and distribution
How to choose which countries will list your item and who will see it in the Chrome Web Store.
- Workbox
- Chrome-Erweiterungen
Complete your listing information
How to add listing information for your Chrome Web Store item.
- Chrome-Erweiterungen
- Workbox
Update your Chrome Web Store item
How to update an extension or theme ("item") that you previously published on the Chrome Web Store.
- Chrome-Erweiterungen
- Workbox
Troubleshooting Chrome Web Store violations
Guidelines for understanding why an item was rejected or removed from the Chrome Web Store and how to fix the problem.
- Chrome-Erweiterungen
- Workbox
Chrome Web Store payments deprecation
Why the payments is deprecated, details about the deprecation timeline, and more.
- Workbox
- Chrome-Erweiterungen
Human interface devices on the web: a few quick examples
There is a long tale of human interface devices (HID) that are too new, too old, or too uncommon to be accessible by systems' device drivers. The WebHID API solves this by providing a way to implement device-specific logic in JavaScript.
- Workbox
Deleting Chrome Web Store developer accounts
How to delete a developer or group publisher account on the Chrome Web Store.
- Workbox
- Chrome-Erweiterungen
Set up a group publisher
How to share ownership of your Chrome Web Store items with other developers.
- Workbox
- Chrome-Erweiterungen
Fill out the privacy fields
Use the privacy practices tab to help the Chrome Web Store team review your extension as quickly as possible.
- Chrome-Erweiterungen
- Workbox
Spam policy FAQ
Frequently asked questions about Chrome Web Store's spam policy.
- Workbox
- Chrome-Erweiterungen
Navigate Chrome DevTools with assistive technology
A guide on navigating Chrome DevTools using assistive technology like screen readers.
- Chrome-Entwicklertools
- Workbox
Unlocking new capabilities for the web
Web apps should be able to do anything native apps can. Through Project Fugu, we want to make it possible to build and deliver any kind of app on the open web.
- Chrome
Supplying Images
Guidelines about the kinds of images you need to supply to the Chrome Web Store.
- Workbox
- Chrome-Erweiterungen
Branding Guidelines
Guidelines for use of Google trademarks.
- Chrome-Erweiterungen
- Workbox
Beyond SPAs - alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, to help you make the right decision for your use case.
- Chrome
Working with the new CSS Typed Object Model
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
- Workbox
Best Practices
How to create a high-quality extension and Chrome Web store listing.
- Workbox
- Chrome-Erweiterungen
API Deprecations and Removals in Chrome 54
An round up of the deprecations and removals in Chrome to help you plan.
- Chrome
Trader FAQ: Chrome Web Store
Frequently asked questions about Chrome Web Store's user data policy.
- Workbox
- Chrome-Erweiterungen
Updated Privacy Policy & Secure Handling Requirements
Frequently asked questions about Chrome Web Store's user data policy.
- Workbox
- Chrome-Erweiterungen
API Deprecations and Removals in Chrome 49
An round up of the deprecations and API removals in Chrome to help you plan.
- Chrome
Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling
Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Timeline event reference
The timeline events mode displays all events triggered while making a recording. Use the timeline event reference to learn more about each timeline event type.
- Chrome-Entwicklertools
- Workbox
What is the Chrome Web Store?
An explanation of the Chrome Web Store and why you might want to use it.
- Workbox
- Chrome-Erweiterungen
Chrome Dev Summit 2014 - The applied science of runtime performance
The story of building the Chrome Dev Summit site.
- Chrome
Publish in the Chrome Web Store
How to publish a new extension or theme to the Chrome Web Store.
- Workbox
- Chrome-Erweiterungen
Google Chrome Web Store Developer Agreement
The legal agreement governing the relationship between Chrome Web Store developers and the Chrome Web Store.
- Workbox
- Chrome-Erweiterungen
Content Ratings Guidelines
Guidelines about how the Chrome Web Store rates the maturity of content.
- Workbox
- Chrome-Erweiterungen
Manifest - Name and Short Name
Reference documentation for the name and short_name properties of manifest.json.
- Chrome-Erweiterungen
- Workbox
The "activeTab" permission
How to use the activeTab permission in your Chrome Extension.
- Workbox
- Chrome-Erweiterungen
Localization message formats
Reference documentation about the format of the messages.json file for Chrome Extensions.
- Chrome-Erweiterungen
- Workbox
Publish Your App
How to publish your Chrome App.
- Workbox
What Are Chrome Apps?
An overview of Chrome Apps and why you might want to build them.
- Workbox
CSS layout gets smarter with calc()
You can use calc() anywhere a length or number is used, so you can use it for positioning things, or in rgb() color values as well, so it has lots of great uses in a style sheet.
- Workbox
Introduction to Chrome Developer Tools, part one
Google Chrome is a rich and powerful web browser, pioneering what is possible for applications on the web. Google has worked hard to deliver a very fast, very stable, feature rich browsing experience for end users. Google has also ensured that
- Chrome
Summarizer
Get a short summary of every webpage.
Chrome Built-in AI Demo
Try the built-in AI preview in Chrome.
Google Gemini Demo
Try the Gemini Models.
Open extension API reference
Custom Cursor Extension
Adds a custom cursor on developer.chrome.com.
Simple Theme
Multiple side panels
This recipe shows how to use sidePanel.getOptions() to retrieve the current side panel and switch between side panels.
Global side panel
Shows how to display the same side panel on every site using the Side Panel API.
Dictionary side panel
Provides definitions in the side panel.
Privacy API sample
Uses the chrome.privacy.services property to get and set privacy settings.
Hello World
Basic Hello World Extension
WebGPU Extension
Generate a red triangle with WebGPU in an extension service worker.
Keep Awake
Override system power-saving settings.
Conifer Music - Official app in the Microsoft Store
Conifer is FAST Conifer integrates perfectly with your PC Conifer offers beautiful music visualizations Conifer is completely cross-platform Conifer is a fast, cross-platform music player that lets your play all of YOUR music, you know, the music you actually own. Have some CDs? Rip them to your computer and add them to Conifer! Have some MP3s? Add them to Conifer!
Mammoth - Official app in the Microsoft Store
Discover a simpler way to socialize online with Mammoth, the Mastodon app that prioritizes ease-of-use and clean design. Experience the open-source, decentralized social network without the clutter. Join communities, share your thoughts, and connect with like-minded individuals all with just a few taps. Say goodbye to overwhelming feeds and complicated features, Mammoth simplifies the social media experience. AI Enhanced: - Struggling to find that perfect image to go along with your post? Have a funny idea for an image on a post? Generate it right in Mammoth with the magic of AI - Not understanding something in a post, or just want to learn more about a specific topic in a post? Click the search button on a post to have AI help you understand the post! - AI driven autocomplete and status generation: Have something to say but not sure how to say it best? Ask Mammoth to write it for you! Customizable: - Dark and light mode support - Theming User Friendly: - Cross Platform - Fast
Transitions DJ
Transitions DJ is a web-based, ad-free DJ mixing app. Mix music online from SoundCloud or your own music collection.
Project Fugu API Showcase
Stadia Bluetooth mode
Switch your Stadia Controller to Bluetooth mode to keep gaming wirelessly on your favorite devices and services after Stadia shuts down
Wavacity
Wavacity is a port of the Audacity audio editor to the web browser. Free and open-source. No install required.
Native Messaging Example
Send a message to a native application.
Reading List API Demo
Uses the chrome.readingList API to display, update and remove reading list entries.
User Scripts API Demo
Uses the chrome.userScripts API to inject JavaScript into web pages.
Winamp for Creators - Start your Creator's journey
Winamp for Creators puts the power back in your hands by giving you access to all the artist services you need to take control of your musical journey.
Get started
Explore the fundamentals of music via Ableton's interactive website. Experiment with beats, melody, harmony, basslines, and song structure in your web browser.
heritagein.info
Netflix Spain - Watch TV Shows Online, Watch Movies Online
Watch Netflix movies & TV shows online or stream right to your smart TV, game console, PC, Mac, mobile, tablet and more.
Farmbound - a diurnal game of farming
Active Recall
Home · Semaphore
An alternative web client for Mastodon, focused on speed and simplicity.
Spatial Fusion is Mixed Reality for the Web
A Mixed Reality WebXR technology showcase designed in collaboration between Meta, and PHORIA and LUSION.
S.E.P.I.A.
S.E.P.I.A. is an app and framework for your own server-based, extendable, private, intelligent assistant.
Terra - Notícias, esportes, coberturas ao vivo, diversão e estilo de vida
Veja no Terra as últimas notícias e as melhores coberturas ao vivo do Brasil e do Mundo, Esportes, Diversão, Vida e Estilo e assista os melhores vídeos no TerraTV.
Groceries
Tylify: Create seamless patterns in seconds
Web-based pattern-making application. All image formats supported (SVG, PNG, JPG, etc). Export seamless patterns as SVG or PNG.
The best free, adless Chess server
Free online chess server. Play chess in a clean interface. No registration, no ads, no plugin required. Play chess with the computer, friends or random opponents.
Sign in - Google Accounts
DEV Community
A constructive and inclusive social network for software developers. With you every step of your journey.
file-tree Web Component
A file tree web component giving access to a device's file system using the File System Access API
Download our software
Download Tidepool Uploader for Mac and Windows, and Tidepool Mobile on iOS and Android.
VSLite
TikTok - Make Your Day
TikTok - trends start here. On a device or on the web, viewers can watch and discover millions of personalized short videos. Download the app to get started.
Descript
Descript is an all-in-one audio/video editor and screen recorder that works like a doc.
The PWinter
The Playroom
Babylon.js Playroom - a demo of Babylon.js using the Havok physics engine for the web introduced in Babylon 6.0
Experience GeForce NOW Gaming Anywhere & Anytime
Instantly play the most demanding PC games and seamlessly play across your devices.
A privacy-first, open-source knowledge base
A privacy-first, open-source platform for knowledge management and collaboration.
WealthPosition: Personal Finance & Budgeting App
WealthPosition, the best personal finance app to budget and track your finances for financial independence
StackBlitz
Snae player
Lightweight on device music player right in your browser.
Snapdrop
Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.
Xchart.com
Automatic anesthesia charting. Focus on your patient — not your paperwork.
ZQuest Classic
Play one of hundreds of quests in ZQuest Classic, or create your own! ZQuest Classic is a game engine where you can make your classic adventure game
PaintZ
MS Paint for Chromebooks. Create and edit drawings and other images. Simple, fast, works offline, touch- and mouse-friendly, and no plug-ins required!
LiveHeats
Helping organisers run sophisticated competitions with minimal effort. All-in-one platform for live scoring, heat draws, scheduling, rankings and registration.
Pointland
Web Metaverse with Point Cloud
app.ampedstudio.com
Ok! So...
The drawing app to express, grasp, and organize your thoughts and ideas
Elk
A nimble Mastodon web client
ESC Configurator - for Bluejay, BLHeli_S and AM32
Flash and manage your ESCs online without needing to download anything. Supports BLHeli_S, Bluejay and AM32 firmware.
Intervalometer
CodeSpace - Firia Labs
Application to help utilities management.
Budgeting app
Diffr
Sqlime - Online SQLite playground
Sqlime is an online SQLite playground for debugging and sharing SQL snippets.
Flipper Lab
Web platform for your Flipper
Discover the best Creators in the Fanzone
Embrace your inner fan, subscribe to your favorite creators to get Winamp-exclusive content.
bundlejs
Visit bundlejs.com - bundlejs is a quick and easy way to bundle, minify, and compress your ts, js, and npm packages all online.
Ensō
Writing is Thinking
Home Planner - Target
Plan your home, room by room. Design & style it virtually—then shop, share or save for later.
drum utility - teenage engineering
a utility for creating sample packs for the OP-1 field, OP-1, and OP-Z
NFC Tools Online
Online tools to read and write the data on your NFC tags.
[md.edit]
A markdown editor web app based on the File System Access API
Memos AI
Memos AI allows you to record notes with ACCURATE transcriptions, powered by AI, on any device. Need to record a lecture to help with notes? Memos AI can do that AND give you an accurate transcript of what was said.
Hindi Bollywood » Live Online Fm Radio From India Stations
Click here Download Apk
Figma: The Collaborative Interface Design Tool
Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.
Beautiful Free Images & Pictures
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
AirConsole - Multiplayer games for friends
AirConsole is an online video game console. Play over 190 multiplayer games. Your smartphones are the controllers.
Web Serial Controller
Connect to any USB or Bluetooth Serial Device from your browser using the Web Serial API Controller
docs.qq.com
Descript
There are simple podcast & video editors and there are powerful ones. Only Descript is both & it features magical AI, so you can skip the hard part of editing. Get started for free.
Globs Designer
Design with globs, a stretchy new design primitive. Tired of the pen tool? Need smarter curves? Want to design from code? Get started with globs.
Edit Photo
No ads, no popups, no cookies, no account. The fastest way to edit photos online
Last Finger Standing
Need to pick someone to go first? To pay the bill? To buy milk? Just have everyone put a finger on the screen and wait. Last Finger Standing will make your choice automatically! A quick and easy app to randomly select someone from a group of people.
The Session
An online community dedicated to traditional Irish music.
Readonly
Readonly links, for your read only.
Graphtoy
Graphing functions easily on the web
Blockbench
Barcode/QR code Scanner
A Progressive Web Application (PWA) that scans barcodes of various formats, using the Barcode Detection API.
Raverie Engine
readyplayer.me
Scrapbook PWA
GIFWorks
GIFWorks makes movies from shared screens and webcams. Once recorded, videos can be optimized and saved as GIF or downloaded as WebM.
Kiwix JS PWA
Offline Wikipedia reader
Oxygen Saturation Monitor
Monitor your oxygen saturation and heart rate with a bluetooth pulse oximeter
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
Amazingly Simple Graphic Design Software – Canva
Amazingly Simple Graphic Design Software – Canva
Soundslice
Learn music better with our living sheet music.
GrapheneOS web installer
Web-based installer for GrapheneOS, a security and privacy focused mobile OS with Android app compatibility.
Leonidas Esteban, Google Developer Expert en Web Technologies
Te enseño el cómo y el porqué de cada línea de código, aprendamos a programar juntos.
pixiv Sketch - お絵かきコミュニケーションアプリ
日々のお絵かきを手軽に楽しめるお絵かきコミュニケーションアプリ。落書きや描きかけの絵も気軽にシェア、いつでもどこでもお絵かきを楽しめます。
Toot Café
A Mastodon instance mostly populated by folks interested in web design and development.
Telegram
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
Trovo
Trovo is an interactive live streaming platform, you can check out the hottest games live, share your own gaming experiences, and join an amazing community created especially for gamers, creators and do-ers.
Mandadin 4
X. It’s what’s happening
From breaking news and entertainment to sports and politics, get the full story with all the live commentary.
Duino App
LittleBits Fuse
Play board games online from your browser
The world's #1 platform for playing board games online. Play hundreds of board games from your browser for free.
Amazon Luna – Amazon Cloud Gaming
Amazon Luna is a cloud gaming platform developed and operated by Amazon. Play great games on devices you already own.
Popular MIDIs — BitMidi
Listen to free MIDI songs, download the best MIDI files, and share the best MIDIs on the web.
Element
WebAssembly demo with File System Access
A demo showing WebAssembly + WASI apps running on the Web with access to a real filesystem.
Vectorpea
Vectorpea Online Vector Editor lets you edit vector graphics, AI, SVG and PDF files!
Web Xmodem
Learning Synths
Learn about synthesizers via Ableton’s interactive website. Play with a synth in your browser and learn to use the various parts of a synth to make your own sounds.
Getting Started
UsTaxes is an open source webapp for filing US federal income tax. All tax calculations are performed in the browser, so no personal information is stored on external servers!
Creating Kaleidoscopes from Photos with Online Tool
Discover the mesmerizing world of kaleidoscopes and unlock your artistic potential with our user-friendly online tool. Whether you're drawn to the symmetrical beauty of mandalas or nostalgic for the classic kaleidoscopes of your childhood, our tool offers endless possibilities
natto.dev - write JavaScript on a 2D canvas
studio.samlabs.com
codev5.vex.com
Vernier Graphical Analysis®
Pokémon of the Week
A game of collecting and collaborating
Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
1tuner
Listen to radio, podcasts and create playlists.
Snapchat. Now on the web.
Try the new Snapchat for Web on your computer to chat, call friends, use Lenses, and more
VIA
Your keyboard's best friend
Free and open source 2D and 3D game engine
Use the Godot Engine editor directly in your web browser, without having to install anything.
Trimble Identity
LogIn
MConverter: Easy to Use Online File Converter
Convert securely video, audio, image, e-book, office & archive files. Bulk convert large files up to 2 GB. Free and easy to use converter.
Find all Unicode characters from Hieroglyphs to Dingbats – Codepoints
Codepoints is a site dedicated to Unicode and all things related to codepoints, characters, glyphs and internationalization.
Android Flash Tool
Look Scanned
Look Scanned is a pure frontend site that makes your PDFs look scanned! No need for printers and scanners anymore - everything you need to do is just a few clicks.
Microsoft MakeCode Computer Science Education
MakeCode brings computer science to life for all students with fun projects, immediate results, and both block and text editors for learners at different levels.
Expressive Animator
Construct 3 r368.2 ★★★★★
Launch Construct 3 r368.2. Make games with the world's easiest browser-based game creator. Try for free now and begin your game development journey.
Adobe Photoshop
Best-in-class editing and design tools to create, modify, refine, and remix images into content you'll love. Straight from your browser.
Perfetto UI
Floor796
Make music in an online DAW
Produce music online. Make beats, record audio, and collaborate.
Learn a language for free
Learn languages by playing a game. It's 100% free, fun, and scientifically proven to work.
Remap
Remap allows you to find, build, set up and customize your keyboard quickly and easily in Web Browser.
SVGcode
SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.
Hostme
Hostme is everything you need to successfully run your restaurant business!
Runway
Everything you need to make anything you want.
Free Online Games on CrazyGames
Play free online games at CrazyGames, the best place to play high-quality browser games. We add new games every day. Have fun!
Linear – A better way to build products
Linear streamlines issues, sprints, and product roadmaps. It’s the new standard for modern software development.
Notepad - Offline capable
An offline capable notepad powered by ServiceWorker. It's quick, distraction-free, dark mode enabled, mobile compatible(Android, iOS) and minimalist in nature.
Voyager for Lemmy
Voyager is a beautiful mobile web client for Lemmy. Enjoy a seamless experience browsing the fediverse.
Craft — A fresh take on documents
Get started today, it's free.
IRCCloud
IRCCloud is a modern IRC client that keeps you connected, with none of the baggage. Stay synced and notified wherever you are with our web and mobile apps.
Install Tasmota
﹒ Blob City ﹒
Espruino Web IDE
Cue for Education
STORZ & BICKEL
STORZ & BICKEL Web App for Bluetooth Devices.
Cleanfeed
www.capcut.com
NiftyPass
Improv Wi-Fi: Open standard for setting up Wi-Fi via Bluetooth LE and Serial
Free and open standard with ready-made SDKs that offer a great user experience to configure Wi-Fi on devices.
USpeaking
Free Online AI Photo Editor, Image Generator & Design tool
Get creative with Pixlr’s online photo editing & design tools. Including AI image generator, batch editor, animation design, enhancer & more. Try now for FREE!
Wormhole - Simple, private file sharing
Wormhole lets you share files with end-to-end encryption and a link that automatically expires.
Vodon Player
Hoppscotch • Open source API development ecosystem
Helps you create requests faster, saving precious time on development.
Vysor
Chip Player JS
glTF Report
Viewer, analysis tool, script editor, and validator for 3D models in glTF 2.0 format.
bridge. v2
bridge. is a light-weight IDE for Minecraft Add-Ons
BandLab - Make Music Online
The cloud platform where musicians and fans create music, collaborate, and engage with each other across the globe
LEGO Education SPIKE
Visual Studio Code for the Web
Build with Visual Studio Code, anywhere, anytime, entirely in your browser.
TgStorage
Advanced Saved Messages of the Telegram. Organize your notes, links, checklists, photos and any documents in the free unlimited Telegram Cloud.
Adobe Podcast
Next generation audio from Adobe is here. Record, transcribe, edit, share. Crisp and clear, every time.
Logbook
regex101: build, test, and debug regex
Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET, Rust.
GoldWave Infinity Audio Editor
GoldWave Infinity audio editing, recording, conversion, and visual analysis app.
daedalOS
Desktop environment in the browser
Slack is your productivity platform
Slack is a new way to communicate with your team. It’s faster, better organized, and more secure than email.
Link Cleaner
Remove tracking code and other variables from web links with the press of a button!
github.dev
Real Time Lightning Map
See lightning strikes in real time across the planet. Free access to maps of former thunderstorms. By Blitzortung.org and contributors.
Wootility Web
Instantly edit your Wooting keyboard profiles and colors from the browser.
Codeit
Run projects, code your ideas, and share it all on Codeit.
STEM.TECH
Hear in a new way with STEM
Speakflow — Online Teleprompter - AI Powered
Speakflow is an online teleprompter! Write and save scripts; collaborate with your team; Includes voice-activated scrolling. Works on Windows, Mac, iOS, Android, and more!
NumWorks
tldraw
A free and instant collaborative diagramming tool.
PocketLab Notebook
Create your free account or sign in here.
Build expressive charts or dashboards with code
Turn your most complex data into actionable insights faster with Observable. The future of data visualization, dashboards, and data apps starts here.
YT Playlist Notifier
Get notified when YouTube playlists are updated.
www.contactsdirect.com
Create an account or log in to Instagram - A simple, fun & creative way to capture, edit & share photos, videos & messages with friends & family.
Shared Game Timer
A board game timer that synchronizes across multiple devices.
bluetooth.rocks
CrosKeys by CrosExperts
Unlock your Chromebook's potential with a powerful keyboard launcher!
ManifoldCAD
Fast, reliable, parametric solid modeling web app. Programmatic 3D design with JavaScript, inspired by and improving upon OpenSCAD & JSCAD. Demonstrates a new GPU-parallel, open-source geometry kernel: Manifold.
Typst: Compose papers faster
Focus on your text and let Typst take care of layout and formatting. Sign up now and speed up your writing process.
CityHop
Take leisurely walks and drives around the world while chilling to lofi music 🎶
BPM Techno - Free Online Real-Time BPM Counter for DJ
Produce some beats using any player, launchpad, keyboard, and mix them live with another track easily and precisely using this free online real-time BPM counter
Soundtrap - Make music online
Make music together online. Free instruments, loops, drum kits, and vocal tuner in one studio. Record, edit, mix, and master your audio, no downloads - sign up for free.
Install WLED
TopDecked Unified
The essential Magic App for brewers, collectors, traders, competitors, and fans.
Beatport DJ
Beatport DJ is the world's first web based DJ software built for music discovery and playlist management. Subscribe to Beatport Streaming and start mixing with millions of tracks.
Fotor - Free Online Photo Editing Tools
Upload image in Fotor online photo editor to crop image, add text to photo, enhance image, remove background, create graphics & more for free.
みんなのネバーランド - 約束のネバーランド公式コミュニティ -
みんネバは約束のネバーランド好きが集まる公式コミュニティです。考察やファンアート、約ネバの話題で盛り上がろう!
Color Picker - ThreeJS
A ThreeJS color picker
Boxy SVG
Create and edit Scalable Vector Graphics (SVG) files online
What PWA Can Do Today
A showcase of what is possible with Progressive Web Apps today.
Hypertext
HTML Document Editor
Create Amazing Mockups
Create Amazing Mockups
Vim Online Editor - Vim Editor In Browser
Maskable.app
Preview maskable icons in the browser!
Radio House
AudioMass
AudioMass is a free full-featured web-based audio & waveform editing tool
iRobot Coding
kota-yata editor
WYSIWYG Markdown editor with pdf viewer
Home · Pinafore
An alternative web client for Mastodon, focused on speed and simplicity.
Spotify - Web Player: Music for everyone
Spotify is a digital music service that gives you access to millions of songs.
noctura.tech
Graphite
Play Fortnite
Play Fortnite with Xbox Cloud Gaming (Beta). The future of Fortnite is here. Be the last player standing in Battle Royale and Zero Build, explore and survive in LEGO Fortnite, blast to the finish with Rocket Racing or headline a concert with Fortnite Festival. Play thousands of free creator made islands with friends including deathruns, tycoons, racing, zombie survival and more! Join the creator community and build your own island with Unreal Editor for Fortnite (UEFN) or Fortnite Creative tools. Each Fortnite island has an individual age rating so you can find the one that's right for you and your friends. Find it all in Fortnite!
PPG.report
Weather report tailored for paramotor pilots, worldwide. Combines winds aloft, nearby Terminal Aerodrome Forecasts, hourly forecasts, NWS active alerts and TFRs.
Logi Web Connect
Logi Web Connect gives you pairing flexibility to connect your Logi mice & keyboards through your Bolt Receiver. And is the perfect solution to pair your devices to computers without installing any software.
birdfood.gq
Tibbo Web Apps
Polypad – Virtual Manipulatives – Mathigon
Virtual manipulatives, dynamic geometry, graph plotting, data science and more: explore the ultimate mathematical playground!
D&D Tokenizer
Generate image tokens with fancy borders for D&D and other table games characters. Perfect for adding visuality to your gaming experience.
Average Colour
Average Colour is a tool to find the average colour in an image.
PWA Haven
Collection of small, fast, simple PWA's to replace native OS apps.
Oryx: The ZSA Keyboard Configurator
A powerful, visual tool to configure your keyboard. Based on the open-source QMK firmware.
Emberly - Your knowledge. Organized.
Emberly’s visual organization of bookmarks, notes, and files let you master information overload and learn better.
Mishipay
JSON utility tool
Web site created using create-react-app
OpenAI CLIP Image Search in JavaScript (Using ONNX Web Runtime)
wami
Ruby
Ruby (V3) is customizable, free, and fast.
Smart Text Editor
The text editor that requires only a browser and a keyboard!
StackEdit – In-browser Markdown editor
Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.
Postr.me
Capture social network post to nice image and video
Your connected workspace for wiki, docs & projects
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
Toaster
Toaster is a 3D editor that models in pure CSS + HTML. No WebGL, no canvas. Impractical? Yes. Useless? Also yes.
BrewFlasher Web Edition
WTFOS Configurator
Root and configure your DJI HD FPV goggles and air-units via web interface.
Lynx Toolbox
Lynx Toolbox is an online tool to help you manage your Lynx headset. You can use it to install apps, update your device, or perform various other actions.
Edit Photos and modify with Effects PhotoPWA.com
This online tool helps you easily cut and edit your photos. You can trim them just right, change the size, add cool filters, and make your images better with no hassle. The website as PWA is easy to use, so you can make your photos perfect and use fun filters.
Microsoft Loop - Think, plan and create together
ESP Web Tools
Easily allow users to flash new firmware for their ESP-devices on the web.
VRoid Hub
VRoid Hubは、3Dキャラクターのための投稿・共有プラットフォームです。モデルデータをアップロードするだけでキャラクターが活き活きとアニメーションするプロフィールページを作成でき、利用条件と共にモデルデータを配布することもできます。登録した3Dモデルは、VRoid Hubと連携した各種VR/ARプラットフォームや3Dコンテンツ上で利用可能です
GDevelop game making app
Build your own game super fast and without programming. Publish on mobile, desktop and on the web.
SpaceLancer
Online Virtual Piano Keyboard with MIDI Functionality
This virtual piano gives you a simple way to practice your piano/keyboard skills online. Just connect a MIDI controller and start playing right away.
Ilaria Food & Home – Ricette e stile di vita sostenibile
Ricette e stile di vita sostenibile
Open Video
Open local video files using the browser.
EdgeTX Buddy
Radio Garden
Explore live radio by rotating the globe.
Top War
In Top War, modern tanks are merged out of basic gunman, everything can be merged here.No more upgrade waiting times, merge two together and the upgrade will finish instantly.
Expressive Canvas
YouTube Audio Player
An awesome audio player for YouTube videos
Flowchart Maker & Online Diagram Software
JSMusicDB
Edit • Video
No ads, no popups, no cookies, no account. The fastest way to edit video online
Vimeo Interactive Video Experience Platform
Roland50.studio
Emulate the sound of Roland's most famous and influential musical instruments from Yuri Suzuki and Roland.
Markwhen
It's about time. Markwhen is a simple language for creating beautiful calendars, timelines, and more.
Narrow One
Capture the flag medieval style!
Capture QR Code
Instantly snap QR codes on mobile and desktop without installing an app.
web.autocad.com
Access AutoCAD® in the web browser on any computer. With the AutoCAD web app, you can edit, create, and view CAD drawings and DWG files anytime, anywhere.
Art Class
MOMO Pro
Impeccable timing and knowledge separate the stock trading elite. MOMO Stock Discovery App gives real-time stock market insight and alerts to time trades from desktop browser, iPhone, or Android.
velocity.radon.games
Music Instrument tuner app
Tune guiter, bass, ukulele. Also allows you to tune with chromatic tuner. This also has a useful metronome that you can use while you jam.
Ace Seventh Heaven
Visual Day scheduler.
Live Online Music Collaboration
Sessionwire Studio is a powerhouse creative communication suite for your production team featuring live video and studio quality HQ Audio.
WebGamer 🎮 Play Free Online Games
Play free online games instantly in your browser. WebGamer is a portal of next-gen web games you can play now without installing anything!
gphoto2 on the Web
Songwhip - Free music links to all platforms
In one click, Songwhip finds your music everywhere & makes a page you can share with everyone
Error
Daily Writing Builder
Photopea
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!
SQLite Viewer Web App
A free online SQLite Explorer, inspired by DB Browser for SQLite and Airtable. Use this web-based SQLite Tool to quickly and easily inspect sqlite files on the web.
Senomix Timesheets - Sign-In
Senomix Time and Expense Tracking Software for Mac and Windows
Discover recipes, home ideas, style inspiration and other ideas to try.
WebScan
An experimental project to bring document/image scanning to the web (USB scanners).
Tinder
With 55 billion matches to date, Tinder® is the world’s most popular dating app, making it the place to meet new people.
pwamp
Bangle.io
HexEd.it - Browser-based Online and Offline Hex Editing
HexEd.it is a free hex editor for Windows, MacOS, Linux and all other modern operating systems, which uses HTML5 and JavaScript (JS) technology to enable hexediting online, directly in your browser.
Bluesky Social
See what's next.
SnapperGPS - Home
Home page of SnapperGPS - A small, low-cost, low-power wildlife tracking system.
mgerhardy.github.io
GoodNotes
GoodNotes app
dot big bang
dot big bang is a way to create and share games with your friends. Create on your own or with your friends, share with anyone by just sending a link!
PhotoStack
PhotoStack has moved to https://photostack.app
Journalistic
A micro journaling app with minimalistic design, pristine writing experience, and powerful insights.
Accessible UK Train Timetables
A blazingly small and fast UK train times journey planner and live departure boards, with bookmarkable URLs as a web app, and offline saving of viewed journeys.
Pixel-Art Editor & NFTs Laboratory
Make pixel art from real life images and draw on the image you can edit for free, filters, layers, library, are within the editor.
Pokedex.org
A mini-encyclopedia of Pokémon species, types, evolutions, and moves.
Service worker with push notification
il8n API Example
Demonstrates the chrome.i18n API by localizing text in the extension popup.
Test Screenshot Extension
Uses the chrome.tabs API to take a screenshot of the active tab.
Bookmark Viewer
Uses the chrome.bookmarks API to search through, add, and delete bookmarks from the user's bookmark tree.
Keyboard Pin
Uses the chrome.tabs API to toggle the pinned state of the current tab.
topSites API sample
Uses the chrome.topSites API to suggest which sites a user should visit.
Catifier
Replace every image by a cat's image in a website you visit
Omnibox Simple Example
Demonstrates the "omnibox" manifest key and most members of the omnibox API.
Cookie Clearer
Uses the chrome.cookies API by letting a user delete their cookies via a popup.
Geolocation - popup
Shows how to get geolocation access within a popup.
Devtools - Chrome Query
Uses the devtools API to add a sidebar that displays the jQuery data associated with the selected DOM element.
Typed URL History
Uses the chrome.history API to display in a popup the user's most visited pages.
MV3 Migration - content script example
Google Analytics Demo
How to use Google Analytics 4 in your extension.
Chromium Milestones
Shows the Chromium release milestone a given code review was merged into.
Stylizr
Demonstrates how to use the chrome.storage API.
Optional Permissions New Tab
Demonstrates optional permissions in extensions
Quick API Reference
Quick API can speed up the building of Chrome extensions.
No Cookies
Uses the chrome.declarativeNetRequest API to remove the "Cookie" header from requests.
Tab Inspector
Demonstrates the chrome.tabs API and the chrome.windows API by providing a user interface to manage tabs and windows.
Alarms API Demo
Uses the chrome.alarms API to allow the user to set alarms using an extension page.
BrowsingData API: Basics
Uses the chrome.browsingData API to clear the user's history without requiring the user to visit the history page.
My Bookmarks
A browser action with a popup dump of all bookmarks, including search, add, edit and delete.
chrome.commands
Uses the chrome.commands API by creating a new keyboard macro for switching tabs in the browser window.
Open side panel
Shows how to call sidePanel.open() to open a global side panel.
History Override
Demonstrates how to override the default history page.
Sandboxed Frame Sample
Demonstrates creation of a tab with a sandboxed iframe to which the main page passes a counter variable.
Action API Demo
Uses the Action API to change the badge text, icon, hover text, or popup page.
Hello Extensions
Base Level Extension
Web Accessible Resources Demo
Uses the web_accessible_resources key in the manifest.json file to control access to assets within an extension.
URL Blocker
Uses the chrome.declarativeNetRequest API to block requests.
Sandboxed Content Sample
Demonstrates creating a tab for a sandboxed iframe. The sandbox calls eval() to write HTML to its own document.
Top Sites
Uses the chrome.topSites API to get the user's most visited sites.
Notifications API sample
Demonstrates the creation of, and interaction with, each of the notification template types.
Geolocation - offscreen
Shows how to get geolocation access within a service worker.
CO2 meter extension
Demonstrates using WebHID to connect to a CO2 meter.
Font Settings API Sample
Demonstrates the chrome.fontSettings API by allowing users to modify the size of fonts on webpages.
URL Redirect
Uses the chrome.declarativeNetRequest API to redirect requests.
Scripting API Demo
Uses the chrome.scripting API to inject JavaScript into web pages.
Global Google Search
Uses the context menu to search a different country's Google
Tab Capture Example
Demonstrates how to use the chrome.tabCapture API.
Oliver Focus Mode
Example extension from DevTools Tips video.
Site-specific side panel
Shows how to display the side panel only on google.com using the Side Panel API.
Devtools - inspectedWindow API sample
Uses devtools.inspectedWindow to collect and use data on the resouces used in a web page.
Print Extension
Demonstrates all four methods of the chrome.printing namespace.
Favicon API in a popup
Demonstrates the favicon manifest permission by displaying the favicon of a url in the extension popup.
Debugger Extension
Uses the chrome.debugger API to capture network events on web pages.
Content settings
Uses chrome.contentSettings to display the settings of a given page in the extension's popup.
Tabs zoom API Demo
Uses the tabs.zoom API to manipulate the zoom level of the current tab.
webNavigation API Sample
Uses the webNavigation API to send notifications.
WebSocket Demo
How to use WebSockets in your Chrome Extension.
Offscreen API - Clipboard
Shows how to write a string to the system clipboard using the offscreen document.
WASM Load Example - Helloworld (no-modules)
Shows how to use WebAssembly (WASM) in Manifest V3.
Blank new tab page
Uses the "chrome_url_overrides" manifest key by replacing the user's default new tab page with a new html file.
Tab Capture - Recorder
Records the current tab in an offscreen document.
Context Menus Sample
Uses the chrome.contextMenus API to customize the context menu.
Merge Windows
Uses the chrome.windows and chrome.tabs APIs to manage tabs across different windows.
Idle - Simple Example
Demonstrates the Idle API
Tab Manager for Chrome Dev Docs
Geolocation - content script
Shows how to get geolocation access within a content script.
Focus Mode
Enable focus mode on Chrome's official Extensions and Chrome Web Store documentation.
Offscreen API - DOM Parsing
Shows how to use DOMParser in an extension service worker using the offscreen document.
Omnibox - New Tab Search
Demonstrates the "omnibox" manifest key and API by creating a keyword that opens a browser search in a new tab.
no-cookies Rule Manager
Demonstrates the chrome.declarativeNetRequest API by providing a UI to manipulate declarativeNetRequest rules dynamically.
Favicon API in content scripts
Demonstrates fetching the favicon from www.google.com and inserting it at the top left of every page.
File Handling Demo
Shows how to use the file_handlers manifest key with the web platform's Launch Handler API.
Advanced Font Settings
Demonstrates the chrome.fontSettings API by allowing users to modify the style of displayed fonts on web pages.
Broken Background Color
Fix an Extension!
Getting Started Example
Build an Extension!
WASM Load Example - Helloworld
Shows how to use WebAssembly (WASM) as a module in Manifest V3.
webRequest.onAuthRequired Demo
Demonstrates the webRequest.onAuthRequired listener to detect an authentication request and log the user into the designated site.
Page Redder
Turns the page red when you click the icon
Drink Water Event Popup
Demonstrates usage and features of the event page by reminding user to drink water
Reading time
Add the reading time to Chrome Extension documentation articles