Flutter中如何后台捕获链接重定向的所有URL并存储到List？

这个需求完全可以实现，核心思路是通过HTTP重定向追踪或无头WebView两种方式，在后台捕获所有跳转URL并存储到List中，全程无需展示页面。

方案一：基于HTTP客户端的重定向追踪（轻量高效） #

适合仅需处理HTTP/HTTPS协议重定向的场景，无需依赖WebView，性能更优。

实现步骤 #

1. 添加依赖：在pubspec.yaml中引入http包

dependencies:
  http: ^1.1.0

2. 编写追踪工具函数
   手动禁用自动跟随重定向，逐次解析响应头的Location字段，收集所有跳转URL：

import 'package:http/http.dart' as http;

Future<List<String>> trackHttpRedirects(String initialUrl) async {
  final List<String> urlHistory = [];
  String currentUrl = initialUrl;

  while (true) {
    try {
      // 禁用自动重定向，获取原始响应
      final response = await http.get(Uri.parse(currentUrl), followRedirects: false);
      
      // 记录当前URL（去重）
      if (!urlHistory.contains(currentUrl)) {
        urlHistory.add(currentUrl);
      }

      // 判断是否为重定向状态码（300-399）
      if (response.statusCode >= 300 && response.statusCode < 400) {
        final redirectUrl = response.headers['location'];
        if (redirectUrl == null) break;
        
        // 处理相对路径，拼接完整URL
        currentUrl = Uri.parse(currentUrl).resolve(redirectUrl).toString();
      } else {
        // 非重定向状态，结束追踪
        break;
      }
    } catch (e) {
      print('追踪异常: $e');
      break;
    }
  }

  return urlHistory;
}

调用示例 #

void main() async {
  final urls = await trackHttpRedirects('https://www.google.com/search?q=flutter');
  print('所有跳转URL: $urls');
}

优缺点 #

• ✅ 轻量无额外体积开销，性能好
• ❌ 无法处理JavaScript触发的跳转（如window.location.href）

方案二：无头WebView追踪（支持全类型跳转） #

如果需要处理JS触发的跳转，可使用无头WebView插件，模拟浏览器环境捕获所有跳转行为。

实现步骤 #

1. 添加依赖：在pubspec.yaml中引入flutter_inappwebview包

dependencies:
  flutter_inappwebview: ^6.0.0

2. 编写无头WebView追踪函数
   通过监听页面加载事件，收集所有跳转URL：

import 'package:flutter_inappwebview/flutter_inappwebview.dart';
import 'dart:async';

Future<List<String>> trackAllRedirects(String initialUrl) async {
  final List<String> urlHistory = [];
  final completer = Completer<List<String>>();

  final headlessWebView = HeadlessInAppWebView(
    initialUrlRequest: URLRequest(url: Uri.parse(initialUrl)),
    onLoadStart: (controller, url) {
      if (url != null && !urlHistory.contains(url.toString())) {
        urlHistory.add(url.toString());
      }
    },
    onLoadRedirect: (controller, oldUrl, newUrl) {
      if (newUrl != null && !urlHistory.contains(newUrl.toString())) {
        urlHistory.add(newUrl.toString());
      }
    },
    onLoadStop: (controller, url) {
      // 页面加载完成，返回结果并释放资源
      completer.complete(urlHistory);
      controller.dispose();
    },
    onWebResourceError: (controller, error) {
      completer.complete(urlHistory);
      controller.dispose();
    },
  );

  await headlessWebView.run();
  return completer.future;
}

调用示例 #

void main() async {
  final urls = await trackAllRedirects('https://www.google.com/search?q=flutter');
  print('所有跳转URL: $urls');
}

优缺点 #

• ✅ 支持所有类型跳转（HTTP重定向、JS跳转、meta标签跳转等）
• ❌ 增加应用体积，性能略低于HTTP方案

注意事项 #

• 权限配置：Android需在AndroidManifest.xml中添加<uses-permission android:name="android.permission.INTERNET"/>
• URL去重：避免重复添加相同URL（示例中已包含去重逻辑）
• 资源释放：无头WebView使用后需调用dispose()，防止内存泄漏

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