Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Web Policies & Reporting

55 vues

Publié le

Originally presented at WordCamp Nordic 2019

Publié dans : Internet
  • www.HelpWriting.net is a really good site. thanks
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Hello! I can recommend a site that has helped me. It's called ⇒ www.HelpWriting.net ⇐ They helped me for writing my quality research paper.
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Soyez le premier à aimer ceci

Web Policies & Reporting

  1. 1. Felix Arntz / WordCamp Nordic 2019 Web Policies & Reporting Defining Contracts Between Your Site and the Browser
  2. 2. The web is constantly evolving ● Responsive Images ● AJAX Requests ● Geolocation Integration ● Add to Home Screen ● Web Payments ● ...
  3. 3. Web Features, being used in the wild (don’t worry, my site is actually not that terrible)
  4. 4. So we have all these cool features, but how do we use them responsibly?
  5. 5. Feature Policy https://w3c.github.io/webappsec-feature-policy/
  6. 6. Example: Geolocation Feature-Policy: geolocation 'none'
  7. 7. Example: Oversized images Feature-Policy: oversized-images 'none'
  8. 8. Example: Oversized images Feature-Policy: oversized-images 'none'
  9. 9. More Supported Features ● autoplay 'none' ● lazyload ● sync-xhr 'none' ● camera 'none' (coming soon) ● fullscreen 'none' (coming soon) ● ... Try it at feature-policy-demos.appspot.com
  10. 10. Current Browser Support ● Chrome 60+ ● Safari 11.1+ ● Opera 47+ See full browser support caniuse.com/#feat=feature-policy
  11. 11. Reporting API https://w3c.github.io/reporting/
  12. 12. Example Report-To: { "group": "default", "max_age": 10886400, "endpoints": [{ "url": "https://example.com/wp-json/reporting-api" }] }
  13. 13. Supported Report Types ● csp ● crash ● deprecation ● network-error ● feature-policy-violation (coming soon, see crbug.com/867471) ● ...
  14. 14. Current Browser Support ● Chrome 69+
  15. 15. What about WordPress?
  16. 16. Feature Policy for WordPress wordpress.org/plugins/feature-policy/
  17. 17. Reporting API for WordPress wordpress.org/plugins/reporting-api/
  18. 18. Further Reading & Experimenting ● https://developers.google.com/web/updates/2018/06/feature-policy ● https://developers.google.com/web/updates/2018/09/reportingapi ● https://developers.google.com/web/updates/2018/07/reportingobserver ● https://featurepolicy.rocks ● Try the WordPress plugins and give feedback!
  19. 19. Proprietary + Confidential Thank You Felix Arntz @felixarntz

×