Lion Cipher Lab

See how a website really works with browser DevTools

Why it matters

Every website you use is quietly having a conversation with a server behind the scenes — sending requests, setting cookies, loading scripts, returning data — and the browser's built-in Developer Tools let you watch that conversation in plain sight. Being able to open DevTools, read the Network tab, and answer "what is this page actually sending, and is it encrypted?" is baseline literacy for web and application security. Bug hunters, pentesters, and defenders reach for exactly this panel first, every day. And because it's read-only inspection of pages you're allowed to view, it's a skill you…

What you'll learn

Steps in this lab

  1. Open DevTools — and set the ground rules first
  2. Elements / Inspector — the page's live skeleton
  3. Network — watch the real HTTP conversation
  4. Console — the page talks back
  5. Application / Storage — the cookies and data a page keeps
  6. The security lens — is this page actually encrypted?
  7. What you just learned — and where it goes next

Open the full interactive lab →