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