本文介绍如何调试嵌入 Pyqt5 中的 QwebEngine 。

环境

  • Python 3.6.5
  • pyqt5 5.15.6
  • pyqtwebengine 5.15.5
  • huza 0.2.14

步骤

添加启动命令

在启动的文件后面加入 --remote-debugging-port=8081

端口可以自己指定

打开网页

在chrome或者edge 中打开 http://127.0.0.1:8081/ 。如下图所示

点击按钮

点击 demo 就可以进入到调试界面。如下图

在JS中添加日志信息

1
2
3
4
5
6
7
8
var name_input = document.getElementById("name");
var age_input = document.getElementById("age");

var jsdata = {
    'name': name_input.value,
    'age': age_input.value,
}
console.log(jsdata);

输出如下：

参考

  1. Qt WebEngine Debugging and Profiling