How to append new javascript to current HTML WebBrowser Control

Question

I am trying to insert my own javascript to present HTML(index.html - present in IsolatedStorage) at runtime. To get call from javascript to c# webBrowser_ScriptNotify. How I will achieve this, here is my attempts to achieve this.

string script = " <script type=\"text/javascript\"> function scriptNotify() { window.external.notify(\"runtime\");}</script>";
byte[] param = GetBytes(script);

webBrowser.Navigate(new Uri("/index.html", UriKind.Relative), param,"Content-Type: application/x-www-form-urlencoded");


private void webBrowser_ScriptNotify(object sender, NotifyEventArgs e)
{            
   if (e.Value.ToString().Equals("runtime"))
   {
       Debug.WriteLine("Call from dynamic javascript");
   }
}   

static byte[] GetBytes(string str)
{
    byte[] bytes = new byte[str.Length * sizeof(char)];
    System.Buffer.BlockCopy(str.ToCharArray(), 0, bytes, 0, bytes.Length);
    return bytes;
}

Update

Here my new try to inject script tag in currently opened HTML page.

var scriptString = "var script=document.createElement('script');"
                                   + "script.type=\"text/javascript\";"
                                   + "script.InnerHTML=\"function callMe(){window.external.notify(\"runtime\")};\""
                                    + "document.getElementsByTagName('head')[0].appendChild(script);";

webBrowser.InvokeScript("eval", scriptString);

its failed with some system error.

System.SystemException was unhandled
Message: An unhandled exception of type 'System.SystemException' occurred in Microsoft.Phone.Interop.ni.dll
Additional information: An unknown error has occurred. Error: 80020101.

StackTrace:

at Microsoft.Phone.Controls.NativeMethods.ValidateHResult(Int32 hr)
   at Microsoft.Phone.Controls.WebBrowserInterop.InvokeScript(String scriptName, String[] args)
   at Microsoft.Phone.Controls.WebBrowser.InvokeScript(String scriptName, String[] args)
   at WebBrowserJSTest.MainPage.webBrowser_LoadCompleted(Object sender, NavigationEventArgs e)

Thanks in advance.

noseratio · Accepted Answer · 2014-08-21 23:45:58Z

1

Note that eval is known to work when there's already at least one <script> tag on the page.

The following solution uses webBrowser.InvokeScript("setTimeout", ...) to execute some JavaScript (and thus enable eval). I tested this approach with a Windows Store app and it works there. I expect it to work with Windows Phone too, hopefully you'd be able to confirm it.

async Task ExecScriptNotify()
{
    // load a blank page
    var tcsLoad = new TaskCompletionSource<object>();
    this.webBrowser.NavigationCompleted += (s, eArgs) =>
        tcsLoad.TrySetResult(Type.Missing);
    this.webBrowser.NavigateToString("<body></body>");
    await tcsLoad.Task;

    // first add a script via "setTimeout", JavaScript gets initialized
    var tcsInit = new TaskCompletionSource<object>();
    this.webBrowser.ScriptNotify += (s, eArgs) =>
    {
        if (eArgs.Value == "initialized")
            tcsInit.TrySetResult(Type.Missing);
    };
    this.webBrowser.InvokeScript("setTimeout", 
        new string[] { "window.external.notify('initialized')", "0" });
    await tcsInit.Task;

    // then use "eval"
    this.webBrowser.InvokeScript("eval", 
        new string[] { "document.body.style.backgroundColor = 'yellow'" });
}

edited Aug 21, 2014 at 23:45

answered Aug 21, 2014 at 22:57

noseratio

62.1k37 gold badges226 silver badges509 bronze badges

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

2 Comments

gofor.net Over a year ago

thanks for suggestion, I have tried your code and its working fine. But the last line document.body.style.backgroundColor = 'yellow' instead I replace it with my code

var scriptString = "var script=document.createElement('script');"                                        + "script.type=\"text/javascript\";"                                        + "script.src='/rtemaster.js'"                                         + "this.document.getElementsByTagName('head')[0].appendChild(script);";  webBrowser.InvokeScript("eval", scriptString);

noseratio Over a year ago

@gofor.net, good to know it works under Windows Phone. I'm a bit surprised script.src='/rtemaster.js works too. Or does it not?

Narek · Accepted Answer · 2014-08-21 09:59:44Z

0

WebBrowser.InvokeScript Method

answered Aug 21, 2014 at 9:59

Narek

4492 silver badges13 bronze badges

1 Comment

gofor.net Over a year ago

thanks for reply Narek, but I don't want to call present javascript function from c#. I want to append new javascript function to HTML file which is currently open in WebBrowser control.

Rajesh KP · Accepted Answer · 2014-08-21 16:46:21Z

0

try something like this:

string script = "//Your JS method "; string elementInnerText = (string)WebBrowser1.InvokeScript("eval", script);

edited Aug 21, 2014 at 16:46

answered Aug 21, 2014 at 10:31

Rajesh KP

178 bronze badges

3 Comments

gofor.net Over a year ago

In Windows Phone 8 webBrowser1.Document is not supported. Can you please suggest some other workaround for the solution.

Rajesh KP Over a year ago

for windows phone, use something like this: string script = "function() { return document.getElementById('ElementID').innerText; }"; string elementInnerText = (string)WebBrowser1.InvokeScript("eval", script);

gofor.net Over a year ago

thanks for quick reply, but if I want to append new script tag with javascript into present HTML then how I will achieve this?

Collectives™ on Stack Overflow

How to append new javascript to current HTML WebBrowser Control

3 Answers 3

2 Comments

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related