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" 打开开发者工具
相关推荐
Jane-6667774 小时前
C语言——栈与队列
c语言·开发语言
“抚琴”的人4 小时前
C# 取消机制(CancellationTokenSource/CancellationToken)
开发语言·c#·wpf·1024程序员节·取消机制
Halo_tjn4 小时前
Java Map集合
java·开发语言·计算机
lsx2024064 小时前
DOM 创建节点
开发语言
子伟-H55 小时前
App开发框架调研对比
前端
桃子不吃李子5 小时前
axios的二次封装
前端·学习·axios
richxu202510015 小时前
C语言<<超全.超重要>>知识点总结
c语言·开发语言
2501_916008895 小时前
用多工具组合把 iOS 混淆做成可复用的工程能力(iOS混淆|IPA加固|无源码混淆|Ipa Guard|Swift Shield)
android·开发语言·ios·小程序·uni-app·iphone·swift
胎粉仔5 小时前
Swift 初阶 —— inout 参数 & 数据独占问题
开发语言·ios·swift·1024程序员节
SteveJrong5 小时前
面试题 - JavaScript
前端·javascript·面试·ecmascript·基础·找工作·红宝书