Neu in Chrome 58

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

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

IndexedDB 2.0

Die Struktur der Datenbank Ihrer Website hat große Auswirkungen auf die Leistung und kann schwer zu ändern sein. Mit IndexedDB 2.0 ändert sich das.

  • object-Speicher und indexes können nach einer Refaktorierung jetzt direkt umbenannt werden.
  • Mit Binärschlüsseln sind natürlichere Schlüssel möglich, ohne dass Leistungseinbußen in Kauf genommen werden müssen.
  • Der Datenabruf ist mit den Methoden getKey(), openKeyCursor() und continuePrimaryKey() einfacher.

Außerdem ist für die Bulk-Wiederherstellung ganzer Datasets kein Cursor mit den getAll() und getAllKey() mehr erforderlich.

Progressive Web-Apps im Vollbildmodus

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 wird. So schaffen Sie eine ansprechende User Experience und schaffen Platz für Inhalte auf dem Bildschirm.

Bei noch immersiveren Erlebnissen wie Spielen, Videoplayern oder anderen komplexen Inhalten können mobile UI-Elemente wie die Systemleisten jedoch trotzdem ablenken und wertvolle Pixel einnehmen, die Sie benötigen.

Jetzt kannst du deine progressive Web-App immersiver gestalten. Dazu legst du display: fullscreen in deinem Web-App-Manifest fest.

Eine PWA wurde vom Startbildschirm (links), vom Startbildschirm im standalone-Modus (in der Mitte) und im fullscreen-Modus (rechts) auf dem Startbildschirm gestartet.

Wenn Ihre App vom Startbildschirm aus gestartet wird, werden alle mobilen Nicht-App-UI-Elemente ausgeblendet.

Verbesserungen von Sandbox-iFrames

Chrome 58 unterstützt jetzt das neue Schlüsselwort allow-top-navigation-by-user-activation für die iFrame-Sandbox.

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

…und vieles mehr

Und natürlich gibt es noch viel mehr.

  • Schluss mit dem clearfix-Hack. Anstatt mehrere Layouteigenschaften 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 Bereitstellung einer PointerEvent zugreifen. Ideal, wenn Sie einen genauen Punkteverlauf für Dinge wie das Zeichnen von Apps benötigen.
  • Außerdem können Workers und SharedWorkers jetzt mit data:-URLs erstellt werden, wodurch die Entwicklung mit Workers sicherer wird, da ihnen ein intransparenter Ursprung zugewiesen wird.

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

Wenn Ihnen dieses Video gefallen hat, sehen Sie sich die neue Videoreihe Designer vs. Developer an, um Lösungen für die Herausforderungen der Zusammenarbeit von Designern und Entwicklern zu erhalten.

Abonniere unseren YouTube-Kanal, um bei jedem neuen Video eine E-Mail-Benachrichtigung zu erhalten.

Ich bin Pete LePage. Sobald Chrome 59 veröffentlicht wird, melde ich mich, um Sie über die Neuheiten in Chrome zu informieren.