如何在Flutter webview中自动填充第三方网站的登录id和密码？

Question

目前，我正在使用 flutter inappwebview 插件，我想创建一个像 google chrome 一样的自动登录，询问我们是否要保存密码，然后下次自动填充。可以吗？

Answer 1

我建议您尝试使用

webview_flutter_plus

。它允许您调用自定义 JavaScript 来修改通过 webview 呈现的网站。相关问题的答案提供了一个很好的例子：https://stackoverflow.com/a/64001588/13541839

Answer 2

我首先得到答案，我们需要使用一些本地存储（配置单元存储）来存储用户表单中的用户名和密码，用户在其中输入用户名和密码，然后使用保存的数据注入到 webview 输入中。

controller.evaluateJavascript(
    //'''var email = document.getElementById("user");''';
    source: '''
              var email = document.getElementById(" Your Email document id from html");
                    var password = document.getElementById("Your Email document id from html");
                    email.value = "$email";
                    password.value = "$pass";               
                  ''');

Answer 3

免责声明： 不是将 autofil 与 webview 一起使用的解决方案。

我遇到了同样的问题，每个解决方案都有其缺点。

对我来说，最快也是最稳定的解决方案是重新创建登录。 原因的解决方案有其自身的优点和缺点。

专业人士：

• 在视觉上重新创建已经完成的设计非常快
• 更轻松的状态处理（例如重新打开应用程序）
• 更轻松地处理连接问题
• 测试更简单

Con的

• 维护两个不同的登录页面
• UI设计，如果没有好的眼光，新的登录页面总是有点不对劲