Flutter如何查看日志，有没有类似浏览器控制台的第三方库

“Flutter开发时如何查看运行日志？有没有类似浏览器控制台那样方便的第三方工具？官方提供的日志功能感觉不够直观，特别是在调试UI和网络请求时比较麻烦。求推荐好用的日志库或调试工具，最好能支持分类过滤、颜色高亮这些功能。”

2 回复

Flutter查看日志可使用print或debugPrint。推荐第三方库logger，功能类似浏览器控制台，支持分级、颜色和格式化输出，便于调试。

更多关于Flutter如何查看日志，有没有类似浏览器控制台的第三方库的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中查看日志有以下几种方式：

1. 使用内置日志输出

// 使用 print 语句
print('这是一条普通日志');

// 使用 debugPrint
import 'package:flutter/foundation.dart';
debugPrint('这是调试日志，在release模式中不会输出');

// 使用 logger 包（推荐）
import 'package:logger/logger.dart';

var logger = Logger();
logger.d('Debug消息');
logger.i('Info消息');
logger.w('Warning消息');
logger.e('Error消息', error: '错误详情');

2. 推荐的第三方库

logger 包

dependencies:
  logger: ^2.0.0+1

特点：

  • 支持不同级别的日志
  • 彩色控制台输出
  • 可自定义输出格式
  • 支持堆栈跟踪

flutter_logger

dependencies:
  flutter_logger: ^1.1.1

提供更丰富的日志功能和文件输出。

3. 开发时查看日志

  • Android Studio/IntelliJ: 在 Run/Debug 窗口查看
  • VS Code: 在 Debug Console 查看
  • 命令行: 使用 flutter logs 命令
  • Chrome DevTools: 在浏览器中调试时使用

4. 类似浏览器控制台的工具

虽然没有完全相同的工具，但可以通过以下方式获得类似体验：

  • 使用 Dart DevTools（flutter pub global run devtools）
  • 结合 logger 包获得彩色分级日志
  • 在浏览器中运行 Flutter web 时使用浏览器开发者工具

推荐使用 logger 包，它提供了最接近浏览器控制台的日志体验。

回到顶部