Neu in Chrome 58

Pete LePage

Vollständige Liste der Änderungen ansehen Liste der Änderungen am Chromium-Quell-Repository

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

IndexedDB 2.0

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

  • object-Shops und indexes können jetzt nach einem Refactoring vor Ort umbenannt werden.
  • Binäre Schlüssel ermöglichen natürlichere Schlüssel, ohne dass Sie sich um Leistungseinbußen sorgen müssen.
  • Mit den Methoden getKey(), openKeyCursor() und continuePrimaryKey() ist die Datenabfrage einfacher.

Für die Bulk-Wiederherstellung ganzer Datensätze ist kein Cursor mehr mit getAll() und getAllKey() 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 wird eine ansprechende Nutzererfahrung geschaffen und es wird mehr Platz auf dem Bildschirm für Inhalte frei.

Bei noch immersiveren Erlebnissen wie Spielen, Videoplayern oder anderen Rich-Media-Inhalten können mobile UI-Elemente wie die Systemleisten jedoch immer noch ablenken und wertvolle Pixel belegen, die Sie vielleicht benötigen.

Sie können jetzt die immersive Funktion für Ihre progressive Webanwendung aktivieren, indem Sie display: fullscreen in Ihrem Manifest der Webanwendung festlegen.

Eine PWA, die über den Startbildschirm (links), über den Startbildschirm im Modus standalone (Mitte) und über den Startbildschirm im Modus fullscreen (rechts) gestartet wird.

Wenn Ihre App über den Startbildschirm gestartet wird, werden alle nicht zur App gehörenden Elemente der mobilen Benutzeroberfläche ausgeblendet.

Verbesserungen bei Sandbox-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 iframes in Sandboxes die Seite der obersten Ebene aufrufen, während automatische Weiterleitungen blockiert werden.

…und vieles mehr

Und natürlich gibt es noch viel mehr.

  • Der clearfix-Hack gehört der Vergangenheit an. 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 zugreifen, die seit der letzten Auslieferung einer PointerEvent erfasst wurden. Perfekt, wenn Sie für z. B. Zeichenanwendungen einen genauen Verlauf der Punkte benötigen.
  • Außerdem können Workers und SharedWorkers 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 Ihnen dieses Video gefallen hat, sehen Sie sich Designer vs. Entwickler an, eine neue Videoreihe, in der versucht wird, die Herausforderungen zu lösen, die sich bei der Zusammenarbeit von Designern und Entwicklern stellen.

Abonniere dann unseren YouTube-Kanal. Du erhältst dann eine E-Mail-Benachrichtigung, sobald wir ein neues Video veröffentlichen.

Ich bin Pete LePage. Sobald Chrome 59 veröffentlicht wird, erzähle ich Ihnen gern, was es Neues in Chrome gibt.