diff --git a/.settings/org.eclipse.core.resources.prefs b/.settings/org.eclipse.core.resources.prefs index c421fe3..12f131c 100644 --- a/.settings/org.eclipse.core.resources.prefs +++ b/.settings/org.eclipse.core.resources.prefs @@ -49,6 +49,7 @@ encoding//QTableWidget/TableWidget.py=utf-8 encoding//QThread/moveToThread.py=utf-8 encoding//QTreeWidget/ParsingJson.py=utf-8 encoding//QWebEngineView/GetCookie.py=utf-8 +encoding//QWebEngineView/JsSignals.py=utf-8 encoding//QWebView/DreamTree.py=utf-8 encoding//QWebView/GetCookie.py=utf-8 encoding//QWidget/Lib/CustomPaintWidget.py=utf-8 diff --git a/QWebEngineView/Data/JsSignals.html b/QWebEngineView/Data/JsSignals.html new file mode 100644 index 0000000..9fb0bb3 --- /dev/null +++ b/QWebEngineView/Data/JsSignals.html @@ -0,0 +1,46 @@ + + + + 测试 + + + + +

1、测试修改窗口属性

+ windowTitle 是Qt窗口本身的属性, 当标题被修改后会触发本身的windowTitleChanged信号
+ +

+ + +

2、调用Python中的方法callFromJs

+ callFromJs(str) 函数是由Python代码中定义, 通过@pyqtSlot(str)装饰器暴露出来
+ + +

3、发送自定义信号

+ 点击底部的按钮将会发送customSignal信号出来，网页中收到该信号将会在下面日志框输出内容
+ +

日志

+ + + diff --git a/QWebEngineView/Data/qwebchannel.js b/QWebEngineView/Data/qwebchannel.js new file mode 100644 index 0000000..5b047c2 --- /dev/null +++ b/QWebEngineView/Data/qwebchannel.js @@ -0,0 +1,427 @@ +/**************************************************************************** +** +** Copyright (C) 2016 The Qt Company Ltd. +** Copyright (C) 2016 Klarälvdalens Datakonsult AB, a KDAB Group company, info@kdab.com, author Milian Wolff +** Contact: https://www.qt.io/licensing/ +** +** This file is part of the QtWebChannel module of the Qt Toolkit. +** +** $QT_BEGIN_LICENSE:LGPL$ +** Commercial License Usage +** Licensees holding valid commercial Qt licenses may use this file in +** accordance with the commercial license agreement provided with the +** Software or, alternatively, in accordance with the terms contained in +** a written agreement between you and The Qt Company. For licensing terms +** and conditions see https://www.qt.io/terms-conditions. For further +** information use the contact form at https://www.qt.io/contact-us. +** +** GNU Lesser General Public License Usage +** Alternatively, this file may be used under the terms of the GNU Lesser +** General Public License version 3 as published by the Free Software +** Foundation and appearing in the file LICENSE.LGPL3 included in the +** packaging of this file. Please review the following information to +** ensure the GNU Lesser General Public License version 3 requirements +** will be met: https://www.gnu.org/licenses/lgpl-3.0.html. +** +** GNU General Public License Usage +** Alternatively, this file may be used under the terms of the GNU +** General Public License version 2.0 or (at your option) the GNU General +** Public license version 3 or any later version approved by the KDE Free +** Qt Foundation. The licenses are as published by the Free Software +** Foundation and appearing in the file LICENSE.GPL2 and LICENSE.GPL3 +** included in the packaging of this file. Please review the following +** information to ensure the GNU General Public License requirements will +** be met: https://www.gnu.org/licenses/gpl-2.0.html and +** https://www.gnu.org/licenses/gpl-3.0.html. +** +** $QT_END_LICENSE$ +** +****************************************************************************/ + +"use strict"; + +var QWebChannelMessageTypes = { + signal: 1, + propertyUpdate: 2, + init: 3, + idle: 4, + debug: 5, + invokeMethod: 6, + connectToSignal: 7, + disconnectFromSignal: 8, + setProperty: 9, + response: 10, +}; + +var QWebChannel = function(transport, initCallback) +{ + if (typeof transport !== "object" || typeof transport.send !== "function") { + console.error("The QWebChannel expects a transport object with a send function and onmessage callback property." + + " Given is: transport: " + typeof(transport) + ", transport.send: " + typeof(transport.send)); + return; + } + + var channel = this; + this.transport = transport; + + this.send = function(data) + { + if (typeof(data) !== "string") { + data = JSON.stringify(data); + } + channel.transport.send(data); + } + + this.transport.onmessage = function(message) + { + var data = message.data; + if (typeof data === "string") { + data = JSON.parse(data); + } + switch (data.type) { + case QWebChannelMessageTypes.signal: + channel.handleSignal(data); + break; + case QWebChannelMessageTypes.response: + channel.handleResponse(data); + break; + case QWebChannelMessageTypes.propertyUpdate: + channel.handlePropertyUpdate(data); + break; + default: + console.error("invalid message received:", message.data); + break; + } + } + + this.execCallbacks = {}; + this.execId = 0; + this.exec = function(data, callback) + { + if (!callback) { + // if no callback is given, send directly + channel.send(data); + return; + } + if (channel.execId === Number.MAX_VALUE) { + // wrap + channel.execId = Number.MIN_VALUE; + } + if (data.hasOwnProperty("id")) { + console.error("Cannot exec message with property id: " + JSON.stringify(data)); + return; + } + data.id = channel.execId++; + channel.execCallbacks[data.id] = callback; + channel.send(data); + }; + + this.objects = {}; + + this.handleSignal = function(message) + { + var object = channel.objects[message.object]; + if (object) { + object.signalEmitted(message.signal, message.args); + } else { + console.warn("Unhandled signal: " + message.object + "::" + message.signal); + } + } + + this.handleResponse = function(message) + { + if (!message.hasOwnProperty("id")) { + console.error("Invalid response message received: ", JSON.stringify(message)); + return; + } + channel.execCallbacks[message.id](message.data); + delete channel.execCallbacks[message.id]; + } + + this.handlePropertyUpdate = function(message) + { + for (var i in message.data) { + var data = message.data[i]; + var object = channel.objects[data.object]; + if (object) { + object.propertyUpdate(data.signals, data.properties); + } else { + console.warn("Unhandled property update: " + data.object + "::" + data.signal); + } + } + channel.exec({type: QWebChannelMessageTypes.idle}); + } + + this.debug = function(message) + { + channel.send({type: QWebChannelMessageTypes.debug, data: message}); + }; + + channel.exec({type: QWebChannelMessageTypes.init}, function(data) { + for (var objectName in data) { + var object = new QObject(objectName, data[objectName], channel); + } + // now unwrap properties, which might reference other registered objects + for (var objectName in channel.objects) { + channel.objects[objectName].unwrapProperties(); + } + if (initCallback) { + initCallback(channel); + } + channel.exec({type: QWebChannelMessageTypes.idle}); + }); +}; + +function QObject(name, data, webChannel) +{ + this.__id__ = name; + webChannel.objects[name] = this; + + // List of callbacks that get invoked upon signal emission + this.__objectSignals__ = {}; + + // Cache of all properties, updated when a notify signal is emitted + this.__propertyCache__ = {}; + + var object = this; + + // ---------------------------------------------------------------------- + + this.unwrapQObject = function(response) + { + if (response instanceof Array) { + // support list of objects + var ret = new Array(response.length); + for (var i = 0; i < response.length; ++i) { + ret[i] = object.unwrapQObject(response[i]); + } + return ret; + } + if (!response + || !response["__QObject*__"] + || response.id === undefined) { + return response; + } + + var objectId = response.id; + if (webChannel.objects[objectId]) + return webChannel.objects[objectId]; + + if (!response.data) { + console.error("Cannot unwrap unknown QObject " + objectId + " without data."); + return; + } + + var qObject = new QObject( objectId, response.data, webChannel ); + qObject.destroyed.connect(function() { + if (webChannel.objects[objectId] === qObject) { + delete webChannel.objects[objectId]; + // reset the now deleted QObject to an empty {} object + // just assigning {} though would not have the desired effect, but the + // below also ensures all external references will see the empty map + // NOTE: this detour is necessary to workaround QTBUG-40021 + var propertyNames = []; + for (var propertyName in qObject) { + propertyNames.push(propertyName); + } + for (var idx in propertyNames) { + delete qObject[propertyNames[idx]]; + } + } + }); + // here we are already initialized, and thus must directly unwrap the properties + qObject.unwrapProperties(); + return qObject; + } + + this.unwrapProperties = function() + { + for (var propertyIdx in object.__propertyCache__) { + object.__propertyCache__[propertyIdx] = object.unwrapQObject(object.__propertyCache__[propertyIdx]); + } + } + + function addSignal(signalData, isPropertyNotifySignal) + { + var signalName = signalData[0]; + var signalIndex = signalData[1]; + object[signalName] = { + connect: function(callback) { + if (typeof(callback) !== "function") { + console.error("Bad callback given to connect to signal " + signalName); + return; + } + + object.__objectSignals__[signalIndex] = object.__objectSignals__[signalIndex] || []; + object.__objectSignals__[signalIndex].push(callback); + + if (!isPropertyNotifySignal && signalName !== "destroyed") { + // only required for "pure" signals, handled separately for properties in propertyUpdate + // also note that we always get notified about the destroyed signal + webChannel.exec({ + type: QWebChannelMessageTypes.connectToSignal, + object: object.__id__, + signal: signalIndex + }); + } + }, + disconnect: function(callback) { + if (typeof(callback) !== "function") { + console.error("Bad callback given to disconnect from signal " + signalName); + return; + } + object.__objectSignals__[signalIndex] = object.__objectSignals__[signalIndex] || []; + var idx = object.__objectSignals__[signalIndex].indexOf(callback); + if (idx === -1) { + console.error("Cannot find connection of signal " + signalName + " to " + callback.name); + return; + } + object.__objectSignals__[signalIndex].splice(idx, 1); + if (!isPropertyNotifySignal && object.__objectSignals__[signalIndex].length === 0) { + // only required for "pure" signals, handled separately for properties in propertyUpdate + webChannel.exec({ + type: QWebChannelMessageTypes.disconnectFromSignal, + object: object.__id__, + signal: signalIndex + }); + } + } + }; + } + + /** + * Invokes all callbacks for the given signalname. Also works for property notify callbacks. + */ + function invokeSignalCallbacks(signalName, signalArgs) + { + var connections = object.__objectSignals__[signalName]; + if (connections) { + connections.forEach(function(callback) { + callback.apply(callback, signalArgs); + }); + } + } + + this.propertyUpdate = function(signals, propertyMap) + { + // update property cache + for (var propertyIndex in propertyMap) { + var propertyValue = propertyMap[propertyIndex]; + object.__propertyCache__[propertyIndex] = propertyValue; + } + + for (var signalName in signals) { + // Invoke all callbacks, as signalEmitted() does not. This ensures the + // property cache is updated before the callbacks are invoked. + invokeSignalCallbacks(signalName, signals[signalName]); + } + } + + this.signalEmitted = function(signalName, signalArgs) + { + invokeSignalCallbacks(signalName, this.unwrapQObject(signalArgs)); + } + + function addMethod(methodData) + { + var methodName = methodData[0]; + var methodIdx = methodData[1]; + object[methodName] = function() { + var args = []; + var callback; + for (var i = 0; i < arguments.length; ++i) { + var argument = arguments[i]; + if (typeof argument === "function") + callback = argument; + else if (argument instanceof QObject && webChannel.objects[argument.__id__] !== undefined) + args.push({ + "id": argument.__id__ + }); + else + args.push(argument); + } + + webChannel.exec({ + "type": QWebChannelMessageTypes.invokeMethod, + "object": object.__id__, + "method": methodIdx, + "args": args + }, function(response) { + if (response !== undefined) { + var result = object.unwrapQObject(response); + if (callback) { + (callback)(result); + } + } + }); + }; + } + + function bindGetterSetter(propertyInfo) + { + var propertyIndex = propertyInfo[0]; + var propertyName = propertyInfo[1]; + var notifySignalData = propertyInfo[2]; + // initialize property cache with current value + // NOTE: if this is an object, it is not directly unwrapped as it might + // reference other QObject that we do not know yet + object.__propertyCache__[propertyIndex] = propertyInfo[3]; + + if (notifySignalData) { + if (notifySignalData[0] === 1) { + // signal name is optimized away, reconstruct the actual name + notifySignalData[0] = propertyName + "Changed"; + } + addSignal(notifySignalData, true); + } + + Object.defineProperty(object, propertyName, { + configurable: true, + get: function () { + var propertyValue = object.__propertyCache__[propertyIndex]; + if (propertyValue === undefined) { + // This shouldn't happen + console.warn("Undefined value in property cache for property \"" + propertyName + "\" in object " + object.__id__); + } + + return propertyValue; + }, + set: function(value) { + if (value === undefined) { + console.warn("Property setter for " + propertyName + " called with undefined value!"); + return; + } + object.__propertyCache__[propertyIndex] = value; + var valueToSend = value; + if (valueToSend instanceof QObject && webChannel.objects[valueToSend.__id__] !== undefined) + valueToSend = { "id": valueToSend.__id__ }; + webChannel.exec({ + "type": QWebChannelMessageTypes.setProperty, + "object": object.__id__, + "property": propertyIndex, + "value": valueToSend + }); + } + }); + + } + + // ---------------------------------------------------------------------- + + data.methods.forEach(addMethod); + + data.properties.forEach(bindGetterSetter); + + data.signals.forEach(function(signal) { addSignal(signal, false); }); + + for (var name in data.enums) { + object[name] = data.enums[name]; + } +} + +//required for use with nodejs +if (typeof module === 'object') { + module.exports = { + QWebChannel: QWebChannel + }; +} diff --git a/QWebEngineView/JsSignals.py b/QWebEngineView/JsSignals.py new file mode 100644 index 0000000..0f0e48d --- /dev/null +++ b/QWebEngineView/JsSignals.py @@ -0,0 +1,152 @@ +#!/usr/bin/env python +# -*- coding: utf-8 -*- + +""" +Created on 2019年4月27日 +@author: Irony +@site: https://pyqt5.com https://github.com/892768447 +@email: 892768447@qq.com +@file: QWebEngineView.JsSignals +@description: +""" +import os +from time import time + +from PyQt5.QtCore import QUrl, pyqtSlot, pyqtSignal +from PyQt5.QtWebChannel import QWebChannel +from PyQt5.QtWebEngineWidgets import QWebEngineView, QWebEngineSettings +from PyQt5.QtWidgets import QMessageBox, QWidget, QVBoxLayout, QPushButton + + +__Author__ = 'Irony' +__Copyright__ = 'Copyright (c) 2019' + + +class WebEngineView(QWebEngineView): + + customSignal = pyqtSignal(str) + + def __init__(self, *args, **kwargs): + super(WebEngineView, self).__init__(*args, **kwargs) + self.initSettings() + self.channel = QWebChannel(self) + # 把自身对象传递进去 + self.channel.registerObject('Bridge', self) + # 设置交互接口 + self.page().setWebChannel(self.channel) + + # START #####以下代码可能是在5.6 QWebEngineView刚出来时的bug,必须在每次加载页面的时候手动注入 + +# self.page().loadStarted.connect(self.onLoadStart) +# self._script = open('Data/qwebchannel.js', 'rb').read().decode() + +# def onLoadStart(self): +# self.page().runJavaScript(self._script) + + # END ########################### + + # 注意pyqtSlot用于把该函数暴露给js可以调用 + @pyqtSlot(str) + def callFromJs(self, text): + QMessageBox.information(self, "提示", "来自js调用：{}".format(text)) + + def sendCustomSignal(self): + # 发送自定义信号 + self.customSignal.emit('当前时间: ' + str(time())) + + @pyqtSlot(str) + @pyqtSlot(QUrl) + def load(self, url): + ''' + eg: load("https://pyqt5.com") + :param url: 网址 + ''' + return super(WebEngineView, self).load(QUrl(url)) + + def initSettings(self): + ''' + eg: 初始化设置 + ''' + # 获取浏览器默认设置 + settings = QWebEngineSettings.globalSettings() + # 设置默认编码utf8 + settings.setDefaultTextEncoding("utf-8") + # 自动加载图片,默认开启 + # settings.setAttribute(QWebEngineSettings.AutoLoadImages,True) + # 自动加载图标,默认开启 + # settings.setAttribute(QWebEngineSettings.AutoLoadIconsForPage,True) + # 开启js,默认开启 + # settings.setAttribute(QWebEngineSettings.JavascriptEnabled,True) + # js可以访问剪贴板 + settings.setAttribute( + QWebEngineSettings.JavascriptCanAccessClipboard, True) + # js可以打开窗口,默认开启 + # settings.setAttribute(QWebEngineSettings.JavascriptCanOpenWindows,True) + # 链接获取焦点时的状态,默认开启 + # settings.setAttribute(QWebEngineSettings.LinksIncludedInFocusChain,True) + # 本地储存,默认开启 + # settings.setAttribute(QWebEngineSettings.LocalStorageEnabled,True) + # 本地访问远程 + settings.setAttribute( + QWebEngineSettings.LocalContentCanAccessRemoteUrls, True) + # 本地加载,默认开启 + # settings.setAttribute(QWebEngineSettings.LocalContentCanAccessFileUrls,True) + # 监控负载要求跨站点脚本,默认关闭 + # settings.setAttribute(QWebEngineSettings.XSSAuditingEnabled,False) + # 空间导航特性,默认关闭 + # settings.setAttribute(QWebEngineSettings.SpatialNavigationEnabled,False) + # 支持平超链接属性,默认关闭 + # settings.setAttribute(QWebEngineSettings.HyperlinkAuditingEnabled,False) + # 使用滚动动画,默认关闭 + settings.setAttribute(QWebEngineSettings.ScrollAnimatorEnabled, True) + # 支持错误页面,默认启用 + # settings.setAttribute(QWebEngineSettings.ErrorPageEnabled, True) + # 支持插件,默认关闭 + settings.setAttribute(QWebEngineSettings.PluginsEnabled, True) + # 支持全屏应用程序,默认关闭 + settings.setAttribute( + QWebEngineSettings.FullScreenSupportEnabled, True) + # 支持屏幕截屏,默认关闭 + settings.setAttribute(QWebEngineSettings.ScreenCaptureEnabled, True) + # 支持html5 WebGl,默认开启 + settings.setAttribute(QWebEngineSettings.WebGLEnabled, True) + # 支持2d绘制,默认开启 + settings.setAttribute( + QWebEngineSettings.Accelerated2dCanvasEnabled, True) + # 支持图标触摸,默认关闭 + settings.setAttribute(QWebEngineSettings.TouchIconsEnabled, True) + + +class Window(QWidget): + + def __init__(self, *args, **kwargs): + super(Window, self).__init__(*args, **kwargs) + layout = QVBoxLayout(self) + self.webview = WebEngineView(self) + layout.addWidget(self.webview) + layout.addWidget(QPushButton( + '发送自定义信号', self, clicked=self.webview.sendCustomSignal)) + + self.webview.windowTitleChanged.connect(self.setWindowTitle) + self.webview.load(QUrl.fromLocalFile( + os.path.abspath('Data/JsSignals.html'))) + + +if __name__ == "__main__": + from PyQt5.QtWidgets import QApplication + import sys + # 开启F12 控制台功能，需要单独通过浏览器打开这个页面 + # 这里可以做个保护, 发布软件,启动时把这个环境变量删掉。防止他人通过环境变量开启 + os.environ['QTWEBENGINE_REMOTE_DEBUGGING'] = '9966' + app = QApplication(sys.argv) + w = Window() + w.show() + w.move(100, 100) + + # 打开调试页面 + dw = QWebEngineView() + dw.setWindowTitle('开发人员工具') + dw.load(QUrl('http://127.0.0.1:9966')) + dw.move(600, 100) + dw.show() + sys.exit(app.exec_()) diff --git a/QWebEngineView/README.md b/QWebEngineView/README.md index 83f791f..7a37e74 100644 --- a/QWebEngineView/README.md +++ b/QWebEngineView/README.md @@ -2,10 +2,20 @@ - 目录 - [获取Cookie](#1、获取Cookie) + - [和Js交互操作](#2、和Js交互操作) ## 1、获取Cookie [运行 GetCookie.py](GetCookie.py) 通过`QWebEngineProfile`中得到的`cookieStore`并绑定它的`cookieAdded`信号来得到Cookie -![GetCookie](ScreenShot/GetCookie.png) \ No newline at end of file +![GetCookie](ScreenShot/GetCookie.png) + +## 2、和Js交互操作 +[运行 JsSignals.py](JsSignals.py) + +通过`qwebchannel.js`和`QWebChannel.registerObject`进行Python对象和Javascript的交互 + +具体看代码中的注释 + +![JsSignals](ScreenShot/JsSignals.gif) \ No newline at end of file diff --git a/QWebEngineView/ScreenShot/JsSignals.gif b/QWebEngineView/ScreenShot/JsSignals.gif new file mode 100644 index 0000000..1629e8e Binary files /dev/null and b/QWebEngineView/ScreenShot/JsSignals.gif differ diff --git a/README.md b/README.md index 3a0d05d..fe5bc17 100644 --- a/README.md +++ b/README.md @@ -114,6 +114,7 @@ https://pyqt5.com 社区是专门针对PyQt5学习和提升开设的博客网站 - [获取Cookie](QWebView/GetCookie.py) - [QWebEngineView](QWebEngineView) - [获取Cookie](QWebEngineView/GetCookie.py) + - [和Js交互操作](QWebEngineView/JsSignals.py) - [浏览器下载文件](Test/partner_625781186/6.QWebEngineView下载文件) - [打印网页](Test/partner_625781186/17_打印预览qwebengineview)