qt框架,使用webEngine如何调试前端

解决 Qt 5.14.2 中启用开发者工具的问题

问题在于 Qt 5.14.2 中 QWebEngineSettings::DeveloperExtrasEnabled 属性已被弃用或更改。

正确启用开发者工具的完整方法(Qt 5.14.2)

1. 修改 main.cpp

复制代码
#include <QWebEngineView>
#include <QWebEngineSettings>
#include <QWebEnginePage>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    
    // 创建主窗口
    QMainWindow window;
    
    // 创建WebEngine视图
    QWebEngineView *webView = new QWebEngineView(&window);
    
    // 启用开发者工具 - Qt 5.14.2 正确方式
    QWebEnginePage *page = webView->page();
    
    // 方法2:启用远程调试(推荐)
    page->setDevToolsPage(page); // 关键设置
    
    // 设置WebChannel(如果使用)
    QWebChannel *channel = new QWebChannel(webView);
    channel->registerObject("backend", backend);
    page->setWebChannel(channel);
    
    // 加载HTML内容
    // ...
    
    return app.exec();
}

2. 设置环境变量(重要)

在代码开头添加环境变量设置:

复制代码
#include <QApplication>
#include <QProcessEnvironment>

int main(int argc, char *argv[])
{
    // 设置远程调试端口
    qputenv("QTWEBENGINE_REMOTE_DEBUGGING", "9222");
    
    QApplication app(argc, argv);
    // ...
}

3. 使用 Chrome 进行远程调试

  1. ​启动应用程序​

  2. ​打开 Chrome 浏览器​

  3. ​访问地址栏输入​

    复制代码
    chrome://inspect
  4. ​配置端口​

    • 点击 "Configure..."
    • 添加 localhost:9222
  5. ​开始调试​

    • 在 "Remote Target" 部分找到您的应用
    • 点击 "inspect" 打开开发者工具
相关推荐
TeleostNaCl4 分钟前
使用 jintellitype 库在 Java 程序中实现监听 Windows 全局快捷键(热键)
java·开发语言·windows·经验分享·kotlin·电脑
white-persist10 分钟前
Burp Suite模拟器抓包全攻略
前端·网络·安全·web安全·notepad++·原型模式
ObjectX前端实验室23 分钟前
【前端工程化】脚手架篇 - 模板引擎 & 动态依赖管理脚手架
前端
GISer_Jing30 分钟前
前端GIS篇——WebGIS、WebGL、Java后端篇
java·前端·webgl
盛世隐者36 分钟前
python包管理器——uv
开发语言·python·uv
excel38 分钟前
Vue3 EffectScope 源码解析与理解
前端·javascript·面试
细节控菜鸡1 小时前
【2025最新】ArcGIS for JS 实现地图卷帘效果
开发语言·javascript·arcgis
无敌最俊朗@1 小时前
如何把qt + opencv的库按需要拷贝到开发板
linux·qt
liulilittle2 小时前
网络编程基础算法剖析:从字节序转换到CIDR掩码计算
开发语言·网络·c++·算法·通信
代码村新手2 小时前
C语言-字符函数和字符串函数
c语言·开发语言