JavaScript中能否Hook不可配置属性window.location.hostname？

当你尝试直接用Object.defineProperty修改window.location.hostname时会失败，因为该属性的configurable为false——通过Object.getOwnPropertyDescriptor(window.location, 'hostname')可以看到它的属性描述符：

{
  value: "当前域名",
  writable: false,
  enumerable: true,
  configurable: false
}

不可配置属性无法被重新定义或删除，因此需要用其他方法实现访问拦截：

可行方案：使用Proxy代理拦截 #

方案1：代理window对象，拦截location属性访问 #

通过创建Proxy包装全局window，拦截对location.hostname的访问操作：

const originalWindow = window;
window = new Proxy(originalWindow, {
  get(target, prop) {
    // 拦截location属性的访问
    if (prop === 'location') {
      return new Proxy(target.location, {
        get(locTarget, locProp) {
          // 拦截hostname的访问
          if (locProp === 'hostname') {
            console.log("hostname被访问了");
            // 在这里执行你需要的自定义操作
          }
          // 返回原始属性值
          return Reflect.get(locTarget, locProp);
        },
        // 可选：拦截set操作（如果需要监听修改）
        set(locTarget, locProp, value) {
          if (locProp === 'hostname') {
            console.log("hostname被修改了");
          }
          return Reflect.set(locTarget, locProp, value);
        }
      });
    }
    return Reflect.get(target, prop);
  }
});

// 测试：访问hostname会触发拦截
console.log(window.location.hostname);

注意事项 #

• 该方案能拦截大部分通过window.location.hostname的访问，但如果代码直接通过document.location.hostname或其他绕过window的方式获取hostname，可能无法拦截。
• 部分浏览器的安全机制可能对Proxy修改全局window有限制，需要测试兼容性。

调试场景补充 #

如果仅需在调试阶段监听属性访问，可使用浏览器开发者工具的条件断点：

1. 在控制台执行window.location，进入Location对象的定义代码
2. 在hostname的getter逻辑处设置断点，并添加触发条件（如直接设为true，即每次访问都触发）
3. 当属性被访问时，调试器会自动暂停并触发相应操作

内容的提问来源于stack exchange，提问作者Gérard Hazebrouck