How to insert HTML attribute into an element which is on page loaded in Android WebView?

Question

I'm trying to insert an attribute into an  element on a page, which is loaded in Android WebView.

How should it work?

For example, I have m.facebook.com loaded in my WebView. Now I want to add an attribute src="mydata" to every  tag. So, in result I will have the same page, but each  element now will contain src="mydata" ().

How can I do it? Is it even possible?

halfer · Accepted Answer · 2018-05-06 08:04:40Z

1

The example of JavaScript code you want is below:

var i_tag = document.getElementsByTagName('i');
for (var i = 0; i < i_tag.length; i++) {
    i_tag[i].setAttribute('src', 'mydata');
}

So what you need to do is to call JavaScript function when the webpage loaded via loadUrl()

final WebView webView = findViewById(R.id.webView);
webView.getSettings().setJavaScriptEnabled(true);
webView.setWebChromeClient(new WebChromeClient());
webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(webView, url);
        webView.loadUrl("javascript:(function(){" +
                "var i_tag = document.getElementsByTagName('i');" +
                "for (var i = 0; i < i_tag.length; i++) {i_tag[i].setAttribute('src', 'mydata');}" +
                "})();");
    }

    @Override
    public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {

    }
});

webView.loadUrl("https://m.facebook.com/");

edited May 6, 2018 at 8:04

halfer

20.2k20 gold badges110 silver badges207 bronze badges

answered Apr 2, 2018 at 13:20

PaulCK

1,2683 gold badges20 silver badges30 bronze badges

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

4 Comments

PaulCK Over a year ago

If this is the right answer try to mark an answer as accepted so others can see it :)

Graf Neco Over a year ago

Sorry, but it still doesn't work for me. What I'm trying to do is to add an onclick="ok.performClick(this.style)" attribute to the each i element on a page. But it doesn't work for me. It looks like I'm doing it totally wrong. Here is my code: gist.github.com/sfilmak/3260bd91f7ac240bba407a783b17a522 Thank you!

PaulCK Over a year ago

So the result you want is like this? Some italic text

PaulCK Over a year ago

I wonder why your for loop not using .length and I found that "https://m.facebook.com/" just contain six  tag

Collectives™ on Stack Overflow

How to insert HTML attribute into an element which is on page loaded in Android WebView?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related