Network Detective Training Ground 🌐
Welcome, aspiring Network Inspector! Let's investigate some mysterious network activities.
🕵️ Exercise 1: The Slow Loading Mystery
Use the Network panel to investigate this slow-loading request! 🔍
Need help?
- Check the "Time" column in the Network panel
- Examine the "Waterfall" timeline for loading details
- Look for any bottlenecks in request timing
🎭 Exercise 2: The Status Code Theater
Can you catch all the different HTTP status codes? Collect them like Pokémon! 🎮
Tips & Tricks
- Check the "Status" column in the Network panel 🔍
- Look for any 4xx or 5xx status codes 🚫
- Inspect the "Response" tab for more details 📜
- Try to identify the meaning of each status code 🤔
- What do you think about the 418 status code? Is it a joke? 🤪
🎪 Exercise 3: The Header Circus
Find the silly custom header I've hidden in this request. Hint: It involves pizza 🍕
Need help?
- Check the "Headers" tab in the Network panel
- Look for any custom or unusual headers
- Inspect the request and response headers carefully
🎢 Exercise 4: The Payload Rollercoaster
How big was that payload? Was it minified? Time to investigate!
Need help?
- Check the "Payload" tab in the Network panel
- Look for any minified or compressed data
- Inspect the size of the payload in the "Size" column
🎮 Exercise 5: The Cache Quest
Can you spot which requests are served from cache? Find the treasure in the Size column!
Need help?
- Check the "Size" column in the Network panel
- Look for any entries marked as "from cache"
- Inspect the "Size" and "Time" columns for clues
- Try using the "Disable Cache" button. What do you see?
- Do you know why 60 is cached? What is the response header?
🌊 Exercise 6: The Waterfall Challenge
Watch these requests race! Who's blocking whom? Time to become a waterfall expert!
Need help?
- Check the "Waterfall" view in the Network panel
- Look for any requests that are blocking others
- Inspect the timing of each request in the waterfall
- Try to identify any bottlenecks or delays
🎭 Exercise 7: The MIME Type Masquerade
Something's not what it seems... Can you spot the impostor content type?
Need help?
- Look for any mismatched or unexpected MIME types
- Inspect the "Content-Type" header in response and request headers
- Try to identify any discrepancies between the expected and actual content type
- What do you think about the "text/plain" content type? Is it correct?
🎪 Exercise 8: The Redirect Circus
Follow the bouncing request! How many redirects can you count?
Need help?
- Check the "Status" column for any 3xx status codes
- Inspect the "Initiator" column to see what triggered the redirect
- Look for any "Location" headers in the response
- Count how many redirects occurred in the chain
🔍 Exercise 9: The Client Side Cookie Monster
Help! The cookie monster is hungry! Check those request headers for tasty cookies!
Need help?
- Check the "Cookies" in the Application tool.
- Inspect the "Request Headers" for any cookie-related entries
🔍 Exercise 10: The Server Side Cookie Monster
Help! The cookie monster is hungry! Check those request headers for tasty cookies!
Need help?
- Check the "Cookies" tab in the Network panel.
- Try to identify any cookies that are being set or modified