黃忠成

MainPage.xaml

 <phone:PhoneApplicationPage

    x:Class="DetectTelTag.MainPage"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"

    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"d:DesignWidth="480"d:DesignHeight="768"

    FontFamily="{StaticResourcePhoneFontFamilyNormal}"

    FontSize="{StaticResourcePhoneFontSizeNormal}"

    Foreground="{StaticResourcePhoneForegroundBrush}"

    SupportedOrientations="Portrait"Orientation="Portrait"

    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->

    <Gridx:Name="LayoutRoot"Background="Transparent">

        <Grid.RowDefinitions>

            <RowDefinitionHeight="Auto"/>

            <RowDefinitionHeight="*"/>

        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->

        <StackPanelx:Name="TitlePanel"Grid.Row="0"Margin="12,17,0,28">

            <TextBlockx:Name="ApplicationTitle"Text="MY APPLICATION"Style="{StaticResourcePhoneTextNormalStyle}"/>

            <TextBlockx:Name="PageTitle"Text="Maps"Margin="9,-7,0,0"Style="{StaticResourcePhoneTextTitle1Style}"/>

        </StackPanel>

        <!--ContentPanel - place additional content here-->

        <Gridx:Name="ContentPanel"Grid.Row="1"Margin="12,0,12,0">

            <phone:WebBrowserHorizontalAlignment="Left" Name="webBrowser1"VerticalAlignment="Top"Height="537"Width="456"Margin="0,64,0,0"LoadCompleted="webBrowser1_LoadCompleted"/>

            <ButtonContent="Go"Height="72"HorizontalAlignment="Left"Name="button1"VerticalAlignment="Top"Width="160"Click="button1_Click" />

        </Grid>

    </Grid>

</phone:PhoneApplicationPage>

MainPage.xaml.cs

				using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using Microsoft.Phone.Controls;

using Microsoft.Phone.Tasks;

using System.Windows.Threading;

 

namespace DetectTelTag

{

    public partial class MainPage : PhoneApplicationPage

    {

        DispatcherTimer _timer = new DispatcherTimer();

 

        // Constructor

        public MainPage()

        {

            InitializeComponent();

            _timer.Tick += (s, args) =>

            {

                try

                {

                    //呼叫DetectActiveTel來偵測使用者是否有按下某個tel連結

                    string para = (string)webBrowser1.InvokeScript("DetectActiveTel");

                    if (!string.IsNullOrEmpty(para))

                    {

                        //使用者按下了tel連結,啟動撥號

                        string[] parameters = para.Split(';');

                        PhoneCallTask task = new PhoneCallTask();

                        task.PhoneNumber = parameters[0];

                        task.DisplayName = parameters[1];

                        task.Show();

                    }

                }

                catch (Exception)

                {

                }

            };

            _timer.Interval = TimeSpan.FromSeconds(1);

        }

 

        private void button1_Click(object sender, RoutedEventArgs e)

        {

            //必須在Navigate前,設定IsScriptEntabled為true才能使用InvokeScript

            webBrowser1.IsScriptEnabled = true;

            webBrowser1.Navigate(

newUri("http://maps.google.com.tw/?q=Taipei%20101", UriKind.Absolute));

        }

 

        //此事件發生於網頁載入後

        private void webBrowser1_LoadCompleted(object sender,

System.Windows.Navigation.NavigationEventArgs e)

        {

            try

            {

                //Script Injection

                webBrowser1.InvokeScript("eval",

@"window.currentActiveTel = '';

window.currentActiveName = '';

 

window.DetectActiveTel=function() {

    if (window.currentActiveTel != '') {

        var result = window.currentActiveTel + ';' + window.currentActiveName;

        window.currentActiveTel = '';

        window.currentActiveName = '';

        return result;

    }

}

 

window.ReactiveTelTag=function() {

    var elem = event.srcElement;

    if (elem.getAttribute('tel') != null) {

        currentActiveTel = elem.getAttribute('tel');

        currentActiveName = elem.innerHTML;

    }

    return false;

}

 

window.ScanTelTag=function(elem) {

    if (elem.getAttribute('href') != null && elem.getAttribute('href').indexOf('tel:') == 0) {

        var tel = elem.getAttribute('href').substring(4);

        elem.setAttribute('href', '#');

        elem.setAttribute('tel', tel);

        elem.attachEvent('onclick', ReactiveTelTag);

    }

}

 

window.Initialize=function() {

    var elems = document.getElementsByTagName('a');

    for (var i = 0; i < elems.length; i++)

        ScanTelTag(elems[i]);

}");

                //初始化

                webBrowser1.InvokeScript("Initialize");

                //啟動偵測連結按下的Timer

                _timer.Start();

            }

            catch (Exception)

            {

            }

        }

    }

}