浏览器对象属性：JavaScript魔法森林的三位守护者-CSDN博客

本文链接：https://blog.csdn.net/u014497060/article/details/146990965

在JavaScript的世界里，Window、Navigator和Location这三个对象是浏览器的核心组成部分，它们掌控着浏览器窗口、浏览器信息和网页地址。今天，咱就来聊聊它们仨，看看它们到底有啥能耐，又怎么在逆向工程里帮上忙。

一、Window：浏览器的“大脑”

Window对象就是浏览器的“大脑”，啥事儿都得靠它。你想弹个警告框、获取窗口大小，甚至定时干点啥，都得找它。

// 弹个警告框
window.alert("Hi there!");

// 看看窗口多宽多高
console.log(window.innerWidth);
console.log(window.innerHeight);

// 两秒后干点啥
window.setTimeout(() => {
    console.log("Two seconds later!");
}, 2000);

而且，Window还管着Location对象，能让你轻松拿到或改了当前页面的网址。

console.log(window.location.href); // 看看现在在哪个网址
window.location.href = "https://www.example.com"; // 跑去新网址

二、Navigator：浏览器的“侦探”

Navigator对象就像是浏览器里的“侦探”，专门收集各种浏览器信息，比如你是用的啥浏览器、啥系统，甚至浏览器支不支持某些功能。

// 看看用户代理字符串，能知道是啥浏览器
console.log(navigator.userAgent);

// 看看运行在啥系统上
console.log(navigator.platform);

// 看看浏览器语言设置
console.log(navigator.language);

// 检查浏览器是不是在线
if (navigator.onLine) {
    console.log("Online!");
} else {
    console.log("Offline!");
}

三、Location：网页的“地图”

Location对象就像是网页的“地图”，不光能告诉你现在在哪儿，还能带你去别的地方。

// 看看整个网址
console.log(location.href);

// 看看协议是啥，比如http还是https
console.log(location.protocol);

// 看看主机名，就是网址里的域名部分
console.log(location.hostname);

// 看看查询字符串，就是网址后面带的参数
console.log(location.search);

// 跑去新网址
location.href = "https://www.example.com";

四、逆向实战：用三大金刚干点啥

案例一：模拟浏览器环境

在逆向工程中，我们经常需要模拟浏览器环境来运行JavaScript代码。通过伪造Window、Navigator和Location对象，我们可以绕过环境检测。

// 伪造Window对象
window = {
    alert: function(message) {
        console.log("Alert:", message);
    },
    setTimeout: function(callback, delay) {
        setTimeout(callback, delay);
    }
};

// 伪造Navigator对象
navigator = {
    userAgent: "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36",
    platform: "Win32",
    language: "en-US"
};

// 伪造Location对象
location = {
    href: "https://example.com",
    protocol: "https:",
    hostname: "example.com",
    search: "?param1=value1"
};

// 测试代码
window.alert("Welcome to the simulated environment!");
console.log("User agent:", navigator.userAgent);
console.log("Location:", location.href);

案例二：分析URL参数

通过Location对象，我们可以轻松分析URL参数，这对于破解网页行为非常有用。

function getQueryParam(paramName) {
    const params = new URLSearchParams(location.search);
    return params.get(paramName);
}

const secretKey = getQueryParam("secret");
console.log("Secret key from URL:", secretKey);

案例三：破解登录验证

在某些情况下，网页会根据浏览器信息来验证用户。我们可以通过伪造Navigator对象来绕过这种验证。

// 检查浏览器信息
function checkBrowser() {
    if (navigator.userAgent.includes("Chrome")) {
        return true;
    } else {
        return false;
    }
}

// 模拟Chrome浏览器
navigator = {
    userAgent: "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36"
};

if (checkBrowser()) {
    console.log("Browser verified as Chrome!");
} else {
    console.log("Browser verification failed!");
}