Neu in Chrome 57

Pete LePage

• Chrome 57 unterstützt jetzt display: grid – die neue CSS-Spezifikation für Grid-Layout
• Sie können jetzt Nutzereingaben auf dem Sperrbildschirm anpassen und darauf reagieren. Media Session API verwenden.
• Und es gibt noch vieles mehr!

Mein Name ist Pete LePage. Sehen wir uns an, was es bei Chrome 57 für Entwickler Neues gibt.

CSS-Rasterlayout

Flexbox ist ein leistungsstarkes Layout-Tool. Sie ermöglicht viele komplexe Layouts, Layout kann jedoch nur in einer Dimension erfolgen. Chrome 57 unterstützt jetzt display: grid die neue CSS Grid Layout-Spezifikation, Hinzufügen eines leistungsstarken neuen Tools zur Erstellung eines zweidimensionalen, rasterbasierten Layouts , die für responsives Benutzeroberflächendesign optimiert sind.

Elemente im Raster können mehrere Spalten oder Zeilen umfassen. Regionen in CSS-Raster können auch benannt werden, um Layoutcode leichter zu verstehen.

Surma hat einen Updatebeitrag veröffentlicht Wenn Sie mehr darüber erfahren möchten, Rachel Andrews Website: GridByExample.com.

Media Session API

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

Durch die Bereitstellung von Metadaten über die wiedergegebenen Inhalte informieren, können Sie einen Rich-Sperrbildschirm Nachrichten mit Informationen wie Titel, Künstler, Albumname und Artwork. Sie können auch auf und auf Nutzeraktionen reagieren zum Beispiel durch Suchen oder Überspringen.

Wenn Sie schnell loslegen möchten, Beitrag mit Updates, oder in der offiziellen Beispiel-Repository für Chrome Media Sessions auf GitHub.

…und vieles mehr

Und das ist noch nicht alles!

• Es gibt einige Verbesserungen an die Payment Request API.
• Sie können die Farbe des Texteingabecursors mit der Funktion caret-color Property.
• Visuelle Effekte wie Linienfarbe und -stil können mit neuen text-decoration Eigenschaften.
• Die Fetch API Antwortklasse unterstützt jetzt die .redirected um unseriöse Antworten zu vermeiden und das Risiko offener Redirectors.
• Alle -webkit- mit dem Präfix IndexedDB die globalen Aliasse entfernt wurden, die Einstellung in M38.
• Und einer meiner Favoriten: padStart und padEnd Formatierungsmethoden, die das Auffüllen von Strings beim Ausrichten der Konsolenausgabe vereinfachen oder Zahlen mit einer festen Zahl von Ziffern auszudrucken.

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

Danke an Igalia

Zum Schluss möchte ich mich an die Engineers und das Team von Igalia für ihre großartige Arbeit auf Blink. Sie waren entscheidend für die Einführung des neuen CSS-Rasters und der caret-color-Funktionen.

Bleiben Sie auf dem Laufenden

Wenn Sie immer über Chrome auf dem Laufenden bleiben und wissen möchten, was als Nächstes kommt, abonnieren unseren Kanal oder folgen @ChromiumDev auf Twitter Sehen Sie sich auch die Videos vom Chrome Dev Summit .

Ich bin Pete LePage. Sobald Chrome 58 veröffentlicht ist, bin ich gleich da , was es Neues bei Chrome gibt!