Browser Object Model (window, location, history, navigator)

// Window dimensions
console.log("Viewport:", window.innerWidth, "x", window.innerHeight);
console.log("Screen:", screen.width, "x", screen.height);

// Location — current URL info
console.log("URL:", window.location.href);
console.log("Host:", window.location.hostname);
console.log("Path:", window.location.pathname);
console.log("Query:", window.location.search);

// Navigate
// window.location.href = "https://priygop.com";  // navigate
// window.location.reload();                        // refresh page

// History
// history.back();     // go back
// history.forward();  // go forward
// history.go(-2);     // go back 2 pages

// Navigator — browser info
console.log("Browser:", navigator.userAgent);
console.log("Language:", navigator.language);
console.log("Online:", navigator.onLine);

// Detect mobile
const isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent);
console.log("Mobile:", isMobile);

// Online/Offline detection
window.addEventListener("online", () => console.log("🟢 Back online!"));
window.addEventListener("offline", () => console.log("🔴 Went offline!"));