5

我正在将我的应用程序从 WebKit 移植到 WebEngine（似乎一个更好地呈现 angular-basad html）。我遇到的问题是我无法启用 QtWebEngine 加载本地 iframe，尽管我已经设置了我发现的所有可能的设置：

来自 mainwindow.cpp 的代码

view->page()->settings()->setAttribute(QWebEngineSettings::LocalContentCanAccessFileUrls, true);
view->page()->settings()->setAttribute(QWebEngineSettings::LocalContentCanAccessRemoteUrls, true);
view->page()->settings()->setAttribute(QWebEngineSettings::LocalStorageEnabled, true);

view->settings()->setAttribute(QWebEngineSettings::LocalContentCanAccessFileUrls, true);
view->settings()->setAttribute(QWebEngineSettings::LocalContentCanAccessRemoteUrls, true);
view->settings()->setAttribute(QWebEngineSettings::LocalStorageEnabled, true);

最简单的示例是使用基于 WebEngine 的 FancyBrowser (\Examples\Qt-5.4\webenginewidgets\fancybrowser) 并尝试在其中加载本地 html 文件，如下所示：

索引.html：

<html>
<head>
    <title>Hi there</title>
</head>
<body>
    This is a page
    a simple page
    <iframe id="some_idrame" width="0" height="0" style="border: none" src="some_iframe.html" name="target" sandbox="allow-scripts"></iframe>
</body>
</html>

some_iframe.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>La-la-la</title>
</head>
<body>
    Lalala 
</body>
</html>

如果将环境变量 QTWEBENGINE_REMOTE_DEBUGGING 设置到某个端口，则可以打开 127.0.0.1:port 并在控制台中看到此错误： 

"Not allowed to load local resource".

我现在真的不知道如何解决这个问题......应该有一些方法可以传递给WebEngine，比如“--disable-web-security”......

谢谢你的帮助！

4

3 回答 3

1

如果需要通过 WebEngine 加载本地资源，则需要将--disable-web-security参数传递给 QApplication，例如：

char ARG_DISABLE_WEB_SECURITY[] = "--disable-web-security";
int newArgc = argc+1+1;
char** newArgv = new char*[newArgc];
for(int i=0; i<argc; i++) {
    newArgv[i] = argv[i];
}
newArgv[argc] = ARG_DISABLE_WEB_SECURITY;
newArgv[argc+1] = nullptr;

QApplication myApplication(newArgc, newArgv);
于 2018-06-08T15:58:02.860 回答
1

这个 Qt 论坛链接可以帮助你。您应该将参数传递给应用程序“--disable-web-security” https://forum.qt.io/topic/60691/not-allowed-to-load-local-resource-for-iframe-how-to-disable -网络安全/4

于 2016-01-27T10:16:20.110 回答
0

另一种选择是也从文件系统加载原始页面。我在从 Qt 的资源系统加载图像时遇到问题，所以我将 QWebEngineView 子类化并创建了这个函数：

void WebEngineView::setLocalHtml(const QString &html)
{
    if(html.isEmpty())
    {
        setHtml(QString());
        return;
    }

    // Save html to a local file
    QString filePath;
    {
        QTemporaryFile tempFile(QDir::toNativeSeparators(QDir::tempPath() + "/ehr_temp.XXXXXX.html"));
        tempFile.setAutoRemove(false);
        tempFile.open();
        QTextStream out(&tempFile);
        out << html;

        filePath = tempFile.fileName();
    }

    // delete the file after it has been loaded
    QMetaObject::Connection * const conn = new QMetaObject::Connection;
    *conn = connect(this, &WebEngineView::loadFinished, [filePath, conn](){
        disconnect(*conn);
        delete conn;

        QFile::remove(filePath);
    });

    load(QUrl::fromLocalFile(filePath));
}

由于主页也是一个本地文件，这解决了 CORS 安全问题。

于 2017-12-28T14:40:17.493 回答