Bildschirmobjekt in JavaScript nicht verfügbar in einer QWebEnginePage

Question

Ich habe eine Qt-Anwendung, die Webviews mit QWebChannel startet.

In diesen Ansichten habe ich das JavaScript einige Sachen tun, um das Fenster abhängig von der Bildschirmgröße zu positionieren/Größe zu ändern. Das screen Objekt soll diese Art von Information geben. (screen doc)

Aber in meinem QWebEnginePage ist das Bildschirmobjekt während des gesamten Ladevorgangs leer.

Wenn ich einen Listener auf eine Schaltfläche setzen, um screen.height irgendwo auf der Seite zu bekommen, funktioniert es jetzt.

//js local file called in html head 

//screen = {} 
document.addEventListener("load", function(event) { 
    //screen = {} 
    new QWebChannel(qt.webChannelTransport, function(channel) { 
    //screen = {} 
    //stuff 
    channel.object.myClass.show(function(res){ //Qt function that calls the show() method of the QWebEngineView 
     //screen = {} 
    }); 

    }); 

    document.getElementById("myBtn").addEventListener("click", function(){ 
    console.log("height:" + screen.height); // screen: 1440 
    }); 
}); 

Also meine Frage ist, wie kann ich auf screen Werte an einem gewissen Punkt in meinem JavaScript?

Answer 1

Ich denke, dass Sie im Moment versuchen, auf Ihre screen Objekt zugreifen, ist es nicht verfügbar. Tatsächlich wird Ihre HTML-Datei direkt geladen, aber andere Objekte wie JavaScript-Objekte/Programme oder Stylesheets (z. B. CSS-Dateien) werden asynchron geladen.

Es wird in der Dokumentation von QWebEnginePage erklärt:

Die html sofort geladen wird; Externe Objekte werden asynchron geladen.

Während Ihre Seite nicht geladen ist, können Sie nicht auf diese Eigenschaft zugreifen. Sie können jedoch darauf zugreifen, sobald die Seite geladen ist, so wie Sie es tatsächlich mit einem Listener auf einer Schaltfläche tun. Eine andere Möglichkeit, diese Eigenschaften zu erhalten, besteht darin, Q_INVOKABLE Methoden in Ihrer Klasse zu definieren, um sie auf der C++ Seite (see this answer) abzurufen.