Javascript 如何在FlatterWebView中操作HTML?

Javascript 如何在FlatterWebView中操作HTML?,javascript,html,flutter,dart,flutterwebviewplugin,Javascript,Html,Flutter,Dart,Flutterwebviewplugin,我正在用颤振webview加载网站。但我想在加载时替换HTML元素。例如: <span class="name">Replace text</span> 替换文本 如何操作?因此,这取决于您用于加载webview的库 我在使用webview\u flatter\u plus()时取得了一些成功 这样,您只需等待html加载并注入一些javascript来修改所需的html即可 像这样: Widget build(BuildContext conte

我正在用颤振webview加载网站。但我想在加载时替换HTML元素。例如:

<span class="name">Replace text</span>
替换文本

如何操作?

因此,这取决于您用于加载webview的库

我在使用
webview\u flatter\u 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";');
        }
   }
}

您好,您可以将处理程序附加到加载事件
document.addEventListener(“DOMContentLoaded”,function(){//do my replacement})@IronMan如何处理Flatter webview?亲爱的@Didier Prophete我使用这种方式,但评估jave脚本似乎花费了太长的时间我能做些什么是的。事实上,在Flitter中的本机应用程序中浏览webview确实需要一些时间(比如半秒钟)。在那之后,我认为js评估很好,但最初的时间是一个巨大的痛苦。不确定我们能在那里做多少,直到Flatter本身提高了webview性能(我也不确定Flatter能做什么。可能只是webview是一个昂贵的实例化类…)亲爱的,有没有办法在评估之前不显示webview,我的意思是,评估发生在onpagefinished回调上,它本身需要一些时间才能成为firedyes@kikicoder,这正是我在自己的代码中所做的。我基本上隐藏了webview(我把它放在一个堆栈中,在一个启动页下面),直到调用onPageFinished。。。