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 }}