Webtagr - Technologienummer

Chromes neues `<permission>`-Element: Eine deklarative Methode für Web-Berechtigungen

2025-06-15

Das Chrome-Team experimentiert mit einem neuen deklarativen HTML-Element, ``, um die Art und Weise zu vereinfachen, wie Webanwendungen Zugriff auf leistungsstarke Funktionen wie den Standortzugriff anfordern. Herkömmliche imperative Methoden leiden unter Berechtigungs-Spam, schlechter Kontextualisierung und Schwierigkeiten beim Widerrufen von Berechtigungen. Das ``-Element bietet einen sichereren und benutzerfreundlicheren Ansatz, der es Entwicklern ermöglicht, Berechtigungen deklarativ anzufordern, während der Browser den Text des Elements dynamisch basierend auf der Benutzerinteraktion aktualisiert und eine klare Berechtigungsverwaltung bietet. Derzeit befindet es sich in einer Ursprungsprüfung in Chrome 126 und zielt auf eine Standardisierung ab.

(developer.chrome.com)

Entwicklung Berechtigungsmanagement

Chrome 135 führt gerätegebundene Sitzungsanmeldeinformationen für verbesserte Websicherheit ein

2025-05-02

Chrome 135 führt gerätegebundene Sitzungsanmeldeinformationen (DBSC) ein, eine neue Funktion zur Verbesserung der Sicherheit von Webanwendungen. DBSC schützt Benutzersitzungen vor Cookie-Diebstahl und Sitzungsentführung, indem ein an das Gerät gebundenes Schlüsselpaar generiert wird. Selbst wenn Cookies gestohlen werden, können Angreifer nicht von anderen Geräten auf Konten zugreifen. Durch die Nutzung hardwaregestützter Speicherung wie TPM und die regelmäßige Aktualisierung kurzlebiger Cookies verbessert DBSC die Sicherheit erheblich, ohne die Benutzererfahrung zu beeinträchtigen. Entwickler können diese Funktion über HTTP-Header integrieren und testen.

(developer.chrome.com)

Technologie Web Sicherheit Gerätebindung

Chrome 135: Vollständig anpassbare `<select>`-Elemente mit CSS

2025-03-31

Chrome 135 bringt ein wichtiges Update: die vollständige CSS-Anpassung des ``-Elements. Nach jahrelanger Entwicklung bietet dies ein standardisiertes, zugängliches und stylbares ``. Entwickler können jetzt die neue Eigenschaft `appearance: base-select` verwenden, um umfassende Anpassungsfunktionen freizuschalten, einschließlich des Hinzufügens von reichhaltigem HTML-Inhalt (wie Bilder und SVGs) zu ``-Elementen, ohne ältere Browser zu beeinträchtigen. Obwohl Parser-Änderungen vorhanden sind, mindert Chrome das Risiko, bestehende Websites mit einem Finch-Experiment zu beschädigen. Dieses Update ebnet den Weg für die Erstellung weitaus ansprechenderer und aussagekräftiger ``-Element-Erfahrungen.

(developer.chrome.com)

Entwicklung

Chrome ersetzt FreeType durch Rust-basiertes Skrifa: Ein Gewinn für Sicherheit und Performance

2025-03-19

Chrome hat seine alte FreeType-Rendering-Engine für Schriftarten durch Skrifa ersetzt, eine neue, auf Rust basierende Bibliothek. Der C-basierte FreeType-Code war von Sicherheitslücken geplagt und erforderte erhebliche Wartungsressourcen. Skrifa nutzt die Speichersicherheit von Rust, um Sicherheitslücken drastisch zu reduzieren und die Entwicklerproduktivität zu steigern. Strenge Tests und Vergleiche stellen sicher, dass Skrifa die Leistung und Renderqualität von FreeType erreicht. Chrome plant, Skrifa in Zukunft auf weitere Betriebssysteme auszuweiten.

(developer.chrome.com)

Entwicklung

Chrome 135 vereinfacht Web-Button-Interaktionen mit `command` und `commandfor`

2025-03-07

Chrome 135 führt die neuen Attribute `command` und `commandfor` ein, die die Interaktion mit Web-Buttons revolutionieren. Bisher benötigten Entwickler komplexen JavaScript-Code, um die Interaktion zwischen Buttons und anderen Elementen (Menüs, Modale, etc.) zu handhaben. Jetzt vereinfachen diese Attribute den Prozess erheblich. Der Artikel beschreibt die Nachteile traditioneller Ansätze, vergleicht `command` und `commandfor` mit älteren Attributen (`popovertargetaction` und `popovertarget`) und erklärt die Verwendung von integrierten Befehlen (`show-popover`, `hide-popover`, etc.) und benutzerdefinierten Befehlen, wodurch die Effizienz der Webentwicklung und die Barrierefreiheit verbessert werden.

(developer.chrome.com)

Entwicklung

Chrome Canary 130: Anpassbares <select>-Element verfügbar!

2025-02-20

Chrome Canary 130 bringt ein wichtiges Update mit sich: ein anpassbares ``-Element! Dieses langjährige Problem für Entwickler hat endlich eine Lösung. Mit der Eigenschaft `appearance: base-select` können Entwickler das ``-Element und seine Popup-Auswahl umfassend anpassen, einschließlich Stil, Inhalt und Interaktivität. Das Feature befindet sich offiziell in Phase 2 im WHATWG und stößt auf großes Interesse bei verschiedenen Browsern. Dieser Beitrag beschreibt, wie die Funktion aktiviert, ihre Komponenten angepasst und die Einschränkungen und Aspekte der Barrierefreiheit berücksichtigt werden können. Obwohl einige Funktionen noch in der Entwicklung sind, wird dieses leistungsstarke neue Feature die Webentwicklung deutlich verbessern.

(developer.chrome.com)

Entwicklung

Microsoft Edge behebt verwaschene Textwiedergabe in Chromium

2025-02-13

Nach der Migration zur Chromium-Rendering-Engine berichteten Benutzer, dass der Text in Microsoft Edge „verwaschen“ und inkonsistent mit anderen Teilen von Windows erschien. Untersuchungen ergaben, dass die Einstellungen für Textkontrast und Gamma von Skia von der vorherigen DirectWrite-Engine abwichen und die Einstellungen von Windows ClearType Tuner nicht gelesen wurden. Das Edge-Team arbeitete mit dem Google Chrome-Team zusammen und führte Benutzerforschung durch, um einen besseren Standardwert für den Textkontrast zu bestimmen. Ein Wert von 1,0 erwies sich als passend, entsprach der Wiedergabe von Edge vor Chromium und wirkte im Vergleich zu anderen nativen Windows-Anwendungen konsistent. Dieser Fix ist jetzt in Chrome 132 und höher verfügbar.

(developer.chrome.com)

Entwicklung Textwiedergabe Edge-Browser