dio_log

pub package

http requests log of dio

基于dio的网络请求日志

Add dependency

添加依赖

dependencies: 
  dio_log : ^1.3.3

github

dio_log:
  git:
  url: git@github.com:flutterplugin/dio_log.git
  ref: develop

set interceptor of dio

给dio设置监听

dio.interceptors.add(DioLogInterceptor());

Add a global hover button on your home page to jump through the log list

在你的主页面添加全局的悬浮按钮,用于跳转日志列表

///display overlay button 显示悬浮按钮
showDebugBtn(context);
///cancel overlay button 取消悬浮按钮
dismissDebugBtn();
///overlay button state of display 悬浮按钮展示状态
debugBtnIsShow()

Or open a log list where you want it to be

或者在你期望的地方打开日志列表

Navigator.of(context).push(
    MaterialPageRoute(
      builder: (context) => HttpLogListWidget(),
    ),
  );  

Other configurable parameters

其他可设置参数

/// Sets the maximum number of entries for logging 设置记录日志的最大条数
LogPoolManager.getInstance().maxCount = 100;

Screenshot

gif demo

gif

Libraries

copy_clipboard
dio_log
dio_log_interceptor
err_options
http_log_interceptor
http_log_list_widget
json_utils
json_view
log_error_widget
log_pool_manager
log_request_widget
log_response_widget
log_widget
net_options
overlay_draggable_button
req_options
res_options
style
time_utils
url_utils

Dart

VM

dart:ffi
Foreign Function Interface for interoperability with the C programming language. [...]

Web

dart:html
HTML elements and other resources for web-based applications that need to interact with the browser and the DOM (Document Object Model). [...]
dart:js
Low-level support for interoperating with JavaScript. [...]
dart:js_util
Utility methods to efficiently manipulate typed JSInterop objects in cases where the name to call is not known at runtime. You should only use these methods when the same effect cannot be achieved with @JS annotations. These methods would be extension methods on JSObject if Dart supported extension methods.