Browser-Versionen-Release-Spektrum

Immer wenn ein Browser ein Versions-Update erhält, ist das ein kleines Marketing-Ereignis, und das zu Recht. Für Firefox scheint das etwa einmal im Monat der Fall zu sein, Chrome etwa alle 6 Wochen und Safari etwa einmal im Jahr.

Chrome 80 ist gerade erschienen, wie man so schön sagt, und wir bekommen ein Video und einen Blogbeitrag. Was mir bei solchen Veröffentlichungen heutzutage auffällt, ist, dass es keine großen Flaggschiff-Features gibt, die uns Entwickler kollektiv interessieren. Vielleicht ein bisschen Zeug, das die Gemüter spaltet, aber im Großen und Ganzen arbeiten verschiedene Frontend-Entwickler (die Leute, denen Browser wichtig sind) an verschiedenen Dingen und interessieren sich daher für verschiedene Dinge.

Ich versuche das mal mit einer Übersicht der Features dieser Veröffentlichung zu veranschaulichen

Content Indexing ist eine Möglichkeit, auf Metadaten von Dateien zuzugreifen, die dein Browser im Cache gespeichert hat (die du speziell im Cache gespeichert hast). Klingt nach einer großartigen Idee, aber ich habe mich noch nie wirklich ernsthaft mit Offline-Dingen wie diesen beschäftigt, daher ist es nicht wirklich mein Fachgebiet.
Web Workers können jetzt ES-Module verwenden. Das ist cool, ich wusste nicht einmal, dass sie das nicht konnten.
Optional Chaining in JavaScript, wie obj?.name?.first. Ich liebe es. Super nützlich. Wahrscheinlich das Feature, das die meisten JavaScript-Entwickler bejubeln. Aber Chrome ist hier als Erster am Start, also wenn du darauf stehst, solltest du Babel verwenden. Wir bekommen auch ??.
Origin Trials sind wohl so etwas wie Feature-Flags, nur dass man sich von einer Website aus anmeldet und nicht nur auf seinem lokalen Browser. Für mich völlig neu, aber es klingt, als wären sie effektiv bei der Sammlung und Verfeinerung neuer APIs gewesen.
Periodische Hintergrundsynchronisierung. Jeremy hat dargelegt, wie nützlich das in seinem Artikel war, in dem er es als "stille Push-Nachricht" bezeichnete. Man kann Benachrichtigungen auch *planen*, was sie widerstandsfähiger gegen Offline-Situationen macht.
HTTP-Inhalte werden versucht, automatisch auf HTTPS zu aktualisieren, wenn die Seite HTTPS unterstützt. Tolle Idee. Ich nutze die Cloudflare-Einstellung dafür, aber es macht Sinn, dass das auf Browser-Ebene integriert wird.
JavaScript kann Gzip-Streams komprimieren. Ich verstehe, was Gzip ist, aber ich habe das Gefühl, das geht über meinen Kopf. Es gibt noch eine Menge anderer Dinge, die weit außerhalb meines Fachgebiets liegen, wie Decoding Encrypted Media und andere.
Contact Picker API. Das gefällt mir sehr gut, genauso wie die Web Payments API. Wenn ich eine Benutzeroberfläche erstellen kann, die Benutzern hilft, Formulare schneller und genauer auszufüllen, ist das großartig. Deshalb benutze ich 1Password. Ich benutze es genauso zum Ausfüllen von Adress- und Kreditkartenformularen wie für Passwörter.
SameSite-Cookies. Macht mir Angst. Ich weiß, dass wir unsere Cookies auf CodePen aktualisieren müssen, um sicherzustellen, dass sie diesen Wert haben, aber ich habe es noch nicht tief genug recherchiert, und 80 ist bereits im Umlauf.
Echte CSS-Sachen! line-break: anywhere; und overflow-wrap: anywhere; Ich kann den Unterschied nicht ganz verstehen. Diese Dinge sind bereits sehr kompliziert.
Nichts HTML-bezogenes.armes HTML bekommt nie was.

Und dann die beiden, die mir wirklich ins Auge gefallen sind!

SVG-Favicons. Großartig. Wir haben bereits eines für CodePen im Einsatz, weil es auf Safari so gut aussieht. Safari unterstützt es zwar mit <link rel="mask-icon" href="..."> und Chrome unterstützt es mit <link rel="icon" href="...">, daher bin ich mir nicht ganz sicher, was ich tun soll. Ich schätze, da Firefox SVG mit rel="icon" unterstützt, einfach SVG für beide verwenden?
Textfragmente. Wie cool. Ich hatte keine Ahnung, dass das kommt. Die Leute reden schon seit mindestens einem Jahrzehnt darüber. Die Idee ist, auf Dinge auf einer Seite zu verlinken, ohne ein name oder eine id zum Herunterlinken zu benötigen, nur Text zu verwenden. Die Syntax ist etwas seltsam

https://site.com/#:~:text=Links to first occurance of this text.

Hier ist ein Video von Stefan Judis

Textfragmente werden bald in der Chromium-Welt verfügbar sein. Sie können dann `#:~:text=` verwenden, um bestimmten Text hervorzuheben. 😲

🔗 Chrome-Status: https://#/e60xiQoQoT
🔗 Spezifikation: https://#/t02TFfGO2X #devsheets

Video-Alttext: Verwendung von Textfragmenten zur Hervorhebung von Text auf Wikipedia pic.twitter.com/W5tUYZk8NY
— Stefan Judis (@stefanjudis) 5. Februar 2020

Besonders bemerkenswert für mich: Es verlinkt dich zur *Mitte* der Seite, nicht zum oberen Rand, wie bei kollidierenden Links. Das bevorzuge ich sehr.

Kommentare