Django项目中如何切换JavaScript调试输出（无需逐个修改文件）

嘿，这个需求太贴合实际了——谁想一个个改JS文件啊！给你几个在Django项目里能轻松实现的方案，按需选就行：

这是我最常用的方式，利用Django本身的DEBUG配置来控制全局的调试开关：

• 先在你的基础模板（比如base.html）里，在所有自定义JS加载之前加一段脚本：

<script>
    // 把Django的DEBUG状态转换成JS的布尔值
    window.APP_DEBUG = {{ DEBUG|lower }};
</script>

• 然后把你JS模块里的var debug = true;改成：

var debug = window.APP_DEBUG || false;

这样开发环境下DEBUG=True，APP_DEBUG就是true，调试日志正常输出；生产环境DEBUG=False，所有依赖debug变量的输出都会自动关闭，完全不用手动改每个JS文件。

如果你用了Django的静态文件压缩工具（比如django-compressor），可以直接在压缩阶段把调试代码干掉：

• 确保你的调试输出都是console.log这种标准格式，然后在settings.py里配置压缩工具的参数：
  比如用UglifyJS的话：

COMPRESS_JS_FILTERS = [
    'compressor.filters.jsmin.JSMinFilter',
    'compressor.filters.uglifyjs.UglifyJSFilter',
]
# 告诉UglifyJS移除所有console输出并压缩代码
COMPRESS_UGLIFYJS_ARGUMENTS = '--drop_console --compress'

这样生产环境打包静态文件时，所有console.log和相关的判断代码都会被直接剔除，连变量都不用改，代码体积还能变小。

要是你连JS模块里的debug变量都不想碰，那就直接在全局层面“禁用”console.log：

• 同样在基础模板里加这段脚本：

<script>
    // 只有生产环境才重写
    if (!{{ DEBUG|lower }}) {
        // 先保存原始方法，方便临时恢复
        const originalLog = console.log;
        // 把console.log替换成空函数
        console.log = function() {};
        // 要是需要保留error日志，可以只重写log和warn
        // console.warn = function() {};
    }
</script>

这个方案完全不用动你的现有JS代码，生产环境下所有console.log调用都会变成空操作，调试输出直接消失。如果之后需要临时看生产环境的调试日志，也可以在浏览器控制台里执行console.log = originalLog;恢复原始方法。

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