Network Hands-On 3

Back

Image Loading Challenge

This page contains a canvas that should display an image loaded from a text file. The image data is represented using RGBA colors, where each pixel is defined by four comma-separated values (Red, Green, Blue, Alpha), ranging from 0 to 255.

The image dimensions are encoded in the filename (e.g., "chuck-550x524.txt" means width=550px, height=524px).

Your Task: There's a bug preventing the image from displaying on the canvas. Use the DevTools Network tab to inspect the request/response, and try to use the overrides features to fix it.

Good luck with the debugging challenge! 🚀

Need help?
  • Examine the Network tab when clicking the "Get Data" button
  • Check if the response headers are correct for a text file
  • Try using Local Overrides to modify the response content
  • The image should show Chuck Norris (he's already waiting there, and you know Chuck Norris doesn't wait for anyone! 💪)

Note: The current image is a placeolder, ramdomally generated image.