3

编辑：这不是重复的。链接的问题处理一个 CORS 安全问题，其中浏览器不允许您从不同来源加载脚本。我的问题与基本资源加载方案（file:///vsqrc:/）有关。

我正在尝试使用该file:///方案在 QWebEngineView 中加载本地 html 文档。html 文件还引用了本地存储的 jquery 库。加载页面的代码如下：

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    MainWindow w;

    // center window on desktop
    w.setGeometry(QStyle::alignedRect(
                      Qt::LeftToRight,
                      Qt::AlignCenter,
                      w.size(),
                      a.desktop()->availableGeometry()
                      ));

    // Add WebEngineView
    QWebEngineView* view = new QWebEngineView;
    QWebEngineSettings* settings = view->settings();
    settings->setAttribute(QWebEngineSettings::LocalContentCanAccessFileUrls, true);
    settings->setAttribute(QWebEngineSettings::LocalContentCanAccessRemoteUrls,true);

    view->setUrl(QUrl(QStringLiteral("file:///app/ui/main.html")));

    // Make it the one and only widget
    w.setCentralWidget(view);

    w.show();

    return a.exec();
}

接下来是简约的 html 文档：

<html>
<head>
<script src="libs/jquery-3.2.1.min.js"/>
</head>
<body>
<h2>Hello World</h2>
<script>
$(function() {
  alert('loaded');
});
</script>
</body>
</html>

文档加载正常，但 JavaScript 失败并出现以下错误：

js: Not allowed to load local resource

无论如何，如何强制 QWebEngineView 加载和执行脚本？

编辑：我按照@eyllanesc 的建议进行操作，并将我的所有文件添加为 qrc 资源。现在效果很好。

这是更新后的源代码（注意 C++ 和 HTML 代码中对 qrc 资源的引用）：

#include "mainwindow.h"
#include <QApplication>
#include <QWebEngineView>
#include <QStyle>
#include <QDesktopWidget>
#include <QWebEngineSettings>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    MainWindow w;

    // center window on desktop
    w.setGeometry(QStyle::alignedRect(
                      Qt::LeftToRight,
                      Qt::AlignCenter,
                      w.size(),
                      a.desktop()->availableGeometry()
                      ));

    // Add WebEngineView
    QWebEngineView* view = new QWebEngineView;
    QWebEngineSettings* settings = view->settings();

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

    view->setUrl(QUrl("qrc:/ui/main.html"));

    // Make it the one and only widget
    w.setCentralWidget(view);

    w.show();

    return a.exec();
}

以及对应的html文件：

<html>
<head>
  <script src="qrc:/ui/libs/jquery-3.2.1.min.js"></script>
</head>
<body>
<h2>Hello World</h2>
<script>
$(function() {
    alert( "Document ready!" );
});
</script>
</body>
</html>
4

2 回答 2

2

如果我们放置相对路径，这些将始终是相对于可执行文件的路由，因此有必要确保该路由存在。

似乎很奇怪，我没有识别出一个简单的 .js，因为我使用过很多都没有问题，但我将静态（html、js、css 等）放在资源 .qrc 中，因为这将是可执行文件的一部分，因此它路线永远不会改变。

于 2017-08-28T10:21:22.847 回答
1

如果您需要加载本地资源，那么您只需将--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:55:56.423 回答