Neu in Chrome 56

Pete LePage

  • Nutzer können jetzt Bluetooth Low Energy-Geräte auswählen, um eine Verbindung zu Websites herzustellen, die die Web Bluetooth API verwenden.
  • position: sticky ist wieder zurück. Damit können Sie ganz einfach Elemente erstellen, die normal scrollen, bis sie ganz oben im Darstellungsbereich bleiben.
  • HTML5 ist standardmäßig für alle Nutzer aktiviert.

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

Web-Bluetooth-API

Bisher mussten Nutzer mit Bluetooth-Geräten native Apps installieren, um mit ihnen zu kommunizieren. Mit Chrome 56 können Nutzer Bluetooth Low Energy-Geräte in der Nähe auswählen, um sie auf Websites bereitzustellen, die die Web Bluetooth API verwenden.

Ähnlich wie die Auswahl von Dateien zur Freigabe für eine Website ist dies sicherer als die Installation einer nativen Anwendung, die Daten aus beliebigen Inhalten lesen kann. Nutzer haben volle Kontrolle darüber, wann und welches Gerät für eine bestimmte Website freigegeben wird.

Die Web Bluetooth API nutzt das GATT-Protokoll, über das Apps mit nur wenigen Zeilen JavaScript eine Verbindung zu Geräten wie Glühbirnen, Spielzeug, Herzfrequenzmessern, LED-Displays usw. herstellen können. Web Bluetooth kann auch mit physischen Web-Beacons kombiniert werden, um das Auffinden von Geräten in der Nähe noch einfacher zu machen.

François hat einen tollen Artikel zu Updates. Sehen Sie sich dazu auch einige interessante Demos an.

Preisvergleichsportal position: sticky;

Bisher mussten Scroll-Ereignisse überwacht werden, um Inhaltsheader mit normalem Scrollen zu erstellen, bis sie im Darstellungsbereich blieben. Außerdem musste die Position eines Elements bei einem bestimmten Schwellenwert von relativ zu fest verschoben werden. Die Synchronisierung war schwierig und führt oft zu kleinen visuellen Sprüngen.

Chrome unterstützt jetzt CSS position: sticky;, eine neue Möglichkeit, Elemente zu positionieren.

Ein Element, das fixiert ist und relativ zum Anfang beginnt, aber fixiert wird, sobald das Element eine bestimmte Scrollposition erreicht hat.

Legen Sie einfach position: sticky fest und geben Sie einen Grenzwert an, nach dem eine Fixierung erfolgen soll.

h3 {
  /* Element will be 'fixed' when it ... */
  position: sticky;
  /* ... is 10px from the top of the viewport */
  top: 10px;
}

Paul Kinlan hat dazu einen Updates-Beitrag veröffentlicht.

HTML5-Standard

Letzten August haben wir angekündigt, dass wir die standardmäßige Umstellung auf HTML5 vornehmen, um die Nutzung sicherer und energieeffizienter zu gestalten. Durch diese Änderung wird Adobe Flash Player deaktiviert, sofern der Nutzer nicht darauf hingewiesen wird, dass er Flash-Inhalte auf bestimmten Websites anzeigen möchte. Schließlich benötigen alle Websites die Zustimmung des Nutzers zum Ausführen von Flash.

In Chrome 56 wurde HTML5 standardmäßig für alle Nutzer aktiviert. Das bedeutet, dass sie aufgefordert werden, Flash auf Websites auszuführen, die sie noch nie besucht haben.

Weitere Informationen dazu, wie und wann Nutzer dazu aufgefordert werden, sowie Empfehlungen zum Testen Ihrer Flash-Websites.

Und noch mehr

Und natürlich gibt es noch viel mehr.

Wenn ihr über Chrome auf dem Laufenden bleiben und über zukünftige Entwicklungen auf dem Laufenden bleiben möchtet, abonniert euch und folgt @ChromiumDev auf Twitter. In den Videos des Chrome Dev Summit findet ihr weitere Informationen zu einigen der großartigen Dinge, an denen das Chrome-Team gerade arbeitet.

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

Neu in Chrome Easter Egg

Wenn Sie bis hierhin gelesen haben, haben Sie sich verdient, die Drehpannen-Sammlung von Neu in Chrome 52 zu sehen. Ich hatte das Gefühl, dass jedes Mal, wenn ich meinen Mund öffnete, ein Lastwagen vorbeifährt, ein Hubschrauber über die Welt fliegt und ein Auto es hupte.

Oh und vielen Dank an Andrew, dass er mir sein T-Shirt geliehen hat! irgendwo funktionierte die Garderobe nicht richtig.