Beacon API Code Completion Exercises https://foxipa.com/en/web-apis/exercise/code-completion/beacon/ Complete real Beacon API calls — payloads, CORS-safe types, quota handling, and transport choices — by filling in the missing code. Hugo en-US Complete the code: The Beacon API Landscape https://foxipa.com/en/web-apis/exercise/code-completion/beacon/beacon-landscape/ https://foxipa.com/en/web-apis/exercise/code-completion/beacon/beacon-landscape/ Fill in the missing pieces of feature detection and the fire-and-forget contract. Complete the code: The Core API https://foxipa.com/en/web-apis/exercise/code-completion/beacon/sendbeacon-core/ https://foxipa.com/en/web-apis/exercise/code-completion/beacon/sendbeacon-core/ Fill in the missing pieces of the sendBeacon signature, boolean contract, and realm checks. Complete the code: Data Types & the CORS Trap https://foxipa.com/en/web-apis/exercise/code-completion/beacon/beacon-data-types/ https://foxipa.com/en/web-apis/exercise/code-completion/beacon/beacon-data-types/ Fill in the missing payload types that keep the derived Content-Type on the safelist. Complete the code: The 64 KiB Quota https://foxipa.com/en/web-apis/exercise/code-completion/beacon/beacon-quota/ https://foxipa.com/en/web-apis/exercise/code-completion/beacon/beacon-quota/ Fill in the missing quota constants and the in-flight accounting. Complete the code: Page Lifecycle & Delivery https://foxipa.com/en/web-apis/exercise/code-completion/beacon/page-lifecycle/ https://foxipa.com/en/web-apis/exercise/code-completion/beacon/page-lifecycle/ Fill in the missing lifecycle states, events, and the flusher's guards. Complete the code: CORS Server-Side https://foxipa.com/en/web-apis/exercise/code-completion/beacon/beacon-cors/ https://foxipa.com/en/web-apis/exercise/code-completion/beacon/beacon-cors/ Fill in the missing response headers a credentialed beacon collector must send. Complete the code: Workers & Interception https://foxipa.com/en/web-apis/exercise/code-completion/beacon/worker-context/ https://foxipa.com/en/web-apis/exercise/code-completion/beacon/worker-context/ Fill in the missing realm checks and Service Worker interception patterns. Complete the code: fetch(keepalive) https://foxipa.com/en/web-apis/exercise/code-completion/beacon/fetch-keepalive/ https://foxipa.com/en/web-apis/exercise/code-completion/beacon/fetch-keepalive/ Fill in the missing superset flags — and the guarantee it still cannot give you. Complete the code: Decision Tree & Hybrid Transport https://foxipa.com/en/web-apis/exercise/code-completion/beacon/hybrid-transport/ https://foxipa.com/en/web-apis/exercise/code-completion/beacon/hybrid-transport/ Fill in the missing routing logic of the hybrid sender. Complete the code: Real-World Patterns https://foxipa.com/en/web-apis/exercise/code-completion/beacon/real-world-patterns/ https://foxipa.com/en/web-apis/exercise/code-completion/beacon/real-world-patterns/ Fill in the missing pieces of pageviews, error reports, crash queues, and restore pings. Complete the code: fetchLater / Deferred Fetch https://foxipa.com/en/web-apis/exercise/code-completion/beacon/deferred-fetch/ https://foxipa.com/en/web-apis/exercise/code-completion/beacon/deferred-fetch/ Fill in the missing fetchLater options, quota constants, and fallback ladder rungs. Complete the code: Testing & Debugging https://foxipa.com/en/web-apis/exercise/code-completion/beacon/testing-future/ https://foxipa.com/en/web-apis/exercise/code-completion/beacon/testing-future/ Fill in the missing Playwright interception patterns and lifecycle-state drivers.