如何用JavaScript控制浏览器控制台可执行的命令？

开发者阿泽

2026-7-24

限制浏览器控制台可执行命令的方案

你用console = {}的方式只能覆盖全局的console变量，但没法真正限制控制台能执行的其他基础命令，懂行的用户还能通过Object.getOwnPropertyDescriptor(window, 'console').get()找回原始控制台对象。下面是几种更有效的实现思路：

1. 重写特定全局方法，添加拦截逻辑

如果要阻止用户在控制台调用某些基础API（比如fetch、localStorage），可以直接重写这些方法，加入拦截逻辑：

// 示例：拦截fetch调用
const originalFetch = window.fetch;
window.fetch = function(...args) {
  throw new Error('禁止在控制台执行fetch命令');
  // 若需允许合法场景调用，可添加判断逻辑后放行
  // return originalFetch.apply(this, args);
};

// 示例：拦截console.log
const originalLog = console.log;
console.log = function(...args) {
  console.warn('console.log已被限制');
  // 或者直接抛出错误阻止执行
  // throw new Error('console.log无法执行');
};

2. 使用Proxy代理全局对象，拦截属性访问

通过Proxy可以更全面地拦截对全局对象（比如window）的属性访问，批量限制多个命令：

window = new Proxy(window, {
  get(target, prop) {
    // 定义需要限制的命令/属性列表
    const restrictedList = ['fetch', 'localStorage', 'sessionStorage', 'eval'];
    if (restrictedList.includes(prop)) {
      throw new Error(`禁止访问${prop}`);
    }
    return Reflect.get(target, prop);
  },
  set(target, prop, value) {
    // 也可以拦截对特定属性的修改
    const restrictedSetList = ['fetch'];
    if (restrictedSetList.includes(prop)) {
      throw new Error(`禁止修改${prop}`);
    }
    return Reflect.set(target, prop, value);
  }
});