🔍 Browser Metadata Demo (Full Stack)

Complete demonstration with backend server - See what information websites can collect

⚠️ Educational Purpose: This page demonstrates what metadata websites can collect from your browser and server logs. Data is saved to MongoDB for persistent storage and can be viewed in the dashboard.

✅ MongoDB Connected: All visitor data is automatically saved to your MongoDB database!

📱 Browser & Device Info

User Agent
Browser Name
Platform / OS
Screen Resolution
Viewport Size
Color Depth
Pixel Ratio (DPI)

🌍 Language & Timezone

Primary Language
All Languages (Preference Order)
Server-Side Language Header
Fetching...
Timezone
Timezone Offset
Local Time

🌐 Network Information (Server-Side)

Server-Detected IP (Request IP)
Fetching from server...
Your Real Public IP
Fetching from server...
City
Fetching...
Region / State
Fetching...
Country
Fetching...
Postal Code
Fetching...
Coordinates (Lat, Lon)
Fetching...
ISP / Organization
Fetching...
ASN (Autonomous System)
Fetching...
Note: This information is obtained from your IP address by the server, just like any website you visit can do.

📡 Connection Type (Client-Side API)

Connection Type
Effective Connection Type
Downlink Speed
Round Trip Time (RTT)

⚙️ Browser Features & Capabilities

Cookies Enabled
Do Not Track (DNT)
Server-Side DNT Header
Fetching...
Online Status
Hardware Concurrency (CPU Cores)
Device Memory (GB)
Touch Support
Max Touch Points
PDF Viewer Plugin

📋 HTTP Headers (Sent to Server)

Referer
Fetching...
Accept-Encoding
Fetching...
Connection Type
Fetching...
All Request Headers
Fetching...
Note: These are HTTP headers your browser sends with every request. Servers can log all of this information.

🔒 Privacy Note: This data is what every website you visit can potentially collect.

The server logs your IP, headers, and can determine your approximate location.

Consider using privacy tools like VPNs, browser extensions, and privacy-focused browsers.