当前位置: 代码迷 >> Web前端 >> windowsphone中WebBrowser中的页面按级回退效能
  详细解决方案

windowsphone中WebBrowser中的页面按级回退效能

热度:77   发布时间:2012-07-30 16:19:05.0
windowsphone中WebBrowser中的页面按级回退功能

在windowsphone应用开发中,我们会常用到WebBrowser这个控件。它可以浏览网页,并且可以在当前打开的网页中单击超级链接,继续打开新的网页。但是在操作中会存在这样一个问题,当按"Back"键希望返回前一个(上一级)网页时,程序会直接跳出当前的网页浏览器,直接返回到上一页面(客户端程序页面)。也就是说"Back"键会使程序返回程序的上一个PhoneApplicationPage,而不是WebBrowser中已打开过的前一个网页。

1.网页回退

我们普遍的做法会首先禁用掉Back键的功能,然后通过网页js的代码来实现网页的回退功能。在js有两种方法可以实现网页回退:

(1)Browser.InvokeScript( "eval" , "history.go(-1)" );

(2)Browser.InvokeScript( "eval" , "history.back()" );

2.退出网页/浏览器
上面的方法是不能使网页退出,而返回到上一级的程序页面的。那么在网页回到最初始页面时,是要启用Back的功能。为了在回退网页时禁用Back键,而在退出网页时启用Back,可以使用一个计数器来模拟打开的网页栈---
计数器初始化为1。打开新的网页时,计数器加一;回退网页时,计数器减一。当计数器记录为1时,此时按Back键可以实现网页的退出。

下面是简要代码:

using System;
using System.Windows.Navigation;
using Microsoft.Phone.Controls;

namespace CustomControls
{
    public partial class ClockPage : PhoneApplicationPage
    {
        #region Data Members

        // 用于点击打开网页(非back键操作引起的)次数的统计
        private int m_PageStackCount = 0;
        // 标志是否为按Back键引起的网页跳转
        private bool m_BackKey = false;

        #endregion

        #region Constructor

        public ClockPage()
        {
            InitializeComponent();
        }

        #endregion

        #region Protected Methods

        protected override void OnBackKeyPress(System.ComponentModel.CancelEventArgs e)
        {
            // 返回到上一级页面,此方法无法使网页退出,也就是最后只能退回到首页
            Browser.InvokeScript("eval", "history.back()");

            m_BackKey = true;

            if (m_PageStackCount > 1)
            {
                e.Cancel = true;
                m_PageStackCount -= 1;
            }
            else
            {
                // 退出网页
                e.Cancel = false;
            }
        }

        private void Browser_Navigated(object sender, NavigationEventArgs e)
        {
            if (m_BackKey == false)
            {
                m_PageStackCount += 1;               
            }
            else
            {
                m_BackKey = false;
            }
        }

        #endregion
    }
}


  相关解决方案