How to customize python PyQt5 QWebEngineView context menu?

Question

I am a beginner and need help to be an expert. Its been a month, since I am working with PyQt5 QWebEngineView library

This is my code

# 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_() 

I don't have any issues in the code but I want to customize the context menu which appears when we right-clink in a page, I want to change its background color, and add a label with an icon on top, also I want to change the font.

Answer 1

The better solution is to subclass the web view and override contextMenuEvent .
If you also want to customize the colors of the menu, you should set the stylesheet on the browser, using the appropriate selectors.

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()
        # ...

Note: For various reasons (probably related to the complex architecture behind the web view), using menu.exec_() might lead to consolle warnings and painting artifacts, so using popup() is better; setting the menu as an instance attribute is mandatory, otherwise the menu would be garbage collected right after popup (which is not blocking).