如何检测 WebBrowser 控件中的 Javascript 执行

Question

我的 C# 应用程序中有一个 WebBrowser 控件。网络浏览器在用户的控制之下，即他可以在网络上加载他的电脑可以访问的任何网页（当然受限于代理、hosts文件等）。

当网页浏览器组件中加载的页面内有 Javascript 调用时，我需要知道并得到通知。

第一个例子：给定这样的链接

<a href="javascript:void(0)" onclick="jsFunct();">test</a>

当用户点击链接时，我需要知道函数“jsFunct”已被调用。

第二个例子：给定一个电话

<script type="text/javascript">
    window.setTimeout("jsFunct()", 1000);
</script>

我需要知道，脚本执行后1秒，函数jsFunct已经被调用。

最好的办法是在函数被调用时触发一个事件。如果事件可以执行 Javascript 代码，或者至少是参数中的函数名，那也很棒。

编辑：

即使问题与 webbrowser 组件有关，任何允许用户检测 javascript 激活（甚至通过 js）的东西都可以，能够注入处理 javascript 事件并将其传递给 wb 控件的 js触发一些它可以处理的事件。

Answer 1

当在 JavaScript 中触发全局函数时，您可以使用 window.external 调用 C# 方法。有关 window.external 的详细信息，请参阅WebBrowser Control Overview。

您需要设置 ObjectForScripting: Webbrowser control's window.external is ALWAYS null. 才能使其工作。

采用@Krishna 的回答来添加 JavaScript（但删除 jQuery，因为它不需要）：

private void addScript(HtmlElement head, string scriptSource) 
{ 
HtmlElement lhe_script = head.Document.CreateElement("script"); 
IHTMLScriptElement script = (IHTMLScriptElement)lhe_script.DomElement; 
script.src = scriptSource;
head.AppendChild(lhe_script);            
} 

addScript(WebBrowser.Head, @"InjectMonitor.js");

下面的 JavaScript (InjectMonitor.js) 将查找所有全局函数并附加您指定的处理程序：

function augment(withFn) {
    var name, fn;
    for (name in window) {
        fn = window[name];
        if (typeof fn === 'function') {
            window[name] = (function(name, fn) {
                var args = arguments;
                return function() {
                    withFn.apply(this, args);
                    fn.apply(this, arguments);

                };
            })(name, fn);
        }
    }
}

augment(function(name, fn) {
    console.log("calling " + name, fn);

    // window.external.yourC#method
});

在这个例子中，取自Adding Console Log to Every Function，它只是记录对控制台的调用；但是使用 window.external 您可以将一些消息发送回您的 C# 应用程序，其中包含从客户端调用的函数的详细信息。

最后，这是一个 JS Bin 示例（运行它，不要忘记控制台）：JS Bin Example

Answer 2

在浏览器加载事件上，

1. 注入 Jquery
2. 注入监控脚本

，

private void addScript(HtmlElement head, string scriptSource) 
{ 
HtmlElement lhe_script = head.Document.CreateElement("script"); 
IHTMLScriptElement script = (IHTMLScriptElement)lhe_script.DomElement; 
script.src = scriptSource;
head.AppendChild(lhe_script);            
} 

addScript(Webbrowser.Head, @"<Change File Path here>jquery.min.js");
addScript(WebBrowser.Head, @"InjectMonitor.js");

您的文件 InjectMonitor.js 应该是这样的

 $(document).ready(function () { 
        //Add click event for every anchor on the page loaded- note this merely alerts text on click. you can however add your own function
        $("a").click(function (e) { alert($(this).text()); return false;}) 
    }); 

Answer 3

克里希纳回答的是纯 javascript 附加到事件，但是我看到您可能需要将它附加到所有标签（a、p、div、输入）等以及附加到每个标签的所有事件.

我相信另一种方法是使用 .net 中可用的 BHO（浏览器帮助对象），如果没有，并且您擅长 VC++ 和 MFC，您也可以使用 Windows Hooks。