如何在Flutter DevTools中显示调试控制台的print日志与错误信息

首先确保你已在调试模式下启动Flutter应用，且成功打开关联的DevTools工具。

方案1：替换原生print为dart自带log方法（无需额外配置） #

原生print方法默认仅输出到IDE调试控制台，要同步到DevTools日志面板，可使用dart:developer库提供的log方法：

• 首先导入依赖包：

import 'dart:developer';

• 替换原有print逻辑：

// 普通文本输出
log("Abc");
// 大体积API返回数据输出，可自定义标签方便后续筛选
log(apiResponseData.toString(), name: "API响应");

所有通过log输出的内容，会自动同步到DevTools的Logging面板，支持完整查看长文本、按标签筛选、搜索、复制导出。

方案2：全局重定向print和异常捕获（无需修改现有打印代码） #

如果项目中已有大量print调用不想逐个修改，可以在应用入口重定向输出逻辑，同时全局捕获程序报错：

import 'dart:developer';
import 'package:flutter/foundation.dart';

void main() {
  // 仅调试模式下生效，不影响release包性能
  if (kDebugMode) {
    // 重定向print输出到DevTools日志
    debugPrint = (String? message, {int? wrapWidth}) {
      if (message != null) log(message);
    };

    // 捕获Flutter框架层面的异常并输出到DevTools
    FlutterError.onError = (FlutterErrorDetails details) {
      log(
        details.exceptionAsString(),
        name: "框架异常",
        stackTrace: details.stack,
      );
      FlutterError.presentError(details);
    };

    // 捕获未处理的异步异常并输出到DevTools
    PlatformDispatcher.instance.onError = (error, stack) {
      log(
        error.toString(),
        name: "异步异常",
        stackTrace: stack,
      );
      return true;
    };
  }

  runApp(const MyApp());
}

配置完成后，原有print输出、框架报错、未处理的运行时异常都会自动同步到DevTools的Logging面板，无需修改现有业务代码。

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