- Der IndexedDB 2.0-Standard wird jetzt vollständig in Chrome unterstützt und bietet eine neue Schemaverwaltung, Methoden für Bulk-Aktionen und eine standardisiertere Behandlung von Fehlern.
- Progressive Web-Apps werden mit
display: fullscreen
immersiver. allow-top-navigation-by-user-activation
verleiht Sandboxiframes
neue Möglichkeiten- Es gibt noch viele weitere!
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 undindexes
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()
undcontinuePrimaryKey()
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.
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 mitdisplay: flow-root
einen neuen Blockformatierungskontext hinzufügen. - Mit
PointerEvents.getCoalescedEvents()
können Sie auf alle Eingabeereignisse seit der letzten Bereitstellung einerPointerEvent
zugreifen. Ideal, wenn Sie einen genauen Punkteverlauf für Dinge wie das Zeichnen von Apps benötigen. - Außerdem können
Workers
undSharedWorkers
jetzt mitdata:
-URLs erstellt werden, wodurch die Entwicklung mitWorkers
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.