1.QWebEngineView简介

PyQt5中QWebEngineView用于显示 Web 内容（如 HTML 页面），它基于 Chromium 内核实现，可以在应用程序中嵌入浏览器功能。

2.QWebEngineView案例

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QVBoxLayout, QWidget, QLineEdit, QPushButton, QHBoxLayout
from PyQt5.QtWebEngineWidgets import QWebEngineView, QWebEngineSettings
from PyQt5.QtCore import QUrl,Qt

class BrowserWindow(QMainWindow):
    def __init__(self):
        super().__init__()

        self.setWindowTitle("PyQt5 Web Browser")
        self.resize(1920, 1080)

        # 创建 QWebEngineView 对象
        self.browser = QWebEngineView()
        
        settings = self.browser.settings()
        settings.setAttribute(QWebEngineSettings.JavascriptEnabled, True)

        # 创建地址栏
        self.url_bar = QLineEdit()
        self.url_bar.returnPressed.connect(self.navigate_to_url)

        # 创建导航按钮
        self.back_button = QPushButton("<")
        self.back_button.clicked.connect(self.browser.back)

        self.forward_button = QPushButton(">")
        self.forward_button.clicked.connect(self.browser.forward)

        self.reload_button = QPushButton("Reload")
        self.reload_button.clicked.connect(self.browser.reload)

        # 创建导航栏布局
        nav_bar = QHBoxLayout()
        nav_bar.addWidget(self.back_button)
        nav_bar.addWidget(self.forward_button)
        nav_bar.addWidget(self.reload_button)
        nav_bar.addWidget(self.url_bar)

        # 主布局
        layout = QVBoxLayout()
        layout.addLayout(nav_bar)
        layout.addWidget(self.browser)

        container = QWidget()
        container.setLayout(layout)
        self.setCentralWidget(container)

        # 加载默认页面
        self.browser.setUrl(QUrl("https://www.baidu.com"))
        self.browser.urlChanged.connect(self.update_url_bar)

    def navigate_to_url(self):
        url = self.url_bar.text()
        self.browser.setUrl(QUrl(url))

    def update_url_bar(self, url):
        self.url_bar.setText(url.toString())

if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = BrowserWindow()
    window.show()
    sys.exit(app.exec_())

3.运行结果

4.常用方法

• QWebEngineSettings.WebAttribute 枚举类型：

0. QWebEngineSettings.JavascriptEnabled
1. 功能: 启用或禁用 JavaScript 。
2. 默认值: 启用 (True)。
3. 用途: 网页通常依赖 JavaScript 来实现动态功能，禁用后可能导致某些网页功能失效。
4. QWebEngineSettings.JavascriptCanOpenWindows
5. 功能: 允许或禁止 JavaScript 打开新窗口（如通过 window.open()）。
6. 默认值: 禁用 (False)。
7. 用途: 控制页面中是否允许弹出窗口行为。
8. QWebEngineSettings.JavascriptCanAccessClipboard
9. 功能: 允许或禁止 JavaScript 访问剪贴板。
10. 默认值: 禁用 (False)。
11. 用途: 控制 JavaScript 是否可以读取或写入用户剪贴板（例如复制粘贴操作）。
12. QWebEngineSettings.LocalStorageEnabled
13. 功能: 启用或禁用 HTML5 本地存储。
14. 默认值: 启用 (True)。
15. 用途: 一些 Web 应用使用本地存储来存储数据，禁用此属性可能会影响某些功能。
16. QWebEngineSettings.PluginsEnabled
17. 功能: 启用或禁用插件支持（如 Flash 插件）。
18. 默认值: 禁用 (False)。
19. 用途: 网页插件的使用越来越少，但某些旧网站仍可能依赖 Flash 等插件。
20. QWebEngineSettings.FullScreenSupportEnabled
21. 功能: 启用或禁用全屏支持。
22. 默认值: 禁用 (False)。
23. 用途: 允许页面进入全屏模式。
24. QWebEngineSettings.ScrollAnimatorEnabled
25. 功能: 启用或禁用平滑滚动。
26. 默认值: 启用 (True)。
27. 用途: 提供页面的平滑滚动效果，禁用后滚动行为变得更生硬。
28. QWebEngineSettings.AutoLoadImages
29. 功能: 启用或禁用图像的自动加载。
30. 默认值: 启用 (True)。
31. 用途: 控制页面是否自动加载图片，禁用后图片将不会显示。
32. QWebEngineSettings.TouchIconsEnabled
33. 功能: 启用或禁用触摸图标的加载。
34. 默认值: 启用 (True)。
35. 用途: 允许网站加载特定的触摸图标（通常用于移动设备上的书签）。
36. QWebEngineSettings.ErrorPageEnabled
37. 功能: 启用或禁用错误页面。
38. 默认值: 启用 (True)。
39. 用途: 当页面加载失败时，显示错误页面。
40. QWebEngineSettings.GeolocationEnabled
41. 功能: 启用或禁用地理位置支持。
42. 默认值: 禁用 (False)。
43. 用途: 控制网页是否可以访问用户的地理位置。
44. QWebEngineSettings.XSSAuditingEnabled
45. 功能: 启用或禁用 XSS (跨站脚本) 审计功能。
46. 默认值: 禁用 (False)。
47. 用途: XSS 审计用于检测并阻止跨站脚本攻击，通常会增加安全性。
48. QWebEngineSettings.WebGLEnabled
49. 功能: 启用或禁用 WebGL 支持。
50. 默认值: 启用 (True)。
51. 用途: WebGL 用于在网页中渲染 3D 图形，禁用后某些 3D 内容无法显示。
52. QWebEngineSettings.Accelerated2dCanvasEnabled
53. 功能: 启用或禁用 2D 画布的硬件加速。
54. 默认值: 启用 (True)。
55. 用途: 对 HTML5 画布的渲染进行硬件加速，提高图形性能。
56. QWebEngineSettings.AutoLoadIconsForPage
57. 功能: 启用或禁用页面图标（如 favicon）的自动加载。
58. 默认值: 启用 (True)。
59. 用途: 控制是否自动加载站点图标。

5.常用信号

6. 常见错误

异常提示：ModuleNotFoundError: No module named 'PyQt5.QtWebEngineWidgets' 解决方案：单独安装一下QtWebEngineWidgets，pip install PyQt5 PyQtWebEngine