Flutter中InAppWebView点击PDF链接无响应，如何拦截或打开PDF链接？

你的代码存在两个核心问题导致点击PDF链接无响应、回调不触发：

• 开启了supportMultipleWindows: true但没有实现对应的onCreateWindow回调，谷歌搜索的结果链接默认设置了target="_blank"新开窗口，这类点击事件会被直接丢弃，不会走你现有的shouldOverrideUrlLoading、onDownloadStart回调
• Android平台WebView本身无内置PDF渲染能力，未开启下载监听相关配置时，PDF类型的资源响应不会被捕获

第一步：修正基础配置 #

两种选择二选一即可：

1. 直接关闭多窗口支持，所有链接默认在当前WebView打开，修改AndroidInAppWebViewOptions里的配置：

supportMultipleWindows: false,

2. 如果你需要保留多窗口能力，就补充实现onCreateWindow回调，在回调里处理新开窗口的跳转请求

同时补充下载监听的必填配置，在AndroidInAppWebViewOptions中新增：

useOnDownloadStart: true,

在crossPlatform的InAppWebViewOptions中新增：

allowFileAccess: true,

第二步：拦截PDF链接并处理 #

现在所有跳转都会触发回调后，你可以选择以下两种方式处理PDF链接：

方案1：拦截后在应用内用原生组件预览PDF（无外部跳转） #

1. 先在pubspec.yaml引入纯端侧PDF渲染组件，例如pdfrx，性能和兼容性都优于WebView渲染
2. 在shouldOverrideUrlLoading回调中判断链接是否为PDF，拦截后跳转到原生PDF预览页：

shouldOverrideUrlLoading: (controller, action) async {
  final requestUrl = action.request.url.toString();
  // 匹配PDF后缀，也可以结合后续响应头的Content-Type判断更准确
  if (requestUrl.toLowerCase().endsWith(".pdf")) {
    // 拦截跳转，不走WebView加载
    // 跳转至你的PDF预览页，把requestUrl传入即可
    Navigator.push(context, MaterialPageRoute(builder: (context)=> PdfPreviewPage(pdfUrl: requestUrl)));
    return Future.value(NavigationActionPolicy.CANCEL);
  }
  return Future.value(NavigationActionPolicy.ALLOW);
},

方案2：在WebView内直接渲染PDF #

如果不想新增原生组件，可以在拦截到PDF链接后，将PDF资源下载到本地临时目录，再用本地静态的PDF.js渲染，不需要跳转外部站点。

修正后的完整代码示例 #

class WebViewWidget extends StatefulWidget {
  final String url;

  WebViewWidget(this.url);

  @override
  _WebViewWidgetState createState() => _WebViewWidgetState();
}

class _WebViewWidgetState extends State<WebViewWidget> {
  final Completer<InAppWebViewController> _controller =
      Completer<InAppWebViewController>();

  final InAppWebViewGroupOptions _options = InAppWebViewGroupOptions(
    crossPlatform: InAppWebViewOptions(
      useShouldOverrideUrlLoading: true,
      mediaPlaybackRequiresUserGesture: false,
      javaScriptEnabled: true,
      allowFileAccess: true, // 新增配置
    ),
    android: AndroidInAppWebViewOptions(
      useHybridComposition: true,
      loadWithOverviewMode: true,
      useWideViewPort: false,
      builtInZoomControls: false,
      domStorageEnabled: true,
      supportMultipleWindows: false, // 关闭多窗口，不需要则直接改false
      useOnDownloadStart: true, // 新增下载监听配置
    ),
  );

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Builder(builder: (BuildContext context) {
        return InAppWebView(
            initialUrlRequest: URLRequest(url: Uri.parse("https://www.google.com/search?client=firefox-b-d&q=pdf+example")),
            initialOptions: _options,
            shouldOverrideUrlLoading: (controller, action) async {
              final requestUrl = action.request.url?.toString() ?? "";
              if (requestUrl.toLowerCase().endsWith(".pdf")) {
                // 此处替换为你的PDF预览逻辑
                debugPrint("拦截到PDF链接：$requestUrl");
                return Future.value(NavigationActionPolicy.CANCEL);
              }
              return Future.value(NavigationActionPolicy.ALLOW);
            },
            onWebViewCreated: (webViewController) {
              _controller.complete(webViewController);
            },
            onDownloadStart: (controller, uri) {
              debugPrint("触发下载：${uri.toString()}");
              // 也可以在下载回调里处理PDF的下载和预览
            },
         );
      }),
    );
  }
}

如果遇到部分无.pdf后缀的动态PDF链接，可以通过onResponseReceived回调判断响应头的Content-Type是否为application/pdf来拦截，准确性更高。

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