Wöchentliche Plattform-Nachrichten: Feature Policy, ECMAScript i18n API, Packaged PWAs

Avatar of Šime Vidas
Šime Vidas am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Šime veröffentlicht regelmäßig Inhalte für Webentwickler auf webplatform.news.

Neue Feature Policy API in Chrome

Pete LePage: Sie können die Methode document.featurePolicy.allowedFeatures in Chrome verwenden, um eine Liste aller Feature Policy-gesteuerten Features abzurufen, die auf der aktuellen Seite erlaubt sind.

Diese API kann bei der Implementierung einer Feature Policy (und der Aktualisierung einer bestehenden Feature Policy) auf Ihrer Website nützlich sein.

  1. Öffnen Sie Ihre Website in Chrome und führen Sie die API in der JavaScript-Konsole aus, um zu überprüfen, welche Feature Policy-gesteuerten Features auf Ihrer Website erlaubt sind.
  2. Lesen Sie über einzelne Features auf featurepolicy.info und entscheiden Sie, welche Features deaktiviert werden sollen (Wert 'none') und welche Features nur in Cross-Origin-<iframe>-Elementen deaktiviert werden sollen (Wert 'self').
  3. Fügen Sie den Header Feature-Policy zu den HTTP-Antworten Ihrer Website hinzu (Policies werden durch Semikolons getrennt).
  4. Feature-Policy: geolocation 'self';sync-xhr 'none'
  5. Wiederholen Sie Schritt 1, um zu bestätigen, dass Ihre neue Feature Policy wirksam ist. Sie können Ihre Website auch auf securityheaders.com scannen.

In anderen Nachrichten…

  • Dave Camp: Firefox blockiert standardmäßig Cookies von bekannten Trackern (wenn das Cookie in einem Drittkontext verwendet wird). Diese Änderung ist derzeit nur für neue Firefox-Nutzer wirksam; bestehende Nutzer werden „in den kommenden Monaten“ automatisch auf die neue Richtlinie aktualisiert.
  • Pete LePage: Chrome für Android erlaubt Websites jetzt, Bilder (und andere Dateitypen) über die Methode navigator.share zu teilen. Weitere Informationen zur Web Share API finden Sie in Web Platform News Issue 1014. Der Beitrag von Ayooluwa Isaiah von gestern ist ebenfalls eine gute Referenz zur Verwendung.
  • Valerie Young: Die ECMAScript Internationalisierungs-APIs für die Datums- und Zeitformatierung (Konstruktor Intl.DateTimeFormat) und für die Zahlenformatierung (Konstruktor Intl.NumberFormat) werden in Browsern weitgehend unterstützt.
  • Alan Jeffrey: Patrick Walton von Mozilla arbeitet an einem Vektorgrafik-Renderer, der Text bei allen Winkeln glatt rendern kann, wenn er mit einem Augmented Reality (AR)-Headset betrachtet wird. Wir planen, ihn in unseren Browsern für AR-Headsets (Firefox Reality) zu verwenden.
  • Pinterest Engineering: Unsere progressive Web-App ist jetzt als eigenständige Desktop-Anwendung unter Windows 10 verfügbar. Sie kann über den Microsoft Store installiert werden, der die paketierte PWA als First-Class-Citizen mit Zugriff auf Windows 10-Feature-APIs behandelt.
  • Jonathan Davis: Der Wert flow-root für die CSS-Eigenschaft display ist in Safari Technology Preview gelandet. Dieser Wert wird bereits in Chrome und Firefox unterstützt. Weitere Informationen zu einem Anwendungsfall finden Sie in Web Platform News Issue 871.