求助：console.log被MessageEvent刷屏，无法清除该日志输出

问题描述 #

我的控制台被大量console.log日志刷屏，日志来源显示为content getdify.js文件。这些日志仅在开发或构建项目时出现，其他页面不会有；偶尔还会突然自行停止，我没做任何特殊操作。

已尝试的无效操作 #

• 查找其他用户的同类问题，未找到相关案例
• 检查自身代码中是否有遗漏的console.log，没有结果

快速临时解决（不用改代码） #

• 控制台过滤屏蔽：打开浏览器控制台后，在顶部过滤框输入 -getdify，就能直接屏蔽该文件的所有日志；也可以切换日志级别，只勾选「Errors」「Warnings」，忽略普通日志输出。
• 关闭日志显示：直接点击控制台右上角的关闭按钮，或者切换到「Elements」「Network」等其他标签页，暂时屏蔽日志展示。

项目/环境层面根治方法 #

1. 排查第三方依赖
   getdify.js大概率是某个第三方依赖带进来的。打开项目根目录的package.json文件，搜索是否有含getdify的依赖项，尝试暂时卸载它：

   # npm 环境
   npm uninstall getdify
   # yarn 环境
   yarn remove getdify
   

   卸载后重启项目，看看日志是否消失。如果是必要依赖，再考虑其他方法。

2. 配置构建工具屏蔽日志
   如果你用Vue/React这类框架，可在开发环境配置里添加规则屏蔽第三方日志。以Vue为例，在vue.config.js中添加：

   module.exports = {
     configureWebpack: {
       optimization: {
         minimizer: [
           new require('terser-webpack-plugin')({
             terserOptions: {
               compress: {
                 // 只移除console.log，保留其他console方法（如console.error）
                 pure_funcs: ['console.log']
               }
             }
           })
         ]
       }
     }
   }
   

   修改后重启项目生效，这个方法会移除所有代码里的console.log，包括你自己写的，若要保留自己的日志，可改用更精准的过滤规则（操作稍复杂，非技术人员优先尝试其他方法）。

3. 排查浏览器扩展
   部分浏览器扩展会自动注入脚本到页面中。试试禁用所有浏览器扩展，重启浏览器后打开项目页面，若日志消失，再逐个开启扩展找到问题来源，卸载或禁用该扩展即可。

内容的提问来源于stack exchange，提问作者Sullen