Qt+QWebengine浏览器框架项目前端调试

学习教程 2019-09-22 76次浏览 0个评论
文章目录[隐藏]

Qt+QWebengine 浏览器框架项目前端调试


前言

其实我做 QWebengine 项目差不多一年了,在做的过程中,难免会遇到调试的问题,在Qt中有 QDebug 可以调试,但是在使用 QWebengine 框架后就很难调试了。以下是我使用的过的调试方法,大家遇到类似问题可以参考。

1. JSON.stringify(data)-推荐

通过 JSON.stringify(data)方式, 其中 data 为你要打印的数据,这种方式是我常用的一种方式。

2. alert(data)

通过 alert(data)方式,其实这种方式是我最早开始用的方式,针对数据很少的情况适用,但是数据量大了就不行了,所以可以根据特点选用。

3. Qt 程序中添加 qputenv

这种方式我也是在网上看到的,具体没怎么用过,如果想用,可以根据下面的方式进行调试:

  • Qt 调用 QWebengine 的 cpp 顶部添加以下代码

qputenv("QTWEBENGINE_REMOTE_DEBUGGING", "9223");

  • 查看控制台信息

我的信息是:Remote debugging server started successfully. Try pointing a Chromium-based browser to http://127.0.0.1:9223

其中: http://127.0.0.1:9223 是调试的地址,在浏览器中输入调试地址,就可以调试前端代码了。

总结

在做 QWebengine 项目过程中,个人推荐还是先写静态的网页,然后模拟接口,最后再嵌入QtQWebengine 程序中,再用真是的数据调试,切记更改的时候最好先在模拟的静态网页上改,如果时间比较赶就看个人喜好了。QWebengine 中其实还有许多坑,下次再分享吧。

喜欢 (11)