從QWebView.load()(QWebFrame.load())切換到QNetworkAccessManager引起的CSS加載不了的問題記錄

更新：發(fā)現(xiàn)導致網(wǎng)頁加載時卡住是其他原因，并非load加載問題(http://blog.csdn.net/chroming/article/details/51955999)。QWebFrame.load()是異步加載模式，不會導致GUI卡住。因之前文章中的錯誤內(nèi)容向各位讀者道歉。

近期使用PyQt4 寫了一個程序，其中有個部分是顯示網(wǎng)頁。一開始使用的是簡單的QWebView.load()（QWebFrame.load() 也能實現(xiàn)同樣的功能）：

self.webView.load(QUrl(url))

顯示效果沒什么問題。但在實際使用中發(fā)現(xiàn)在加載網(wǎng)頁時經(jīng)常出現(xiàn)無響應的情況。查詢后發(fā)現(xiàn)是由于load是非異步（此處錯誤，應為異步）加載整個網(wǎng)頁，會阻塞整個UI進程，所以導致整個程序卡住。多線程可以修復這個問題，但多線程比較復制，要修改的部分太多。于是找到了QNetworkAccessManager()這個可以異步加載部分內(nèi)容的替代方案。使用的寫法如下：

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 )

替換之后發(fā)現(xiàn)確實很少出現(xiàn)無響應的情況了，但卻出現(xiàn)了一個新問題：大部分網(wǎng)頁可以正常顯示，但某些網(wǎng)頁加載后沒有css渲染效果。

看了兩種網(wǎng)頁的源碼，都是調(diào)用了外部的css樣式。咨詢了公司的前端開發(fā)前輩，他說具體原因需要看console的輸出。于是找到了Qt中能顯示網(wǎng)頁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_())

修改之后發(fā)現(xiàn)在css不加載的網(wǎng)頁出現(xiàn)提示：

Can't find variable: jQuery

但是那些正常的網(wǎng)頁也調(diào)用了jQuery。

之后在stackoverflow提問得到回答，可能是因為setContent()中沒有指定baseurl參數(shù)引起的。回去翻了下文檔，發(fā)現(xiàn)確實有這個參數(shù)，之前沒注意到：

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

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

第一句說明了baseurl參數(shù)的作用：用于補全源碼中額外的資源網(wǎng)址，也就是網(wǎng)頁中使用了相對地址的外部資源。不指定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