- In Chrome 57 wird
display: gridunterstü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 und wir sehen uns jetzt an, was es Neues für Entwickler in Chrome 57 gibt.
CSS-Rasterlayout
Flexbox ist ein leistungsstarkes Layout-Tool. Damit sind viele komplexe Layouts möglich, aber es kann nur in einer Dimension erfolgen. In Chrome 57 wird die neue CSS Grid Layout-Spezifikation unterstützt. Damit steht ein leistungsstarkes neues Tool zum Erstellen von zweidimensionalen, rasterbasierten Layoutsystemen zur Verfügung, die für das Design responsiver Benutzeroberflächen optimiert sind.display: grid
Elemente im Raster können sich über mehrere Spalten oder Zeilen erstrecken. Bereiche in einem CSS-Raster können auch benannt werden, wodurch der Layoutcode leichter verständlich ist.
Surma hat einen Beitrag zu Updates dazu geschrieben. Wenn Sie sich näher damit befassen möchten, sollten Sie sich die Website von Rachel Andrew ansehen: GridByExample.com.
Media Session API
Eine der fehlenden Funktionen von Web-Media-Anwendungen war die Möglichkeit, sie tief in die Media-Umgebung auf Mobilgeräten zu integrieren. In Chrome für Android können Sie jetzt den Sperrbildschirm und Benachrichtigungen mit Medieninhalten anpassen. Dazu wird die neue Media Session API verwendet.
Wenn Sie dem Browser Metadaten zum wiedergegebenen Inhalt zur Verfügung stellen, können Sie umfangreiche Benachrichtigungen auf dem Sperrbildschirm erstellen, die Informationen wie Titel, Künstler, Albumname und Artwork enthalten. Sie können auch auf Nutzeraktionen reagieren, die in der Benachrichtigung ausgeführt werden, z. B. Suchen oder Überspringen.
Wenn Sie schnell loslegen möchten, hat Francois einen tollen Updates-Beitrag geschrieben. Sie können sich auch das offizielle Chrome Media Sessions-Beispiel-Repository auf GitHub ansehen.
…und vieles mehr
Und das ist noch nicht alles.
- Es gibt einige Verbesserungen an der Payment Request API.
- Mit der Eigenschaft
caret-colorkönnen Sie die Farbe des Cursors für die Texteingabe festlegen. - 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 offener Weiterleitungen zu verringern. - Alle globalen Aliase für IndexedDB mit dem Präfix
-webkit-wurden entfernt, nachdem sie in M38 eingestellt wurden. - Eine meiner Lieblingsfunktionen sind die neuen Formatierungsmethoden
padStartundpadEnd, die das Auffüllen von Strings beim Ausrichten der Konsolenausgabe oder beim 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
Ein großes Dankeschön an die Entwickler und das Team von Igalia für ihre großartige Arbeit an Blink. Sie haben maßgeblich zur Einführung des neuen CSS-Grids und der caret-color-Funktionen beigetragen.
Bleiben Sie auf dem Laufenden
Wenn Sie über Chrome auf dem Laufenden bleiben und wissen möchten, was als Nächstes ansteht, abonnieren Sie unseren Kanal oder folgen Sie @ChromiumDev auf Twitter. Hier finden Sie Videos vom Chrome Dev Summit, in denen einige der tollen Dinge, an denen das Chrome-Team arbeitet, genauer vorgestellt werden.
Ich bin Pete LePage und sobald Chrome 58 veröffentlicht wird, erfahrt ihr hier, was es Neues in Chrome gibt.