Question

我的页面中有WebBrowser：

<WebBrowser HorizontalAlignment="Stretch" Name="Browser"
            VerticalAlignment="Stretch" Grid.Column="1"/>

现在我加载页面后，我想要注入一个JavaScript代码：

var doc = (HTMLDocument)Browser.Document;
var head = doc.getElementsByTagName("head").Cast<HTMLHeadElement>().First();
var script = (IHTMLScriptElement)doc.createElement("script");
script.text = MYSCRIPTCODE;
head.appendChild((IHTMLDOMNode)script);

在MYSCRIPTCODE我有这个功能：

function checkSomething() {

    try{
           var xhr = new XMLHttpRequest();
           var url = 'weburl';
           xhr.open("GET", url, true);
           xhr.onreadystatechange = function () {
           //Somecode
           }

           xhr.send();
    } catch {

    }
}

我用它来运行：

Browser.InvokeScript("checkSomething");

这是完美的工作并且没有任何问题地运行脚本。

我有另一个状态，我将本地html文件加载到浏览器：

Uri uri = new Uri(AppDomain.CurrentDomain.BaseDirectory + @"OfflinePage.html");
Browser.Navigate(uri);

当我想用它运行时：

Browser.InvokeScript("checkSomething");

脚本中的这一行获得异常 - 权限被拒绝：

xhr.open("GET", url, true);

知道为什么会这样吗？为什么它在我从网页加载的页面中工作，并且不能在本地html中工作？

Answer 1

您的初始页面OfflinePage.html来自本地文件系统，而您的XHR URL是网址。 WebBrowser禁止将此作为跨域安全限制。您可以使用XDomainRequest来解决问题，但Web服务器应通过在响应中包含Access-Control-Allow-Origin: * HTTP标头来明确同意跨域请求。有关HTTP访问控制（CORS）here的更多信息。

Wpf WebBrowser加载javascript

1 个答案: