如何自定义 python PyQt5 QWebEngineView 上下文菜单？

Question

我是初学者，需要帮助才能成为专家。已经一个月了，因为我正在使用 PyQt5 QWebEngineView 库

这是我的代码

# importing required libraries 
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtWebEngineWidgets import *
from PyQt5.QtPrintSupport import *
import os 
import sys 

class MainWindow(QMainWindow): 

    # constructor 
    def __init__(self, *args, **kwargs): 
        super(MainWindow, self).__init__(*args, **kwargs) 

        self.browser = QWebEngineView() 
        self.browser.setUrl(QUrl("http://google.com")) 
        self.browser.urlChanged.connect(self.update_urlbar) 
        self.browser.loadFinished.connect(self.update_title) 
        self.setCentralWidget(self.browser) 
        self.status = QStatusBar() 
        self.setStatusBar(self.status) 
        navtb = QToolBar("Navigation") 
        self.addToolBar(navtb) 
        back_btn = QAction("Back", self) 
        back_btn.setStatusTip("Back to previous page") 
        back_btn.triggered.connect(self.browser.back) 
        navtb.addAction(back_btn) 
        next_btn = QAction("Forward", self) 
        next_btn.setStatusTip("Forward to next page") 
        next_btn.triggered.connect(self.browser.forward) 
        navtb.addAction(next_btn) 
        reload_btn = QAction("Reload", self) 
        reload_btn.setStatusTip("Reload page") 
        reload_btn.triggered.connect(self.browser.reload) 
        navtb.addAction(reload_btn) 
        home_btn = QAction("Home", self) 
        home_btn.setStatusTip("Go home") 
        home_btn.triggered.connect(self.navigate_home) 
        navtb.addAction(home_btn) 

        navtb.addSeparator() 
        self.urlbar = QLineEdit() 
        self.urlbar.returnPressed.connect(self.navigate_to_url) 

        navtb.addWidget(self.urlbar) 
        stop_btn = QAction("Stop", self) 
        stop_btn.setStatusTip("Stop loading current page") 

        stop_btn.triggered.connect(self.browser.stop) 
        navtb.addAction(stop_btn) 
        self.show()
        
    def update_title(self): 
        title = self.browser.page().title() 
        self.setWindowTitle("% s - My New Browser" % title)
        
    def navigate_home(self): 
        self.browser.setUrl(QUrl("http://www.google.com")) 

    def navigate_to_url(self): 
        q = QUrl(self.urlbar.text()) 
        if q.scheme() == "": 
            q.setScheme("http") 
        self.browser.setUrl(q) 

    def update_urlbar(self, q): 
        self.urlbar.setText(q.toString()) 
        self.urlbar.setCursorPosition(0) 

app = QApplication(sys.argv) 
app.setApplicationName("My New Browser")  
window = MainWindow() 
app.exec_()

我的代码没有任何问题，但我想自定义当我们在页面中单击鼠标右键时出现的上下文菜单，我想更改它的背景颜色，并添加一个带有图标的标签顶，我也想换字体

Answer 1

更好的解决方案是子类化 Web 视图并覆盖 contextMenuEvent。
如果您还想自定义菜单的颜色，您应该使用适当的选择器在浏览器上设置样式表。

class Browser(QWebEngineView):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.setStyleSheet('''
            QMenu {
                background: lightBlue;
                color: orange;
            }
            QMenu::item:selected {
                background: lightGray;
            }
        ''')

    def contextMenuEvent(self, event):
        self.menu = self.page().createStandardContextMenu()
        self.menu.addAction('My action')
        self.menu.popup(event.globalPos())

class MainWindow(QMainWindow): 
    def __init__(self, *args, **kwargs):
        super(MainWindow, self).__init__(*args, **kwargs) 

        self.browser = Browser()
        # ...

注意：由于各种原因（可能与 web 视图背后的复杂架构有关），使用 menu.exec_() 可能会导致控制台警告和绘制伪影，因此使用 popup() 更好；将菜单设置为实例属性是强制性的，否则菜单将在弹出后立即被垃圾回收（不是阻塞）。

如何自定义 python PyQt5 QWebEngineView 上下文菜单？

How to customize python PyQt5 QWebEngineView context menu?

python

pyqt5

qwebengineview