如何在flutter中从flutterWebViewPlugin ( webview )获取html内容

在Flutter中，可以使用flutter_webview_plugin插件来实现WebView功能。要从WebView中获取HTML内容，可以使用flutter_webview_plugin插件提供的方法。

首先，确保已经在项目的pubspec.yaml文件中添加了flutter_webview_plugin插件的依赖：

dependencies:
  flutter_webview_plugin: ^0.3.11

然后，在需要使用WebView的页面中，导入flutter_webview_plugin插件：

import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

接下来，创建一个WebviewScaffold并加载URL：

final flutterWebViewPlugin = FlutterWebviewPlugin();

flutterWebViewPlugin.launch('https://example.com');

要获取WebView中的HTML内容，可以使用flutter_webview_plugin插件提供的evalJavascript方法：

flutterWebViewPlugin.evalJavascript('''
  window.document.documentElement.outerHTML;
''').then((html) {
  print(html);
});

上述代码将执行JavaScript代码window.document.documentElement.outerHTML，并将结果作为参数传递给then回调函数。在回调函数中，可以处理获取到的HTML内容，例如打印到控制台。

需要注意的是，为了能够获取到WebView中的HTML内容，确保WebView已经加载完成。可以在WebView加载完成后再执行获取HTML内容的操作，可以使用flutter_webview_plugin插件提供的onStateChanged监听WebView的状态变化：

flutterWebViewPlugin.onStateChanged.listen((state) {
  if (state.type == WebViewState.finishLoad) {
    flutterWebViewPlugin.evalJavascript('''
      window.document.documentElement.outerHTML;
    ''').then((html) {
      print(html);
    });
  }
});

上述代码将在WebView加载完成后执行获取HTML内容的操作。

总结起来，要在Flutter中从flutter_webview_plugin获取WebView的HTML内容，可以按照以下步骤进行操作：

1. 添加flutter_webview_plugin插件的依赖。
2. 导入flutter_webview_plugin插件。
3. 创建WebviewScaffold并加载URL。
4. 使用evalJavascript方法执行JavaScript代码获取HTML内容。
5. 处理获取到的HTML内容。

推荐的腾讯云相关产品：腾讯云移动浏览器（Tencent Mobile Browser），产品介绍链接地址：https://cloud.tencent.com/product/tmb