HTML WebView control sample

This sample demonstrates how to use WebView.

3.7 Star
5,229 times
Add to favorites
E-mail Twitter Digg Facebook
Copyright (c) Microsoft Corporation. All rights reserved

<!DOCTYPE html>
<html xmlns="">
    <title>Scenario 7: Share with other apps</title>
    <link rel="stylesheet" href="/css/7_SupportShare.css" />
    <script src="/js/7_SupportShare.js"></script>
    <div data-win-control="SdkSample.ScenarioInput">
        <p>Apps with a WebView control can share the current web page in the WebView control via the Share contract. For this sample, the app is configured to share the current title and URL for the web page below, along with a screen capture of the WebView control. To share this information with another app, click the "Share" button.</p>
        <p>Apps can also send the current web page in a WebView control to be opened in the default browser. To open the current page in a browser, click the "Launch in browser" button.</p>
        <p>Finally, the same information can be placed on the clipboard to be used in other applications. To copy the current page's URL to clipboard, click the "Copy URL to clipboard" button.</p>
        <button id="shareButton">Share</button>
        <button id="launchInBrowserButton">Launch in browser</button>
        <button id="copyToClipboardButton">Copy URL to clipboard</button>
    <div data-win-control="SdkSample.ScenarioOutput" id="outputContainer">
        <x-ms-webview id="webview"></x-ms-webview>