使用Javascript在Webview（Android）中填写表单而没有输入类型的元素ID（文本和密码）？

Question

我已经在我的应用程序的webview中打开了一个网站（Cyber​​oam-college）的登录页面。 现在，我想这样做，以便用户不必一次又一次地输入用户名和密码，而是可以从列表或其他地方选择它，该应用程序将自动填写用户名，密码并单击登录。 我读过要做到这一点，我需要在Webview中实现javascript。

问题是，用户名和密码字段的html标记中都没有ID，只是名称属性-

<input type="text" name="username">
<input type="password" name="password">

登录按钮具有ID，因此可以使用-

<input type="submit" name="btnSubmit" value="Login" id="logincaption">

现在，我需要以某种方式使用MainActivity.java中变量中存储的字符串来填充用户名textField，然后填充密码字段，最后，当用户单击存储用户名和密码列表的列表中的元素时，最后单击登录按钮。

请告诉我如何在Android中实现此功能！

Answer 1

首先请确保不是iframe。 我相信，如果您可以构建本机登录，则没有理由添加WebView进行登录。 无论如何，如果您需要选择输入，则可以使用：

  function login(){
        document.querySelector("input[name=username]").value  = "username";
        document.querySelector("input[name= password]").value  = "password";
        document.forms[0].submit();
 }

要将值从Java代码传递给JS，您必须编写一个网桥并触发JS函数。您可以在此处阅读如何构建网桥： http : //blog.cuelogic.co.in/simple-android-java-javascript-bridge/

Answer 2

首先，使用以下语句

@SuppressLint("SetJavaScriptEnabled")

然后，您可以：

mWebView = (WebView) findViewById(R.id.webview); 
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.setWebChromeClient(new WebChromeClient());
mWebView.setWebViewClient(new WebViewClient(){
    @Override
    public void onPageFinished(WebView view, String url) {

        String javascript="javascript: document.getElementById('someid').innerHTML='Hello World!';";
        view.loadUrl(javascript);
    }
});
mWebView.loadUrl(URL);

您可以使用此方法插入Java接口，以通过Java方法异步控制。