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 zurück. Damit lassen sich ganz einfach Elemente erstellen, die normal scrollen, bis sie am oberen Rand des Darstellungsbereichs fixiert werden.
  • Außerdem ist HTML5 als Standard für alle Nutzer aktiviert.

Hallo, ich bin Pete LePage. Sehen wir uns an, was es Neues für Entwickler in Chrome 56 gibt.

Web Bluetooth API

Bisher mussten Nutzer, die Bluetooth-Geräte haben, native Apps installieren, um mit ihnen zu kommunizieren. In Chrome 56 können Nutzer Bluetooth Low Energy-Geräte in der Nähe auswählen, die an Websites weitergegeben werden sollen, die die Web Bluetooth API verwenden.

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

Die Web Bluetooth API verwendet das GATT-Protokoll, mit dem Apps mit nur wenigen Zeilen JavaScript eine Verbindung zu Geräten wie Glühbirnen, Spielzeug, Herzfrequenzmessern und LED-Displays 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.

Francois hat einen tollen Artikel zu Updates geschrieben. Sehen Sie sich auch die Demos dazu an.

Preisvergleichsportal position: sticky;

Bisher mussten Sie zum Erstellen von Inhaltsüberschriften, die normal gescrollt wurden, bis sie oben im Viewport fixiert wurden, auf Scroll-Ereignisse warten und die Position eines Elements bei einem bestimmten Schwellenwert von „relative“ zu „fixed“ ändern. Die Synchronisierung war schwierig und führte oft zu kleinen visuellen Sprüngen.

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

Ein Element mit der Position „sticky“ beginnt relativ, wird aber fixiert, sobald das Element eine bestimmte Scrollposition erreicht.

Legen Sie einfach position: sticky fest und legen Sie einen Schwellenwert fest, ab dem das Element fixiert werden soll.

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

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

HTML5 als Standard

Im August letzten Jahres haben wir angekündigt, dass wir HTML5 als Standard festlegen, um eine sicherere und energieeffizientere Nutzung zu ermöglichen. Durch diese Änderung wird Adobe Flash Player deaktiviert, sofern der Nutzer nicht angibt, dass er Flash-Inhalte auf bestimmten Websites sehen möchte. Letztendlich wird für alle Websites die Erlaubnis des Nutzers zum Ausführen von Flash erforderlich sein.

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 aufgefordert werden, und Empfehlungen zum Testen Ihrer Flash-Websites

Und vieles mehr

Und natürlich gibt es noch viel mehr.

Wenn Sie über Chrome auf dem Laufenden bleiben und wissen möchten, was als Nächstes kommt, abonnieren Sie den Kanal, folgen Sie @ChromiumDev auf Twitter und sehen Sie sich die Videos vom Chrome Dev Summit an, um mehr über die tollen Dinge zu erfahren, an denen das Chrome-Team arbeitet.

Ich bin Pete LePage und sobald Chrome 57 veröffentlicht wird, erfahrt ihr hier, was es Neues in Chrome gibt.

Neues Chrome-Easter Egg

Wenn Sie bis hierher gelesen haben, haben Sie es verdient, sich die Outtakes aus Neues in Chrome 52 anzusehen. Jedes Mal, wenn ich den Mund aufmachte, fuhr ein LKW vorbei, flog ein Hubschrauber über mich hinweg oder hupte ein Auto.

Und ein großes Dankeschön an Andrew, dass er mir sein Hemd geliehen hat. Ich hatte eine kleine Panne mit meiner Kleidung.