如何在Flutter WebView中操纵HTML？

问题描述

我正在使用Flutter Webview加载网站。但是我想在加载时替换HTML元素。例如：

<span class="name">Replace text</span>

怎么办？

解决方法

因此，这取决于您使用哪个库加载Web视图。

使用webview_flutter_plus（https://pub.dev/packages/webview_flutter_plus）取得了一些成功。

有了这个，您只需要等待html加载并注入一些javascript即可修改所需的任何html。

赞：

Widget build(BuildContext context) {
    return WebViewPlus(
        initialUrl: myUrl,javascriptMode: JavascriptMode.unrestricted,onWebViewCreated: (WebViewPlusController webViewController) {
            _webViewController = webViewController;
        },onPageFinished: (String url) {
            _webViewController.evaluateJavascript('document.querySelector(".name").innerHTML = "new text";');
        }
   }
}