O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Web Policies & Reporting

54 visualizações

Publicada em

Originally presented at WordCamp Nordic 2019

Publicada em: Internet
  • www.HelpWriting.net is a really good site. thanks
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • 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.
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • Seja a primeira pessoa a gostar disto

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

×