This is a live reporting demo tool. Although you'll dive deep into the technologies mentioned below, you'll not dive very deep, and instead, we'll focus on the reporting side of things. The headers shown here are real headers sent by the server and received by your browser, with real values. You can click around and see how things behave and how reporting works. These demos also work on smaller screens and mobile devices, although sometimes it might be handy to use a desktop browser to open developer tools (F12, Ctrl/Cmd+Shift+I) and watch the Console and Network tabs. In Chrome, you can also use chrome://net-export/ (copy/paste the link) to see "hidden" asynchronous reports in exported logs. See my article about how to read the logs.
Not all of these use Reporting API, some are proprietary reporting mechanisms and you'll notice them easily – they don't use the
report-to– load resources by specified URL, submit forms
report-uri– mixed content detection
Browsers used to send some reports but don't anymore as these features have been (mostly) removed: