How to get html content form flutterWebViewPlugin ( webview ) in flutter

Step 1: Add Dependency

First, add flutter_webview_plugin as a dependency to your pubspec.yaml file.

yaml
dependencies:
  flutter_webview_plugin: ^0.4.0

Then run flutter pub get to install the plugin.

Step 2: Import Package

Import the necessary packages in your Dart file:

dart
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

Step 3: Initialize and Listen

Create an instance of FlutterWebviewPlugin and set up listeners to monitor WebView events, particularly when the page finishes loading:

dart
FlutterWebviewPlugin flutterWebviewPlugin = FlutterWebviewPlugin();

@override
void initState() {
  super.initState();

  flutterWebviewPlugin.onStateChanged.listen((WebViewStateChanged wvs) {
    if (wvs.type == WebViewState.finishLoad) {
      // Page loading completed
      flutterWebviewPlugin.evalJavascript("document.documentElement.innerHTML").then((String result) {
        // The result contains the HTML content of the webpage
        print(result);
      });
    }
  });
}

Step 4: Create WebView

Use WebviewScaffold to display your webpage:

dart
@override
Widget build(BuildContext context) {
  return WebviewScaffold(
    url: "https://www.example.com",
    appBar: AppBar(
      title: Text("WebView Example"),
    ),
    withJavascript: true,
  );
}

Step 5: Clean Up Resources

When the widget is disposed, ensure you clean up resources:

dart
@override
void dispose() {
  flutterWebviewPlugin.dispose();
  super.dispose();
}

Conclusion

By following these steps, you can retrieve and process HTML content in your Flutter application using flutter_webview_plugin. This approach is particularly useful for applications that need to extract data from web pages. For example, if you are developing an application requiring extraction and display of information from specific websites, this method is highly applicable. Be aware of limitations such as reliance on JavaScript and potential cross-origin issues. Always consider security and user privacy during development.