QWebEngine和QWebChannel:页面重新加载后传输对象`qt.webChannelTransport`消失了

Ole*_*zan 2 javascript c++ sockets qt qtwebengine

我在我的应用程序之间创建了一个Web通道WebEngine,以便QObject在JavaScript中暴露在Web端,但是在页面重新加载后或者如果我单击链接到另一个页面时,通道会丢失.

我想我需要在页面重新加载时重新创建频道,但我没有设法做到这一点.我尝试在页面加载,进度和完成的插槽上执行此操作但只得到了js: Uncaught ReferenceError: qt is not defined.

<!-- language: lang-cpp -->
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    ui->webEngineWidget->load(QUrl("qrc:/index.html"));
    page = ui->webEngineWidget->page();

    channel = new QWebChannel;
    channel->registerObject("external", &exposedObject);
    page->setWebChannel(channel);

    connect(page, &QWebEnginePage::loadStarted, this, &MainWindow::onPageLoadStarted);
    connect(page, &QWebEnginePage::loadProgress, this, &MainWindow::onPageLoadProgress);
    connect(page, &QWebEnginePage::loadFinished, this, &MainWindow::onPageLoadFinished);
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::onPageLoadStarted()
{
    qDebug() << "Loading started";
}

void MainWindow::onPageLoadProgress(int progress)
{
    qDebug() << "Loading in progress: " << progress;
}

void MainWindow::onPageLoadFinished()
{
    qDebug() << "Loading finished";
}
Run Code Online (Sandbox Code Playgroud)

使用qwebchannel.js以下命令在页面侧创建频道:

<h1>Page</h1>
<a href="other.html">Other Page</a>

<script type="text/javascript" src="qrc:///qtwebchannel/qwebchannel.js"></script>
<script>

var webChannel = new QWebChannel(qt.webChannelTransport, function(channel){
    window.external = channel.objects.external;
});

</script>
Run Code Online (Sandbox Code Playgroud)

该示例的完整代码如下:https://github.com/DanmerZ/QWebChannels-example

视频:https://monosnap.com/file/ZTOgj1QH06VRVF3ogmXln07eOVXXCW

PS此错误仅适用于Qt5.7,我检查了Qt5.6.1并且通道工作正常. https://bugreports.qt.io/browse/QTBUG-52209?jql=text%20~%20%22QWebChannel%20reload%22