解決 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 進行遠程調試
- ??啟動應用程序??
- ??打開 Chrome 瀏覽器??
- ??訪問地址欄輸入??:
chrome://inspect
- ??配置端口??:
- 點擊 "Configure..."
- 添加
localhost:9222
- ??開始調試??:
- 在 "Remote Target" 部分找到您的應用
- 點擊 "inspect" 打開開發者工具