javascript - 如何在 FlutterWebview 中自动运行 Javascript

Question

我又来了......是否可以在flutter_webview_plugin中自动运行javascript？。

我通过点击 IconButton 来尝试此操作

flutterWebviewPlugin.evalJavascript('document.addEventListener("DOMContentLoaded", function(event){console.log("DOM fully loaded and parsed");})');

它不起作用。

实际上我的目标是填写两个文本字段(名称和密码)并在加载文档时提交。

如果我尝试

flutterWebviewPlugin.evalJavascript('document.getElementById("user-id").value = "Phil Osoph"; document.getElementById("pw-id").value = "Baum123"; document._CustomLoginForm.submit(); ');

它有效，但如果我尝试

flutterWebviewPlugin.evalJavascript('document.addEventListener("DOMContentLoaded", function(event){document.getElementById("user-id").value = "Phil Osoph"; document.getElementById("pw-id").value = "Baum123"; document._CustomLoginForm.submit();})');

没有任何反应。

Answer 1

这应该在页面加载时运行脚本

flutterWebviewPlugin.onStateChanged.listen((state) async {
  if(state == WebViewState.finishLoad) {
    flutterWebviewPlugin.evalJavascript('document.getElementById("user-id").value = "Phil Osoph"; document.getElementById("pw-id").value = "Baum123"; document._CustomLoginForm.submit(); ');
  }
});