使用 pyside 克隆 QtWebKit Fancy Browser

这两天算真正接触 QtWebKit 的功能，实在是强大无比，加上 pyside 可以快速实现浏览器的很多功能。在网上找了 pyside + QtWebKit 的例子程序，其实能找到的例子很少。所以就借着克隆Qt自带的Fancy Browser 作为一个起点，写个pyside + QtWebKit的浏览器程序。

目前的状况：

• 实现了界面菜单的功能：调用Javascript进行图片翻转，a元素的高亮显示。增加高亮操作的取消功能。
• 修复Javascript执行无法立即返回的BUG。
• 初步实现网页保存为图片的功能。

#coding:utf8

import sys
from PySide import QtCore
from PySide import QtGui
from PySide import QtWebKit
from PySide import QtNetwork
from pprint import pprint
from PySide.QtGui import QImage
from PySide.QtGui import QPainter
from PySide.QtCore import QFile, QIODevice

class Mainwin(QtGui.QMainWindow):
    def __init__(self, parent= None):
        super(Mainwin, self).__init__( parent)

        QtNetwork.QNetworkProxyFactory.setUseSystemConfiguration(True)

        splitter = self.splitter = QtGui.QSplitter(self)

        self.view = QtWebKit.QWebView(splitter)
        #self.view.load("about:blank")
        self.view.load("http://www.baidu.com")
        self.view.loadStarted.connect(self.adjustLocation)
        self.view.titleChanged.connect(self.adjustTitle)
        self.view.loadProgress.connect(self.setProgress)
        self.view.loadFinished.connect(self.adjustLocation)

        self.locationEdit = QtGui.QLineEdit(self)
        self.locationEdit.setSizePolicy(QtGui.QSizePolicy.Expanding,
                self.locationEdit.sizePolicy().verticalPolicy())
        self.locationEdit.returnPressed.connect(self.changeLocation)

        toolBar = self.addToolBar("Navigation")
        toolBar.addAction(self.view.pageAction(QtWebKit.QWebPage.Back))
        toolBar.addAction(self.view.pageAction(QtWebKit.QWebPage.Forward))
        toolBar.addAction(self.view.pageAction(QtWebKit.QWebPage.Reload))
        toolBar.addAction(self.view.pageAction(QtWebKit.QWebPage.Stop))
        act = QtGui.QAction(self)
        toolBar.addAction(act)
        act.triggered.connect(self.loadPage)
        toolBar.addWidget(self.locationEdit)

        viewMenu = self.menuBar().addMenu("&View")
        viewSourceAction = QtGui.QAction("Page Source", self)
        viewSourceAction.triggered.connect(self.viewSource)
        viewMenu.addAction(viewSourceAction)

        savePageAction = QtGui.QAction("Save page as image", self)
        savePageAction.triggered.connect(self.savePage)
        viewMenu.addAction(savePageAction)

        effectMenu = self.menuBar().addMenu("&Effect")
        highlightLinkAction = QtGui.QAction("Highlight all links", self)
        highlightLinkAction.setCheckable(True);
        highlightLinkAction.toggled.connect(self.highlightAllLinks)
        effectMenu.addAction(highlightLinkAction);

        rotateImageAction = QtGui.QAction("Turn images upside down", self)
        rotateImageAction.setCheckable(True);
        rotateImageAction.toggled.connect(self.turnUpDownImages)
        effectMenu.addAction(rotateImageAction)

#        listview =  QtGui.QListView()
#        splitter.addWidget(listview)
#        treeview =  QtGui.QTreeView()
#        splitter.addWidget(treeview)
        textedit =  QtGui.QTextEdit()
        splitter.addWidget(textedit)

        splitter.addWidget(self.view)

        self.setCentralWidget(splitter)

        sb = self.createStatusbar()
        self.setStatusBar(sb)
        page = self.view.page()
        page.linkHovered.connect(self.linkHovered)
        #act.connect(sb.showMessage)
        frame = page.mainFrame()
        frame.loadFinished.connect(self.load_finished)

    def loadPage(self):
        self.view.load("http://localhost")

    def load_finished(self):
        file = QFile("jquery.min.js");
        file.open(QIODevice.ReadOnly | QIODevice.Text);
        jQuery = file.readAll().data();
        file.close();
        self.view.page().mainFrame().evaluateJavaScript(jQuery)

    def linkHovered(self, p):
        sb = self.statusBar()
        sb.showMessage(p)

    def viewSource(self):
        accessManager = self.view.page().networkAccessManager()
        request = QtNetwork.QNetworkRequest(self.view.url())
        reply = accessManager.get(request)
        reply.finished.connect(self.slotSourceDownloaded)

    def savePage(self):
        size = self.view.page().mainFrame().contentsSize()
        image = QImage(size, QImage.Format_ARGB32_Premultiplied)
        image.fill(QtCore.Qt.transparent)
        p = QPainter(image)
        p.setRenderHint(QPainter.Antialiasing, 1)
        p.setRenderHint(QPainter.TextAntialiasing, 1)
        p.setRenderHint(QPainter.SmoothPixmapTransform, 1)
        self.view.page().setViewportSize(self.view.page().mainFrame().contentsSize())
        self.view.page().mainFrame().render(p)
        p.end();
        image.save("capture.png")

    def turnUpDownImages(self, checked):
        print checked
        if (checked):
            code = "$('img').each( function () { $(this).css('-webkit-transition', '-webkit-transform 1s'); $(this).css('-webkit-transform', 'rotate(180deg)') } ); null"
        else:
            code = "$('img').each( function () { $(this).css('-webkit-transition', '-webkit-transform 1s'); $(this).css('-webkit-transform', 'rotate(0deg)') } ); null"
        self.view.page().mainFrame().evaluateJavaScript(code)

    def highlightAllLinks(self, checked):
        if checked:
            code = "$('a').each( function () { $(this).css('background-color', 'yellow') }); null";
        else:
            code = "$('a').each( function () { $(this).css('background-color', '') } ); null";
        self.view.page().mainFrame().evaluateJavaScript(code);

    def slotSourceDownloaded(self):
        reply = self.sender()
        self.textEdit = QtGui.QTextEdit(None)
        self.textEdit.setAttribute(QtCore.Qt.WA_DeleteOnClose)
        self.textEdit.show()
        self.textEdit.setPlainText(QtCore.QTextStream(reply).readAll())
        self.textEdit.resize(600, 400)
        reply.deleteLater()

    def createStatusbar(self):
        sb = self.statusBar()
        sb.progress = QtGui.QProgressBar()
        sb.addPermanentWidget(sb.progress)
        return sb

    def adjustTitle(self):
        self.setWindowTitle(self.view.title())

    def adjustLocation(self):
        self.locationEdit.setText(self.view.url().toString())

    def changeLocation(self):
        url = QtCore.QUrl.fromUserInput(self.locationEdit.text())
        self.view.load(url)
        self.view.setFocus()

    def setProgress(self, progress):
        self.statusBar().progress.setValue(progress)


def main():
    app = QtGui.QApplication(sys.argv)
    mw = Mainwin()
    mw.show()
    app.exec_()


if __name__ == "__main__":
    main()

参考链接：

http://stackoverflow.com/questions/1409522/qt4-how-to-call-javascript-functions-in-a-page-from-c-via-qtwebkit