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

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

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

self.webView.load(QUrl(url))

顯示效果沒什么問題。但在實(shí)際使用中發(fā)現(xiàn)在加載網(wǎng)頁時(shí)經(jīng)常出現(xiàn)無響應(yīng)的情況。查詢后發(fā)現(xiàn)是由于load是非異步（此處錯(cuò)誤，應(yīng)為異步）加載整個(gè)網(wǎng)頁，會(huì)阻塞整個(gè)UI進(jìn)程，所以導(dǎo)致整個(gè)程序卡住。多線程可以修復(fù)這個(gè)問題，但多線程比較復(fù)制，要修改的部分太多。于是找到了QNetworkAccessManager()這個(gè)可以異步加載部分內(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)確實(shí)很少出現(xiàn)無響應(yīng)的情況了，但卻出現(xiàn)了一個(gè)新問題：大部分網(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提問得到回答，可能是因?yàn)閟etContent()中沒有指定baseurl參數(shù)引起的?；厝シ讼挛臋n，發(fā)現(xiàn)確實(shí)有這個(gè)參數(shù)，之前沒注意到：

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

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

第一句說明了baseurl參數(shù)的作用：用于補(bǔ)全源碼中額外的資源網(wǎng)址，也就是網(wǎng)頁中使用了相對(duì)地址的外部資源。不指定baseurl這些資源就找不到。

第二句說明了為什么這種方式不容易卡：除了html資源是直接加載，其他資源都是異步加載的。

于是在setContent()中指定了baseurl，問題解決。

參考資料：

《QNetwork官方手冊(cè)》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