Auto fill field in WebView using javascript fails

Question

I am attempting to auto fill a field in a WebView. The page source of the webpage is here: http://pastebin.com/WKbj7XJh

I have javascript enabled in my WebView and I have the following code in my WebViewClient

public void onPageFinished(final WebView view, String url) {
        super.onPageFinished(view, url);
        String website = "https://www.example.com/oauth_callback";
        view.loadUrl("javascript:document.getElementById(\"application_callback_url\").value = '"+website+"';");
    }

Instead of autofilling the field, I get a blank WebView that simply displays: "https://www.example.com/oauth_callback"

I used this question as a guide: Fill fields in webview automatically

All help is greatly appreciated.

Can you share more details about the platform version you are runnign and SDK you are building with? — ksasq
– ksasq, Commented Jun 23, 2014 at 11:45
I am building with Android 4.4.2 (API 19) and running it on a Android 4.4.3 device. — Dick Lucas
– Dick Lucas, Commented Jun 23, 2014 at 18:51
Can you try using the WebView.evaluateJavaScript API instead? — ksasq
– ksasq, Commented Jun 23, 2014 at 23:27
@ksasq Thank you so much for your help. This worked perfectly. Maybe on pre API 19 devices the code in my question will work, because that evaluateJavaScript API is only available in API 19. I will test this when I have some time. — Dick Lucas
– Dick Lucas, Commented Jun 24, 2014 at 13:43
Thanks for the update - glad it works for you. Yes, this is a change in the chromium webview that was introduced in Android 4.4. You should be able to use the loadUrl approach when your app is running on older devices. I'll formalise into an answer :) — ksasq
– ksasq, Commented Jun 24, 2014 at 19:36

ksasq · Accepted Answer · 2014-06-24 19:40:03Z

3

When you start to target API 19 and above, this is the behavior of WebView.loadUrl when it's passed a javascript: URL that returns a value.

You should update your app so that when running on API 19 or above, it uses evaluateJavaScript, and falls back to loadUrl when running on older devices. Something like:

if (android.os.Build.Version.SDK_INT >= 19) {
    webview.evaluateJavaScript("...", null);
} else {
    webview.loadUrl("javascript:...");
}

Alternatively, you could mangle your javascript into a JS function that doesn't return a value, and use that with loadUrl on all platform versions.

answered Jun 24, 2014 at 19:40

ksasq

4,4122 gold badges20 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Auto fill field in WebView using javascript fails

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related