Neu in Chrome 57

Pete LePage

  • In Chrome 57 wird jetzt display: grid unterstützt – die neue CSS Grid Layout-Spezifikation.
  • Mit der neuen Media Session API können Sie jetzt Nutzereingaben auf dem Sperrbildschirm und in Benachrichtigungen anpassen und darauf reagieren.
  • Und es gibt noch viele weitere!

Ich bin Pete LePage. Sehen wir uns einmal an, was es für Entwickler bei Chrome 57 Neues gibt.

CSS-Rasterlayout

Flexbox ist ein leistungsstarkes Layout-Tool. Damit sind viele komplexe Layouts möglich, aber nur in einer Dimension. In Chrome 57 wird jetzt display: grid unterstützt – die neue CSS Grid-Layoutspezifikation. Diese enthält ein leistungsstarkes neues Tool zum Erstellen zweidimensionaler rasterbasierter Layoutsysteme, das für responsives Design von Benutzeroberfläche optimiert ist.

Elemente im Raster können sich über mehrere Spalten oder Zeilen erstrecken. Regionen in einem CSS-Raster können auch benannt werden, um den Layoutcode leichter zu verstehen.

Auf Surma gibt es einen Updates-Beitrag dazu. Wenn du dich eingehender damit beschäftigen möchtest, besuche die Website von Rachel Andrew: GridByExample.com.

Media Session API

Eine der fehlenden Funktionen von Webanwendungen für Medien ist die Möglichkeit, sich umfassend in die zentrale Medienerfahrung auf Mobilgeräten zu integrieren. In Chrome für Android können Sie den Sperrbildschirm und die Benachrichtigungen jetzt mithilfe der neuen Media Session API mit Medieninhalten anpassen.

Durch die Bereitstellung von Metadaten zu den wiedergegebenen Inhalten für den Browser können Sie umfassende Nachrichten auf dem Sperrbildschirm mit Informationen wie Titel, Künstler, Albumname und Artwork erstellen. Sie können auch auf Nutzeraktionen warten, die in der Benachrichtigung selbst ausgeführt werden, z. B. Suchen oder Überspringen, und darauf reagieren.

Wenn Sie schnell loslegen möchten, finden Sie auf Francois einen tollen Updates-Beitrag oder sehen Sie sich das offizielle Repository mit Beispielen für Chrome Media Sessions auf GitHub an.

…und vieles mehr

Und das ist noch viel mehr!

  • Es gibt einige Verbesserungen an der Payment Request API.
  • Die Farbe des Texteingabecursors lässt sich mit dem Attribut caret-color festlegen.
  • Visuelle Effekte wie Linienfarbe und -stil können mit neuen text-decoration-Eigenschaften festgelegt werden.
  • Die Antwortklasse der Fetch API unterstützt jetzt das Attribut .redirected, um unseriöse Antworten zu vermeiden und das Risiko offener Weiterleitungen zu verringern.
  • Alle globalen Aliasse mit dem -webkit--Präfix IndexedDB wurden nach ihrer Einstellung in M38 entfernt.
  • Eines meiner Favoriten – neue Formatierungsmethoden für padStart und padEnd, die das Auffüllen von Strings beim Angleichen der Konsolenausgabe oder des Druckens von Zahlen mit einer festen Anzahl von Ziffern vereinfachen.

Dies sind nur einige der Änderungen in Chrome 57 für Entwickler.

Ein Hoch auf Igalia

Abschließend noch ein großes Dankeschön an die Entwickler und das Team von Igalia für ihre großartige Arbeit an Blink. Sie waren maßgeblich an der Einführung der neuen CSS-Grid- und caret-color-Funktionen beteiligt.

Bleibe auf dem neuesten Stand

Wenn Sie über Chrome auf dem Laufenden bleiben und über zukünftige Entwicklungen auf dem Laufenden bleiben möchten, abonnieren Sie unseren Kanal oder folgen Sie @ChromiumDev auf Twitter. Du kannst dir auch die Videos vom Chrome Dev Summit ansehen, um mehr über die großartigen Dinge zu erfahren, an denen das Chrome-Team gerade arbeitet.

Ich bin Pete LePage. Sobald Chrome 58 veröffentlicht wird, melde ich mich mit Ihnen darüber, was es bei Chrome Neues gibt.