Open links in external browser in WebView (WinRT)

Question

I have a WebView component that I use to display HTML Ads in my app. When user clicks an Ad in the WebView I want to open the Ad link in an external browser. How do I do that?

I need something like OnNavigating from the WP7 browser. I tried the Tapped event of the WebView but it never gets called even when I set IsTapEnabled=true. I need something like

score 21 · Accepted Answer · answered Oct 06 '12 at 14:09

You will need to use the ScriptNotify event for this. Here's how I handled the scenario (using NavigateToString). If you're retrieving the web view content from a URL, you will need be able to modify the HTML for this to work.

Add the following Javascript code to your HTML

<script type="text/javascript">for (var i = 0; i < document.links.length; i++) { document.links[i].onclick = function() { window.external.notify('LaunchLink:' + this.href); return false; } }</script>

This adds an onclick handler to every link (<a href="..."></a>) on the page. window.external.notify is a Javascript method that works in the Webview.

Add the ScriptNotify event handler to the webview.
```
WebView.ScriptNotify += WebView_ScriptNotify;
```

Declare the event handler

async private void WebView_ScriptNotify(object sender, NotifyEventArgs e)
{
    try
    {
        string data = e.Value;
        if (data.ToLower().StartsWith("launchlink:"))
        {
            await Launcher.LaunchUriAsync(new Uri(data.Substring("launchlink:".Length), UriKind.Absolute));
        }
    }
    catch (Exception)
    {
        // Could not build a proper Uri. Abandon.
    }
}

Note that you if you're using an external URL, this has to be added to the webview's allowed Uris whitelist (http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.webview.scriptnotify for reference).

but what about hyperlink to files? this does not work http://stackoverflow.com/questions/28886198/hyperlink-click-is-not-firing/ — y0j0, Mar 05 '15 at 20:00
In that scenario, try changing UriKind.Absolute to UriKind.Relative — Akinwale, Jul 28 '15 at 12:54
Instead of adding a click handler to all links and using the `WebView.ScriptNotify` handler, you could use the `WebView.NewWindowRequested` handler — ndreisg, Dec 19 '18 at 10:15

score 11 · Answer 2 · answered May 06 '14 at 07:47

Try to handle NavigationStarting event. Here you can intercept and cancel loading of URL. You can filter which link to open in web view, and which to open in the default browser.

private async void webView_NavigationStarting(WebView sender, WebViewNavigationStartingEventArgs args)
    {
        if(null != args.Uri && args.Uri.OriginalString == "URL OF INTEREST")
        {
            args.Cancel = true;
            await Launcher.LaunchUriAsync(args.Uri);
        }
    }

Open links in external browser in WebView (WinRT)

2 Answers2

Linked