- Chrome 57 unterstützt
display: grid, die neue CSS-Grid-Layout-Spezifikation. - Mit der neuen Media Session API können Sie Nutzereingaben auf dem Sperrbildschirm und in Benachrichtigungen anpassen und darauf reagieren.
- Und es gibt noch viele weitere!
Ich bin Pete LePage. Sehen wir uns an, was in Chrome 57 für Entwickler neu ist.
CSS-Rasterlayout
Flexbox ist ein leistungsstarkes Layout-Tool. Es ermöglicht viele komplexe Layouts, aber nur in einer Dimension. Chrome 57 unterstützt display: grid, die neue CSS-Grid-Layout-Spezifikation. Damit steht ein leistungsstarkes neues Tool zum Erstellen zweidimensionaler, gitterbasierter Layoutsysteme zur Verfügung, die für responsives User-Interface-Design optimiert sind.
Elemente innerhalb des Rasters können mehrere Spalten oder Zeilen umfassen. Regionen in einem CSS-Raster können auch benannt werden, um den Layoutcode verständlicher zu machen.
Surma hat einen Update-Beitrag dazu verfasst. Wenn Sie mehr darüber erfahren möchten, besuchen Sie die Website von Rachel Andrew: GridByExample.com.
Media Session API
Eine der fehlenden Funktionen von Web-Medienanwendungen war die Möglichkeit, sich tief in die Mediennutzung auf Mobilgeräten zu integrieren. In Chrome für Android können Sie den Sperrbildschirm und Benachrichtigungen jetzt mithilfe der neuen Media Session API mit Medieninhalten anpassen.
Wenn Sie dem Browser metadata zu den wiedergegebenen Inhalten zur Verfügung stellen, können Sie ansprechende Mitteilungen auf dem Sperrbildschirm erstellen, die Informationen wie Titel, Künstler, Albumname und Artwork enthalten. Außerdem können Sie auf Nutzeraktionen in Bezug auf die Benachrichtigung selbst warten und darauf reagieren, z. B. wenn sie vor- oder zurückspringen.
Wenn Sie schnell loslegen möchten, hat Francois einen tollen Beitrag mit Updates verfasst. Sie können sich auch das offizielle Repository mit Beispielen für Chrome-Mediensitzungen auf GitHub ansehen.
…und vieles mehr
Und es gibt noch viel mehr!
- Die Payment Request API wurde ein wenig verbessert.
- Die Farbe des Textcursors lässt sich mit der Eigenschaft
caret-colorangeben. - Visuelle Effekte wie Linienfarbe und -stil können mit neuen
text-decoration-Eigenschaften angegeben werden. - Die Fetch API-Response-Klasse unterstützt jetzt das Attribut
.redirected, um nicht vertrauenswürdige Antworten zu vermeiden und das Risiko von offenen Weiterleitungen zu verringern. - Alle globalen Aliase von IndexedDB mit dem Präfix
-webkit-wurden entfernt, nachdem sie in M38 eingestellt wurden. - Und einer meiner Favoriten: die neuen Formatierungsmethoden
padStartundpadEnd, die das Ausrichten von Strings bei der Ausrichtung der Konsolenausgabe oder das Drucken von Zahlen mit einer festen Anzahl von Ziffern vereinfachen.
Das sind nur einige der Änderungen in Chrome 57 für Entwickler.
Shout-out an Igalia
Abschließend ein großes Dankeschön an die Entwickler und das Team von Igalia für ihre tolle Arbeit an Blink. Sie waren maßgeblich an der Einführung der neuen CSS-Grid- und caret-color-Funktionen beteiligt.
Bleiben Sie auf dem Laufenden
Wenn Sie über Neuigkeiten zu Chrome auf dem Laufenden bleiben und wissen möchten, was als Nächstes kommt, abonnieren Sie unseren Kanal oder folgen Sie @ChromiumDev auf Twitter. In den Videos vom Chrome Dev Summit erfahren Sie mehr über die spannenden Projekte, an denen das Chrome-Team gerade arbeitet.
Ich bin Pete LePage. Sobald Chrome 58 veröffentlicht wird, erzähle ich Ihnen hier, was es Neues in Chrome gibt.