Hi Kapil.
First, let me give you some background and then I will give you some secret sauce to do this. Our intent with the WebView control was to provide very basic capabilities with respect to displaying web sites or HTML fragments. We did not intend to provide
a control on top of which you could build a comple browsing experience, that is what the Modern Browser is for :).
Therefore, we have purposely disabled the context menu, are not plumbing up the touch events, etc. or providing direct access to the DOM or its content.
However, there is a way to do some of this. The WebView has a method called "InvokeScript()" that allows you to run script contained in your loaded document. However, you can use a little trick with the javascript eval() to execute javascript code within
the document.
So, let's say I want to handle the onmspointerdown event so that when the user taps and holds we return the contents of the document. To do this, I would use the following code:
void LoadButton2_Click(object sender, RoutedEventArgs e)
{
WebView2.ScriptNotify += new NotifyEventHandler(WebView2_ScriptNotify);
WebView2.LoadCompleted += new Windows.UI.Xaml.Navigation.LoadCompletedEventHandler(WebView2_LoadCompleted);
//This is a hack due to a bug
WebView2.Navigate(new Uri("http://www.bing.com"));
}
void WebView2_LoadCompleted(object sender, Windows.UI.Xaml.Navigation.NavigationEventArgs e)
{
WebView2.InvokeScript("eval", new string[] {"document.onmspointerdown = documentMouseDown; function documentMouseDown(){window.external.notify(document.body.innerHTML);}"});
}
void WebView2_ScriptNotify(object sender, NotifyEventArgs e)
{
// documentBody will contain the HTML
string documentBody = e.Value;
}
window.external.notify() will fire the WebView.ScriptNotify event passing back a string. In this case we simply pass back the HTML. Note the hack that navigates to Bing.com above prior to this operation. This is necessary due to a current bug where it is necessary
to force the WebView to be in IE10 mode before script will execute. You can accomplish this by simply navigating to a page that puts the WebView in IE10 mode such as
http://www.bing.com.
Hope that helps.
Mike Henderlight
