init
commit
aba79c47b4
|
|
@ -0,0 +1,4 @@
|
||||||
|
{
|
||||||
|
"enabled": true,
|
||||||
|
"port": 10086
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,34 @@
|
||||||
|
/**
|
||||||
|
* {}
|
||||||
|
* @author yutent<yutent.io@gmail.com>
|
||||||
|
* @date 2023/07/20 14:19:13
|
||||||
|
*/
|
||||||
|
|
||||||
|
import 'es.shim'
|
||||||
|
import { $, bind } from 'wkit'
|
||||||
|
|
||||||
|
async function test1() {
|
||||||
|
try {
|
||||||
|
var result = await window.webkit.messageHandlers.app.postMessage({
|
||||||
|
value: 'Test 1'
|
||||||
|
})
|
||||||
|
$('#output').innerHTML = 'output: ' + result
|
||||||
|
} catch (err) {
|
||||||
|
alert(err)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
async function test2() {
|
||||||
|
let key = 'cb_' + Math.random().toString().slice(2)
|
||||||
|
|
||||||
|
window.$on(key, function (v) {
|
||||||
|
$('#output').innerHTML = v
|
||||||
|
})
|
||||||
|
window.webkit.messageHandlers.app.postMessage({
|
||||||
|
value: new Date(),
|
||||||
|
key
|
||||||
|
})
|
||||||
|
$('#output').innerHTML = result
|
||||||
|
}
|
||||||
|
|
||||||
|
bind($('.btn1'), 'click', test1)
|
||||||
|
bind($('.btn2'), 'click', test2)
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
|
||||||
|
<title></title>
|
||||||
|
<script type="importmap">
|
||||||
|
{
|
||||||
|
"imports":{
|
||||||
|
"es.shim":"//jscdn.ink/es.shim/latest/index.js",
|
||||||
|
"wkit":"//jscdn.ink/wkit/latest/index.js",
|
||||||
|
"vue":"//jscdn.ink/vue/3.2.47/vue.esm-browser.prod.js",
|
||||||
|
"vue-router":"//jscdn.ink/@bytedo/vue-router/4.1.6/vue-router.js","fetch":"//jscdn.ink/@bytedo/fetch/latest/next.js",
|
||||||
|
"crypto":"//jscdn.ink/crypto.web.js/latest/index.js"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<button class="btn1">Test 1</button>
|
||||||
|
<button class="btn2">Test 2</button>
|
||||||
|
|
||||||
|
<a target="_blank" href="about:blank">打开控制台</a>
|
||||||
|
|
||||||
|
<div id="output">loading...</div>
|
||||||
|
|
||||||
|
<script type="module" src="/app.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,52 @@
|
||||||
|
/**
|
||||||
|
* {注入的js}
|
||||||
|
* @author yutent<yutent.io@gmail.com>
|
||||||
|
* @date 2023/07/21 17:38:11
|
||||||
|
*/
|
||||||
|
|
||||||
|
Object.assign(window, {
|
||||||
|
//
|
||||||
|
__events__: Object.create(null),
|
||||||
|
|
||||||
|
$on(name, fn) {
|
||||||
|
if (this.__events__[name]) {
|
||||||
|
this.__events__[name].push(fn)
|
||||||
|
} else {
|
||||||
|
this.__events__[name] = [fn]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
$once(name, fn) {
|
||||||
|
fn.__once__ = true
|
||||||
|
this.$on(name, fn)
|
||||||
|
},
|
||||||
|
|
||||||
|
$off(name, fn) {
|
||||||
|
if (this.__events__[name]) {
|
||||||
|
if (fn) {
|
||||||
|
this.__events__[name] = this.__events__[name].filter(it => it !== fn)
|
||||||
|
} else {
|
||||||
|
this.__events__[name] = []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
$emit(name, ...args) {
|
||||||
|
if (this.__events__[name]) {
|
||||||
|
for (let fn of this.__events__[name]) {
|
||||||
|
try {
|
||||||
|
fn.apply(this, args)
|
||||||
|
if (fn.__once__) {
|
||||||
|
this.$off(name, fn)
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
console.error(e)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
$destroy() {
|
||||||
|
this.__events__ = Object.create(null)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
@ -0,0 +1,92 @@
|
||||||
|
#!/usr/bin/python3
|
||||||
|
|
||||||
|
import gi, json, os
|
||||||
|
|
||||||
|
gi.require_version("Gtk", "3.0")
|
||||||
|
gi.require_version("WebKit2", "4.1")
|
||||||
|
# gi.require_version("JavaScriptCore", "4.1")
|
||||||
|
|
||||||
|
from gi.repository import Gtk, WebKit2, JavaScriptCore
|
||||||
|
|
||||||
|
class MyScriptMessageHandler(WebKit2.ScriptMessageReply):
|
||||||
|
def __init__(self):
|
||||||
|
super().__init__()
|
||||||
|
|
||||||
|
class WebKitWindow(Gtk.Window):
|
||||||
|
def __init__(self):
|
||||||
|
|
||||||
|
Gtk.Window.__init__(self, title="WebKit Example")
|
||||||
|
|
||||||
|
self.set_default_size(800, 600)
|
||||||
|
|
||||||
|
settings = WebKit2.Settings()
|
||||||
|
settings.set_enable_page_cache(True)
|
||||||
|
settings.set_enable_offline_web_application_cache(True)
|
||||||
|
|
||||||
|
settings.set_property('javascript-can-access-clipboard', True)
|
||||||
|
settings.set_property('javascript-can-open-windows-automatically', True)
|
||||||
|
|
||||||
|
settings.set_property("user-agent", "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/605.1.15 (KHTML, like Gecko) weapp/1.0.0 Version/16.4 Safari/605.1.15")
|
||||||
|
|
||||||
|
manager = WebKit2.UserContentManager()
|
||||||
|
|
||||||
|
script = open(self.file_path('./inject.js'), 'r').read()
|
||||||
|
frame = WebKit2.UserContentInjectedFrames.ALL_FRAMES
|
||||||
|
time = WebKit2.UserScriptInjectionTime.END
|
||||||
|
script = WebKit2.UserScript(script, frame, time, None, None)
|
||||||
|
|
||||||
|
manager.add_script(script)
|
||||||
|
|
||||||
|
manager.connect('script-message-received::app', self.on_script_message)
|
||||||
|
manager.register_script_message_handler('app')
|
||||||
|
|
||||||
|
self.webview = WebKit2.WebView.new_with_user_content_manager(manager)
|
||||||
|
self.webview.set_settings(settings)
|
||||||
|
|
||||||
|
|
||||||
|
self.webview.connect("decide-policy", self.on_decide_policy)
|
||||||
|
|
||||||
|
self.webview.load_uri("http://127.0.0.1:10086/index.html")
|
||||||
|
# self.webview.load_uri("https://benchmark.wkit.fun")
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
self.add(self.webview)
|
||||||
|
|
||||||
|
def file_path(self, filepath):
|
||||||
|
root = os.path.dirname(os.path.realpath(__file__))
|
||||||
|
return os.path.join(root, filepath)
|
||||||
|
|
||||||
|
|
||||||
|
def on_script_message(self, webview, message):
|
||||||
|
data = message.get_js_value()
|
||||||
|
data = json.loads(data.to_json(0))
|
||||||
|
print('这是py收到的值: ',data)
|
||||||
|
key = data.get('key')
|
||||||
|
|
||||||
|
if key :
|
||||||
|
scripts = '$emit("' + key + '", "这是py返回的值 ' + data.get('value') + '")'
|
||||||
|
self.webview.evaluate_javascript(scripts, -1)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
def on_decide_policy(self, webview, decision, decision_type):
|
||||||
|
if decision_type == WebKit2.PolicyDecisionType.NAVIGATION_ACTION:
|
||||||
|
navigation_action = decision.get_navigation_action()
|
||||||
|
request = navigation_action.get_request()
|
||||||
|
uri = request.get_uri()
|
||||||
|
if uri == "about:blank":
|
||||||
|
# Open the developer tools window
|
||||||
|
inspector = webview.get_inspector()
|
||||||
|
inspector.show()
|
||||||
|
else:
|
||||||
|
decision.use()
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
win = WebKitWindow()
|
||||||
|
win.connect("destroy", Gtk.main_quit)
|
||||||
|
win.show_all()
|
||||||
|
|
||||||
|
Gtk.main()
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
#!/usr/bin/python3
|
||||||
|
|
||||||
|
from setuptools import setup
|
||||||
|
|
||||||
|
setup(
|
||||||
|
name='myapp',
|
||||||
|
version='0.1',
|
||||||
|
description='My GTK3 + WebKit2 application',
|
||||||
|
author='Your Name',
|
||||||
|
author_email='your@email.com',
|
||||||
|
url='https://github.com/yourusername/myapp',
|
||||||
|
py_modules=['main'],
|
||||||
|
install_requires=[
|
||||||
|
'gi',
|
||||||
|
'webkit2gtk',
|
||||||
|
],
|
||||||
|
entry_points={
|
||||||
|
'gui_scripts': [
|
||||||
|
'myapp=main:WebKitWindow'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
)
|
||||||
Reference in New Issue