如何通过 MVVM 在 WPF WebBrowser 控件上使用 Javascript

Question

我在 WPF4 上使用 MVVM 模式，尽管我对这两种模式都是新手。我正在寻找一个很好的解决方案来使用可以接收 Javascript 命令并与 ViewModel 通信的 WebBrowser 控件。它需要以下内容：

1. 能够从 Javascript 表单中收集值并将其返回给 ViewModel
2. 使用Javascript判断ReadyState之前
3. 运行 Javascript 命令（设置表单值、将表单值用于逻辑步骤、提交表单）一些会在多个页面加载时发生

正在处理的网站不受我的控制，无法编辑或更新。它大量使用 ActiveX，并且不接受非 IE 浏览器（Awesomium 将不起作用），因此标准的 WPF WebBrowser 控件可能是唯一的选择。

This question 提供了一种将浏览器控件的源与附加属性绑定的解决方案。我认为这可以适用于使用导航方法发送 javascript，但我不确定如何将值返回到 Viewmodel。这是我需要克服的主要障碍。

重度编辑 - 问题的浏览量很低，没有答案，完全改写了

Answer 1

如果您与网站开发人员合作为您的应用程序创建解决方案，那么您将使用ObjectForScripting 在 JavaScript 和应用程序之间进行通信。有一篇很好的文章here，还有一个可能有帮助的问题here。

但是，据我了解，该网站是一个任意第三方网站，与您的应用程序没有任何关联，您希望自动填写一些表单值并在您的代码中提交表单。

为此，您可以处理 WebBrowser 的 LoadCompleted 事件。当加载的文档readyState 更改为已完成时调用此方法。因此，您可以将此事件用作挂钩，然后设置/读取文档表单值。请注意，您需要在项目中添加对 Microsoft mshtml 的引用。

以下是一个 MVVM 样式 (PRISM) 命令，它允许事件使用行为直接绑定到 ViewModel。这相当于在代码隐藏中注册一个事件处理程序。

public ICommand LoadCompleted
{
    get
    {
        return new EventToCommandWithSender<NavigationEventArgs>(
            (s,e) => { 

               WebBrowser browser = (WebBrowser) sender;
               // false if nested frame
               if (e.IsNavigationInitiator)
               {
                   mshtml.IHTMLDocument2 doc = (mshtml.IHTMLDocument2)browser.Document;
                   // always completed
                   var readyState = doc.readyState;
                   // populate form
                   var name = doc.body.document.getElementById("username");
                   name.value = "@TheCodeKing";
                   // submit form
                   var submit = doc.body.document.getElementById("submit");
                   submit.Click();
                }
        });
    }
}

很遗憾，NavigationEventArgs 没有提供访问 HTML 文档或请求数据的方法。它确实包含一个WebRequest 属性，但这尚未实现，并且始终为空。在我的示例中，我假设了一个自定义的 EventToCommandWithSender 类，它在事件触发时提供发送者以及事件 ARG，但要获得对发送者的访问权限取决于您自己的实现。

Answer 2

我不知道为什么我以前从未想过，但解决方案似乎很简单。

不要在视图上使用<WebBrowser> 控件，而是使用<ContentControl> 并将其内容绑定到 ViewModel 中的 WebBrowser 属性。在 ViewModel 的构造函数中创建 WebBrowser，然后您可以将浏览器的导航事件（或 documentloaded）注册到 ViewModel 中的事件中。

来自 ViewModel 的完全浏览器控制！您甚至可以捕获用户事件，因为他们为导航页面所做的任何事情都将被捕获到您的 ViewModel 的导航事件中。