Windows 8 Store Apps學習(8) WebView控制項

最後更新：2017-02-27 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

介紹

重新想象 Windows 8 Store Apps 之 WebView

示範 WebView 的基本應用

示範 WebView 如何與 JavaScript 互動

通過 Share Contract 分享 WebView 中的內容

如何全屏 WebView

樣本

1、WebView 的基本應用

WebView/Demo.xaml

<Page    x:Class="XamlDemo.Controls.WebView.Demo"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:local="using:XamlDemo.Controls.WebView"    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    mc:Ignorable="d">        <Grid Background="Transparent">        <StackPanel Margin="120 0 0 0">                <Button Name="btnNavigateUrl" Content="導航到指定的 url" Click="btnNavigateUrl_Click_1" />                            <Button Name="btnShowHtml" Content="解析指定的 html 字串" Click="btnShowHtml_Click_1" Margin="0 10 0 0" />                <Button Name="btnFullScreen" Content="示範當 WebView 全屏時如何操作當前頁（WebView 會遮擋所有元素）" Click="btnFullScreen_Click_1" Margin="0 10 0 0" />                <WebView Name="webView" Width="400" Height="300" HorizontalAlignment="Left" Margin="0 10 0 0" />                        </StackPanel>    </Grid></Page>

WebView/Demo.xaml.cs

/* * WebView - 內嵌瀏覽器 *     Source - 導航到指定的 url *     Navigate() - 導航到指定的 url *     NavigateToString() - 解析指定的 html 字串 *     LoadCompleted - 在 DOM 載入完成後所觸發的事件 *     NavigationFailed - 導航發生錯誤時觸發的事件（事件參數：WebViewNavigationFailedEventArgs） *      * WebViewNavigationFailedEventArgs *     Uri - 嘗試導航到的 Uri *     WebErrorStatus - 錯誤狀態（Windows.Web.WebErrorStatus 枚舉） */    using System;using Windows.UI.Popups;using Windows.UI.Xaml;using Windows.UI.Xaml.Controls;    namespace XamlDemo.Controls.WebView{    public sealed partial class Demo : Page    {        public Demo()        {            this.InitializeComponent();        }            private void btnNavigateUrl_Click_1(object sender, RoutedEventArgs e)        {            // 導航到指定的 url            webView.Navigate(new Uri("http://webabcd.cnblogs.com/", UriKind.Absolute));            // webView.Source = new Uri("http://webabcd.cnblogs.com/", UriKind.Absolute);                // 導航失敗時            webView.NavigationFailed += webView_NavigationFailed;        }            async void webView_NavigationFailed(object sender, WebViewNavigationFailedEventArgs e)        {            await new MessageDialog(e.WebErrorStatus.ToString()).ShowAsync();        }            private void btnShowHtml_Click_1(object sender, RoutedEventArgs e)        {            // 解析指定的 html 字串            webView.NavigateToString("<html><body>I am webabcd</body></html>");        }            private void btnFullScreen_Click_1(object sender, RoutedEventArgs e)        {            var root = Window.Current.Content as Windows.UI.Xaml.Controls.Frame;            root.Navigate(typeof(XamlDemo.Controls.WebView.FullScreen));        }    }}

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More