Neu in Chrome 58

Pete LePage

Möchten Sie die vollständige Liste der Änderungen sehen? Änderungsliste des Chromium-Quell-Repositorys

Ich bin Pete LePage. Sehen wir uns an, was es Neues für Entwickler in Chrome 58 gibt.

IndexedDB 2.0

Die Struktur der Datenbank Ihrer Website hat erhebliche Auswirkungen auf die Leistung und kann nur schwer geändert werden. IndexedDB 2.0 ändert das.

  • object-Speicher und indexes können jetzt nach einem Refactoring direkt umbenannt werden.
  • Binäre Schlüssel ermöglichen natürlichere Schlüssel, ohne dass die Leistung beeinträchtigt wird.
  • Mit den Methoden getKey(), openKeyCursor() und continuePrimaryKey() ist es einfacher, Daten abzurufen.

Für die Massenwiederherstellung ganzer Datasets ist kein Cursor mit getAll() und getAllKey() mehr erforderlich.

Vollbild-Progressive Web-Apps

Wenn progressive Web-Apps über den Android-Startbildschirm gestartet werden, werden sie in einem eigenständigen app-ähnlichen Modus gestartet, in dem die Omnibox ausgeblendet ist. So wird eine ansprechende Nutzererfahrung geschaffen und der Bildschirmplatz für Inhalte freigegeben.

Bei noch intensiveren Inhalten wie Spielen, Videoplayern oder anderen Rich-Content-Elementen können mobile UI-Elemente wie die Systemleisten jedoch störend sein und wertvolle Pixel belegen, die Sie möglicherweise benötigen.

Sie können Ihre progressive Web-App jetzt noch immersiver gestalten, indem Sie display: fullscreen in Ihrem Web-App-Manifest festlegen.

Eine PWA, die vom Startbildschirm aus gestartet wurde (links), vom Startbildschirm aus im standalone-Modus (Mitte) und vom Startbildschirm aus im fullscreen-Modus (rechts).

Wenn Ihre App über den Startbildschirm gestartet wird, werden alle nicht appbezogenen mobilen UI-Elemente ausgeblendet.

Verbesserungen bei Sandboxed-iFrames

Chrome 58 unterstützt jetzt das neue iframe-Sandbox-Keyword allow-top-navigation-by-user-activation.

Wenn dieses Keyword durch eine Nutzerinteraktion ausgelöst wird, können Sandboxed-iFrames die Seite der obersten Ebene aufrufen, während automatische Weiterleitungen weiterhin blockiert werden.

…und vieles mehr

Und natürlich gibt es noch viel mehr.

  • Der clearfix-Hack gehört der Vergangenheit an. Anstatt mehrere Layoutattribute wie „float“ und „clear“ manuell zurückzusetzen, können Sie jetzt mit display: flow-root einen neuen Blockformatierungskontext hinzufügen.
  • Mit PointerEvents.getCoalescedEvents() können Sie auf alle Eingabeereignisse seit der letzten Zustellung eines PointerEvent zugreifen. Ideal, wenn Sie einen genauen Verlauf von Punkten benötigen, z. B. für Zeichen-Apps.
  • Workers und SharedWorkers können jetzt mit data:-URLs erstellt werden. Dadurch wird die Entwicklung mit Workers sicherer, da sie einen undurchsichtigen Ursprung haben.

Das sind nur einige der Änderungen in Chrome 58 für Entwickler.

Wenn dir dieses Video gefallen hat, sieh dir Designer vs. Developer an, eine neue Videoserie, in der wir versuchen, die Herausforderungen zu lösen, die sich ergeben, wenn Designer und Entwickler zusammenarbeiten.

Abonniere dann unseren YouTube-Kanal, um per E-Mail benachrichtigt zu werden, wenn wir ein neues Video veröffentlichen.

Ich bin Pete LePage und sobald Chrome 59 veröffentlicht wird, erfahrt ihr hier, was es Neues in Chrome gibt.