为 WebBrowser 控件添加后退和前进按钮

Question

我在页面中有一个 WebBrowser 元素，我想向其中添加后退和前进按钮，并在没有可返回和前进的内容时禁用这些按钮。

在 Cocoa 中，UIWebView 有方法可以轻松检查：canGoBack 和 canGoForward，并且您可以使用 goBack 和 goForward 方法（以及重新加载等。）

Android 具有完全相同的方法名称来实现相同的目的。

我看到这些方法在 .Net 4 和 3.5 SP1 中可用。

我找到了一些关于在 Silverlight 中使用 javascript 命令的参考资料，但我发现这非常麻烦，而且没有办法检测历史记录中是否有任何内容（当然，除非我自己管理它）

当然，Windows 中有一些更高级的东西电话 ..

Answer 1

这就是我最终的做法。

这假设您已经设置了 backButton 和 forwardButton；这些按钮的状态将根据您在导航堆栈中的位置进行相应更新。

webView 是 WebBrowser 对象

List<Uri> HistoryStack;
int HistoryStack_Index;
bool fromHistory;

// Constructor
public HelpView()
{
    InitializeComponent();
    HistoryStack = new List<Uri>();
    HistoryStack_Index = 0;
    fromHistory = false;
    webView.Navigated += new EventHandler<System.Windows.Navigation.NavigationEventArgs>(WebView_Navigated);
    UpdateNavButtons();
}

private void backButton_Click(object sender, RoutedEventArgs e)
{
    if (HistoryStack_Index > 1)
    {
        HistoryStack_Index--;
        fromHistory = true;
        webView.Navigate(HistoryStack[HistoryStack_Index-1]);
        updateNavButtons();
    }
}

private void forwardButton_Click(object sender, RoutedEventArgs e)
{
    if (HistoryStack_Index < HistoryStack.Count)
    {
        HistoryStack_Index++;
        fromHistory = true;
        webView.Navigate(HistoryStack[HistoryStack_Index-1]);
        UpdateNavButtons();
    }
}

private void UpdateNavButtons()
{
    this.backButton.IsEnabled = HistoryStack_Index > 1;
    this.forwardButton.IsEnabled = HistoryStack_Index < HistoryStack.Count;
}

private void WebView_Navigated(object sender, System.Windows.Navigation.NavigationEventArgs e)
{
    if (!fromHistory)
    {
        if (HistoryStack_Index < HistoryStack.Count)
        {
            HistoryStack.RemoveRange(HistoryStack_Index, HistoryStack.Count - HistoryStack_Index);
        }

        HistoryStack.Add(e.Uri);
        HistoryStack_Index++;
        UpdateNavButtons();
    }

    fromHistory = false;
}

Answer 2

我在包含网络浏览器的应用程序之一的页面的应用程序栏中添加了一个后退按钮。我希望应用栏中的后退按钮能够向后导航网页，并希望硬件后退按钮能够转到上一个 xaml 页面。这样，用户无需使用硬件后退按钮向后导航浏览器中所有访问过的网页即可返回到先前的 xaml 页面。这是我的做法，您可以轻松地设置前向堆栈，当用户单击后退（应用程序栏）按钮时，页面会从该堆栈弹出并被推送到前向堆栈。

        private void NavigateWeb()
        {
              if (!loaded)
              {
                    NavigationStack.Clear();
                    try
                    {
                          Web.Source = new Uri("http://m.weightwatchers.com/");
                          loaded = true;
                    }
                    catch (Exception ex)
                    {
                          MessageBox.Show("Unable to navigate to page.\n" + ex.Message,
                                "Error", MessageBoxButton.OK);
                    }
              }
        }

        void Web_Navigated(object sender, System.Windows.Navigation.NavigationEventArgs e)
        {
              NavigationStack.Push(e.Uri);
        }


        void btnBack_Click(object sender, EventArgs e)
        {
              if (NavigationStack.Count > 2)
              {
                    // get rid of the topmost item...
                    NavigationStack.Pop();
                    // now navigate to the next topmost item
                    // note that this is another Pop - as when the navigate occurs a Push() will happen
                    Web.Navigate(NavigationStack.Pop());
              }
        }

我检查 NavigationStack.Count > 的原因是2 是我在网络浏览器中显示的特定网页始终以首页上的“单击此处继续”链接开头，并且没有理由返回到那里。这就是在您的网络浏览器中显示其他人的网站的缺点 - 您无法控制显示的内容。

Answer 3

对于 javascript 解决方案，它正在执行类似以下操作：

    private void backButton_Click(object sender, RoutedEventArgs e)
    {
        try
        {
            webView.InvokeScript("eval", "history.go(-1);");
        }
        catch
        {
            // Eat error
        }

    }

    private void forwardButton_Click(object sender, RoutedEventArgs e)
    {
        try
        {
            webView.InvokeScript("eval", "history.go(1);");
        }
        catch
        {
            // Eat error
        }
    }

将 WebBrowser 元素的 IsScriptingEnabled 设置为 true。
然而，这总是会生成错误 80020006 的异常。我读了各种关于 DOCTYPE 如何成为罪魁祸首、系统缓存或在内容加载后设置 IsScriptEnabled 的帖子...它从来没有工作过...