How to inject a Javascript script into webpage using WebBrowser control?

Question

In my application I need to use a WebBrowser control to process user login. I use WPF and it's WebBrowser control. The problem is that I want to display a part of web page that is under certain div. I found a solution to this, I need to inject an javascript script into a loaded html page, but I have no clue how to do it :(

This is the script that I would like to inject into web.

function showHide() { 
     $('body >').hide(); 
     $('#div').show().prependTo('body'); 
}

So i could later call it webbrowser1.InvokeScript("showHide");

I read a lot of posts on stack, but all of them refer to WindowsForms WebBrowser and it is not working with WPF one.

EDIT: I tried:

private void PageLoaded (object sender, NavigationEventArgs e)
{
    var webBrowser = sender as WebBrowser;

    webBrowser.Document.InvokeScript("execScript",
            new object[] {"$('body >').hide(); $('#" + _div + "').show().prependTo('body');"});

}

But webBrowser.Document is type object and I cannot call InvokeScript on it, have no clue to what I should cast it.

Thanks for help.

Possible duplicate of How to inject Javascript in WebBrowser control — Equalsk
– Equalsk, Commented Apr 12, 2017 at 9:40
It is not working with WPF control so it is not duplicate... — vip1all
– vip1all, Commented Apr 12, 2017 at 9:44
I get to the point var script = var script = (mshtml.IHTMLScriptElement)doc.createElement("script");doc.createElement("script"); and I didn't know to what I should cast it. But before I finished editing you posted your answer. Thanks. — vip1all
– vip1all, Commented Apr 12, 2017 at 10:27

Equalsk · Accepted Answer · 2017-04-12 10:12:31Z

1

Add a reference to mshtml

In whatever event you want to inject the JavaScript:

var doc = (mshtml.HTMLDocument)webBrowser1.Document;
var head = doc.getElementsByTagName("head").Cast<mshtml.HTMLHeadElement>().First();
var script = (mshtml.IHTMLScriptElement)doc.createElement("script");
script.text = "function myFunction() { alert(\"Hello!\");}";
head.appendChild((mshtml.IHTMLDOMNode)script);

In whatever event you want to invoke the JavaScript from:

webBrowser1.InvokeScript("myFunction");

Result:

answered Apr 12, 2017 at 10:12

Equalsk

8,2643 gold badges47 silver badges71 bronze badges

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

Collectives™ on Stack Overflow

How to inject a Javascript script into webpage using WebBrowser control?

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