問題描述

我正在使用新的 WebEngine 來玩耍和學習.我一直試圖找到一些使用 Qt WebKit 找到的類似方法:addToJavaScriptWindowObject()

I'm using the new WebEngine to play around and learn. I've been trying to find some similar methods found using Qt WebKit: addToJavaScriptWindowObject()

我發現使用 Qt WebEngine 時，必須使用 QWebChannel 將函數注冊到 JavaScript 窗口對象.如果這是正確的，那么我將回答以下問題.

I found that using Qt WebEngine, I have to use the QWebChannel to register functions to the JavaScript window object. If this is correct, it takes me to the following question.

我已經在我的電腦上安裝了 Qt 5.4.0.我注意到 qwebchannel.js 在我電腦上安裝的 SDK 中沒有找到.我在 Git 源碼上找到的.

I've installed Qt 5.4.0 on my computer. I noticed that qwebchannel.js is not found in the SDK installed on my computer. I found it on the Git source.

如果我有一個帶有 QWebEnginePage 和 QWebEngineView 的 Qt 本機桌面應用程序，我需要什么才能在 JavaScript 窗口對象上注冊函數?

If I have a Qt native desktop application with a QWebEnginePage and QWebEngineView, what do I need to be able to register functions on the JavaScript window object?

我的桌面應用程序會自動導航到我創建的 http 頁面.所以我可以訪問連接到 QWebEngineView 的內容.

My desktop application navigates automatically to a http page that I have created. So I have access to the content connected to the QWebEngineView.

需要采取哪些步驟才能完成這項工作?

What are the steps to take so I can make this work?

推薦答案

在 Qt5.6 中，如果想讓 C++ 部分和 JavaScript 進行通信，唯一的方法就是使用 QWebChannel 在 QWebEngineView，如您所說.你在 .cpp 文件中這樣做:

In Qt5.6, if you want to make C++ part and JavaScript to communicate, the only way to do it is using QWebChannel on a QWebEngineView, as you stated. You do it this way in the .cpp file:

m_pView = new QWebEngineView(this);
QWebChannel * channel = new QWebChannel(page);
m_pView->page()->setWebChannel(channel);
channel->registerObject(QString("TheNameOfTheObjectUsed"), this);

在這里，您只是說您注冊了一個名為 TheNameOfTheObjectUsed 的對象，該對象將在 JS 端可用.現在，這是在 JS 端使用的代碼部分:

Here, you just say that you register an object named TheNameOfTheObjectUsed that will be available on the JS side. Now, this is the part of code to use in the JS side :

new QWebChannel(qt.webChannelTransport, function (channel) {
            // now you retrieve your object
            var JSobject = channel.objects.TheNameOfTheObjectUsed;
        });

現在，如果你想在 JS 端檢索類的一些屬性，你需要在 C++ 端有一個方法，它返回一個字符串，一個整數，一個長......這是它的樣子C++ 端，在你的 .h 中:

Now, if you want to retrieve some properties of the class in the JS side, you need to have a method on the C++ side which returns a string, an integer, a long... This is what it looks like on the C++ side, in your .h:

Q_INVOKABLE int getInt();
Q_PROPERTY(int myIntInCppSide READ getInt);

現在，你在 JS 端得到這樣的 int :

And now, you get the int like this on the JS side :

var myIntInJSside= JSobject.myIntInCppSide;

這是一個非常簡單的解釋，我建議您觀看這個視頻對我很有用.此外，您可能想了解更多關于 QWebChannel 提供的 JavaScript API，以及有關 QWebChannel 的文檔.

This is a very simple explanation, and I recommend you to watch this video which was very useful to me. Also, you might want to read more about the JavaScript API provided by QWebChannel, as well as the documentation about QWebChannel.

希望有幫助！

這篇關于如何使用 Qt WebEngine 和 QWebChannel?的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！