由于 window.location 是一个特殊的浏览器内置对象，直接通过 Object.defineProperty 或 Proxy 监听其访问会因安全限制而失败（浏览器会抛出类似 TypeError: Cannot redefine property: location 的错误）。但可以通过以下 间接方案 感知对它的访问：
终极解决方案：劫持全局引用 + Proxy
通过临时替换全局的 window.location 为一个代理对象，统计访问后返回真实值：
// 1. 保存原始 location 的引用
const originalLocation = window.location;
// 2. 创建代理对象
let accessCount = {};
const locationProxy = new Proxy({}, {
get(target, prop) {
// 记录属性访问次数
accessCount[prop] = (accessCount[prop] || 0) + 1;
console.log(`location.${prop} accessed (total: ${accessCount[prop]})`);
// 返回真实 location 的值
return Reflect.get(originalLocation, prop);
},
set() {
console.warn("Modifying window.location is restricted");
return false;
}
});
// 3. 【关键】重定向全局引用（覆盖 window.location）
Object.defineProperty(window, 'location', {
get: () => locationProxy,
configurable: true // 必须允许配置！
});
// ----------------------------
// ✅测试代码
console.log(location.href); // → "location.href accessed (total:1)"
console.log(location.hostname); // → "location.hostname accessed (total:1)"
为什么你的原始代码无法工作？
Object.getOwnPropertyDescriptor(window, 'location').get
虽然能获取到原生 getter，但无法修改它（浏览器禁止重新定义window.location）。
备选方案：AST注入（适用于开发环境）
如果是自己的项目，可通过编译工具（如 Babel/Webpack）在代码中注入统计逻辑：
// Webpack插件示例：将所有 "location.x" 替换为 "__wrapLocationAccess('x')"
注意事项
- 执行时机
- 必须在目标脚本访问
location之前运行此代码（例如通过油猴脚本优先注入）。
- 必须在目标脚本访问
- 兼容性
- Proxy不可用于IE11，需改用ES5的笨拙方案（如手动覆写所有可能的属性）。
- 安全策略
- CSP可能阻止此类操作。
如果需要更具体的场景优化，可以补充说明！
内容由零声教学AI助手提供，问题来源于学员提问
