Neu in Chrome 58

Pete LePage

Möchtest du eine vollständige Liste der Änderungen erhalten? In der Änderungsliste für das Chromium-Quell-Repository

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

IndexedDB 2.0

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

  • object Geschäfte und indexes können nach einem refaktorieren.
  • Binärschlüssel ermöglichen mehr natürliche Schlüssel, ohne sich Gedanken über die Leistung machen zu müssen Strafen.
  • Der Datenabruf mit getKey(), openKeyCursor() und continuePrimaryKey()-Methoden.

Für die Bulk-Wiederherstellung ganzer Datasets ist kein Cursor mit der getAll() und getAllKey().

Vollbild-Progressive-Web-Apps

Wenn progressive Web-Apps über den Android-Startbildschirm gestartet werden, in einem eigenständigen App-ähnlichen Modus gestartet werden, in dem die Omnibox ausgeblendet wird. Das hilft, eine ansprechende Nutzererfahrung schaffen und Platz für Inhalte auf dem Bildschirm schaffen.

Für noch immersivere Erlebnisse wie Spiele, Videoplayer, oder anderen Rich-Content verwenden, können mobile UI-Elemente wie die Systemleisten dennoch ablenken und wertvolle Pixel aufnehmen, die Sie vielleicht brauchen.

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

<ph type="x-smartling-placeholder">
</ph> <ph type="x-smartling-placeholder">
</ph> Eine PWA wird auf dem Startbildschirm (links) und auf dem Startbildschirm gestartet im standalone-Modus (Mitte) und wird vom Startbildschirm aus gestartet fullscreen-Modus (rechts)

Wenn Ihre App über den Startbildschirm gestartet wird, werden alle Benutzeroberflächen, die nicht zur App gehören, werden ausgeblendet.

Verbesserungen für iFrames in Sandbox

Unterstützung für das neue Keyword für iFrame-Sandbox in Chrome 58 allow-top-navigation-by-user-activation

Wenn dieses Keyword durch eine Nutzerinteraktion ausgelöst wird, erhalten Sandbox-iFrames Navigation zur obersten Ebene der Seite, ohne dass automatische Weiterleitungen blockiert werden.

…und vieles mehr

Und es gibt noch viel mehr.

  • Verabschieden Sie sich vom Hack „clearfix“. Anstatt das Gerät manuell zurückzusetzen, Layouteigenschaften wie „Unverankert“ und „Löschen“ haben, können Sie jetzt eine neue Blockformatierungskontext mit display: flow-root.
  • Mit PointerEvents.getCoalescedEvents() können Sie auf alle Eingabeereignisse zugreifen seit der letzten Lieferung von PointerEvent. Perfekt geeignet, wenn Sie benötigen einen genauen Punkteverlauf, z. B. für Zeichen-Apps.
  • Außerdem können Workers und SharedWorkers jetzt mit data:-URLs erstellt werden. Dadurch wird die Entwicklung mit Workers sicherer, da sie einen intransparenten Ursprung haben.

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

Wenn dir dieses Video gefallen hat, sieh dir Designer vs. Entwickler, eine neue Videoreihe, die versucht, die Herausforderungen zu lösen, mit denen Designschaffende und Entwickelnden zusammenarbeiten.

Abonnieren Sie dann unseren YouTube-Kanal und erhältst du eine E-Mail-Benachrichtigung, sobald wir ein neues Video veröffentlichen.

Ich bin Pete LePage. Sobald Chrome 59 veröffentlicht ist, habe ich recht Hier erfährst du, was es Neues bei Chrome gibt.