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

文章目录[隐藏]

• 前言
• 1. JSON.stringify(data)-推荐
• 2. alert(data)
• 3. Qt 程序中添加 qputenv
• 总结

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 中其实还有许多坑，下次再分享吧。