atelier:mitsuba

i love UI/UX, Blend, XAML, Behavior, P5, oF, Web, Tangible Bits and Physical computing. なにかあればお気軽にご連絡ください。atelier@c-mitsuba.com

その16:WebViewに現在表示されているURLを取得する

Windows 8 Developer Previewなので正式版とは異なる場合があります。
また、Windows Updateが走るときもあるため、エントリ執筆現在の情報をもとにかいています。


Windows Phoneでは、現在表示されているURLは以下のように取得することができます。

WebBrowser.Source;

しかしMetroStyleAppsでは、最初に表示されたSourceのみ取得することができ、この値が更新されません。

おそらくバグですね!

そのため、WebViewの機能にある、JSを使ったInvokeで取得します。
挙動としてはこんな感じ。
TextBlockをTapして値を更新します。

ちゃんとgoogle.comが表示されます。

しかし画面遷移しても、Sourceでひっぱった方は値がかわりません。


MainPage.xaml

<UserControl x:Class="Application21.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="768" d:DesignWidth="1366">
    
    <Grid x:Name="LayoutRoot" Background="#FF0C0C0C">
        <StackPanel>
            <TextBlock Text="WebView.Source" Height="100" x:Name="tbs" FontSize="20" Tapped="tbs_Tapped"></TextBlock>
            <WebView Height="400" x:Name="wv" Source="http://google.com"></WebView>
            <TextBlock Text="JSInvoke" Height="100" x:Name="tbj" FontSize="20" Tapped="tbj_Tapped"></TextBlock>
        </StackPanel>
    </Grid>
    
</UserControl>


MainPage.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Windows.Foundation;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Data;

namespace Application21
{
    partial class MainPage
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void tbs_Tapped(object sender, Windows.UI.Xaml.Input.TappedEventArgs e)
        {
           tbs.Text = wv.Source.ToString();
        }

        private void tbj_Tapped(object sender, Windows.UI.Xaml.Input.TappedEventArgs e)
        {
            var url = wv.InvokeScript("eval", new String[] { "(function(){return location.href})();" });
            tbj.Text = url.ToString();
        }
    }
}