QWebView 高亮显示文本和键盘导航

我在 PyQt4 中使用了 QWebView，我想在网页中高亮显示一些文本，并通过键盘来对网页进行导航（例如，按 Ctrl-N 跳至下一个链接）。我想知道这是否可行。

2、解决方案

解决方案 1：使用 QWebView 的 findText() 方法

QWebView提供了findText（）方法，它可以帮助我们找到指定字符串，subString，并使用给定的选项进行高亮显示。如果传入HighlightAllOccurrences 标志，该函数将高亮显示页面中存在的所有匹配项。所有后续调用将扩展高亮，而不是替换它，并显示新字符串的匹配项。

from PyQt4.QtGui import QWebView

# 创建 QWebView 实例
webView = QWebView()

# 加载网页
webView.load(QUrl("https://www.example.com"))

# 当用户点击网页时，高亮显示所有出现的 "Python"
def on_link_clicked(link):
    webView.findText("Python", QWebPage.HighlightAllOccurrences)

# 将事件处理程序连接到链接点击信号
webView.linkClicked.connect(on_link_clicked)

解决方案 2：使用 HTML 和 CSS

另一种方法是使用 HTML 和 CSS 来高亮显示文本。我们可以使用 QWebView 的 toHtml() 方法获取网页的 HTML 代码，然后使用 BeautifulSoup 等库解析 HTML 代码，在要高亮的文本周围插入 ... 标签，以及定义样式的 CSS 代码。最后，使用 setHtml() 方法将修改后的 HTML 代码放回 QWebView。

from PyQt4.QtGui import QWebView

# 创建 QWebView 实例
webView = QWebView()

# 加载网页
webView.load(QUrl("https://www.example.com"))

# 当用户点击网页时，高亮显示所有出现的 "Python"
def on_link_clicked(link):
    # 获取网页的 HTML 代码
    html = webView.toHtml()

    # 使用 BeautifulSoup 解析 HTML 代码
    soup = BeautifulSoup(html, "html.parser")

    # 在要高亮的文本周围插入 <span class="myhilite">...</span> 标签
    for match in soup.find_all("body"):
        match.string = match.string.replace("Python", "<span class="myhilite">Python</span>")

    # 定义样式的 CSS 代码
    css = ".myhilite { background-color: yellow; }"

    # 将修改后的 HTML 代码放回 QWebView
    webView.setHtml(soup.prettify() + "<style>" + css + "</style>")

# 将事件处理程序连接到链接点击信号
webView.linkClicked.connect(on_link_clicked)

键盘导航

要实现键盘导航，我们可以使用 QWidget 的 grabKeyboard 方法来获取所有键盘事件。然后，我们可以使用 addAction 方法添加一个具有适当快捷键的操作。

from PyQt4.QtGui import QWebView, QWidget

# 创建 QWebView 实例
webView = QWebView()

# 加载网页
webView.load(QUrl("https://www.example.com"))

# 键盘导航到下一个链接
def next_link():
    webView.triggerPageAction(QWebPage.NextLink)

# 键盘导航到上一个链接
def previous_link():
    webView.triggerPageAction(QWebPage.PreviousLink)

# 获取所有键盘事件
webView.grabKeyboard()

# 添加键盘导航操作
webView.addAction(QAction("Next Link", webView, shortcut="Ctrl+N", triggered=next_link))
webView.addAction(QAction("Previous Link", webView, shortcut="Ctrl+P", triggered=previous_link))