Injecting JavaScript into WebView in Android 6

Question

So recently I was trying to build my app for Android 6 by setting the android:targetSdkVersion="23" in the manifest file, everything went well but then I noticed the strange behavior of webview.

In my app I first load some content into the webview using the webview.LoadData (someHtmlContent, "text/html; charset=UTF-8", null); then at any point user can change the text size by using some buttons in the menu of the app. These buttons work like this:

webview.LoadUrl ("javascript:" + "document.getElementsByTagName(\"body\")[0].style.fontSize = \"" + size + "%\";");

size is a string that can be anything from 100% (Initial size) to 110%, 120% and ...

This method effectively injects JavaScript into the already existing content (HTML) and works perfectly on Android 5 and lower but not on Android 6.

In Android 6, when user clicks a button that injects JS, it just replaces the content of webview with the size variable.

Can anyone help?

Community · Accepted Answer · 2017-05-23 10:28:27Z

1

I don't know why LoadUrl method of webview didn't work but I just found out about a new method EvaluateJavascript that should be used for Android 4.4 and up. I just tested this with my app (Android 6) and it works fine.

So, the following code should be used instead: (I'm using C#/Xamarin)

if ((int)Build.VERSION.SdkInt >= 19)
{
    webview.EvaluateJavascript ("document.getElementsByTagName(\"body\")[0].style.fontSize = \"" + size + "%\";", null);
}
else
{
    webview.LoadUrl ("javascript:" + "document.getElementsByTagName(\"body\")[0].style.fontSize = \"" + size + "%\";");
}

Here there's a Java Example.

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered Mar 28, 2016 at 7:13

Vahid Amiri

11.2k13 gold badges75 silver badges119 bronze badges

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

Collectives™ on Stack Overflow

Injecting JavaScript into WebView in Android 6

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