web-dev-qa-db-fra.com

Débogage QtWebEngine

Récemment, Qt a introduit le module QtWebEngine. Existe-t-il un moyen d'invoquer des outils de développement et de déboguer du code JavaScript dans QWebEngineView? C'était possible avec QWebView en utilisant 

page()->settings()->setAttribute(QWebSettings::DeveloperExtrasEnabled, true);

mais je n'ai trouvé aucune option similaire dans QWebEngineView.

19
Rem

Je viens de traverser cela alors je l'ai ajouté ici pour la postérité.

Il vient d'être ajouté à Qt 5.5 git. Vous devez l'activer via une variable d'environnement QTWEBENGINE_REMOTE_DEBUGGING=<port>. Vous pouvez mettre 0.0.0.0:<port> si vous procédez au débogage d'un périphérique intégré et que vous ne pouvez pas utiliser la console locale. Ensuite, vous pouvez pointer peut vous connecter à http://127.0.0.1 : pour obtenir le débogueur. Ce navigateur devra être basé sur le chrome. Devez-vous utiliser Chrome, ou bien vous pouvez utiliser l'exemple de "navigateur rapide nano" si vous le souhaitez.

17

Vous pouvez également intégrer Firebug Lite pour obtenir une console JavaScript et des inspecteurs.

Il suffit d'ajouter 

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

dans la page. Appuyez sur F12 pour visualiser la console Firebug.

9
Archie

De http://blog.qt.io/blog/2015/03/17/qt-5-5-alpha-available/ :

L'inspecteur distant peut être utilisé en définissant la variable env QTWEBENGINE_REMOTE_DEBUGGING ou en fournissant l'argument de ligne de commande –remote-debugging-port. Vous pouvez ensuite pointer un navigateur Sur le port spécifié et inspecter votre contenu Web.

1
Prasad Silva

regarde ça:

Les outils de développement Chromium permettent d’inspecter et de déboguer les problèmes de mise en page et de performances de tout contenu Web.

https://doc.qt.io/qt-5/qtwebengine-features.html#chromium-devtools

0
alonepig