从QWebView.load()(QWebFrame.load())切换到QNetworkAccessManager引起的CSS加载不了的问题记录

最新推荐文章于 2025-03-21 19:47:30 发布

XXERR

最新推荐文章于 2025-03-21 19:47:30 发布

阅读量3.8k

点赞数

分类专栏： Python 开发 PyQt 文章标签： css pyqt python qt qwebview

本文链接：https://blog.youkuaiyun.com/chroming/article/details/51832244

版权

Python 同时被 3 个专栏收录

18 篇文章

订阅专栏

开发

11 篇文章

订阅专栏

PyQt

3 篇文章

订阅专栏

本文记录了在使用PyQt4开发程序时遇到的QWebView加载网页导致UI卡住的问题，以及切换到QNetworkAccessManager进行异步加载后出现的CSS不渲染问题。通过查看网页源码、咨询前端开发者并调试，发现QNetworkAccessManager.setContent()未指定baseUrl是导致CSS无法加载的原因。设置baseUrl后，问题得到解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

更新：发现导致网页加载时卡住是其他原因，并非load加载问题(http://blog.youkuaiyun.com/chroming/article/details/51955999)。QWebFrame.load()是异步加载模式，不会导致GUI卡住。因之前文章中的错误内容向各位读者道歉。

近期使用PyQt4 写了一个程序，其中有个部分是显示网页。一开始使用的是简单的QWebView.load()（QWebFrame.load() 也能实现同样的功能）：

self.webView.load(QUrl(url))

显示效果没什么问题。但在实际使用中发现在加载网页时经常出现无响应的情况。查询后发现是由于load是非异步（此处错误，应为异步）加载整个网页，会阻塞整个UI进程，所以导致整个程序卡住。多线程可以修复这个问题，但多线程比较复制，要修改的部分太多。于是找到了QNetworkAccessManager()这个可以异步加载部分内容的替代方案。使用的写法如下：

AM = QNetworkAccessManager(parent=self)
self.net_reply= AM.get(net_requests)
AM.finished.connect(self.setweb)

def setweb(self, netreply):
    replyArray = netreply.readAll()
    self.qwebView.page().mainFrame().setContent(replyArray )

替换之后发现确实很少出现无响应的情况了，但却出现了一个新问题：大部分网页可以正常显示，但某些网页加载后没有css渲染效果。

看了两种网页的源码，都是调用了外部的css样式。咨询了公司的前端开发前辈，他说具体原因需要看console的输出。于是找到了Qt中能显示网页console的方法：

import sys
from PyQt4 import QtCore, QtGui, QtWebKit

class WebPage(QtWebKit.QWebPage):
    def javaScriptConsoleMessage(self, msg, line, source):
        print '%s line %d: %s' % (source, line, msg)

url = 'http://localhost/test.html'
app = QtGui.QApplication([])
browser = QtWebKit.QWebView()
page = WebPage()
browser.setPage(page)
browser.load(QtCore.QUrl(url))
browser.show()
sys.exit(app.exec_())

修改之后发现在css不加载的网页出现提示：

Can't find variable: jQuery

但是那些正常的网页也调用了jQuery。

之后在stackoverflow提问得到回答，可能是因为setContent()中没有指定baseurl参数引起的。回去翻了下文档，发现确实有这个参数，之前没注意到：

External objects referenced in the content are located relative to *baseUrl*.

The *data* is loaded immediately; external objects are loaded asynchronously.

第一句说明了baseurl参数的作用：用于补全源码中额外的资源网址，也就是网页中使用了相对地址的外部资源。不指定baseurl这些资源就找不到。

第二句说明了为什么这种方式不容易卡：除了html资源是直接加载，其他资源都是异步加载的。

于是在setContent()中指定了baseurl，问题解决。

参考资料：

《QNetwork官方手册》http://doc.qt.io/qt-4.8/qtnetwork-module.html
《Print Javascript Exceptions In A QWebView To The Console》http://stackoverflow.com/questions/5792832/print-javascript-exceptions-in-a-qwebview-to-the-console
《what’s the difference between webView.load(QUrl) and QNetworkAccessManager.get(Qurl) in QT?》http://stackoverflow.com/questions/38095150/whats-the-difference-between-webview-loadqurl-and-qnetworkaccessmanager-getq