#javascript #html #python-3.x #flask #pywebview
#javascript #HTML #python-3.x #flask #pywebview
Вопрос:
Я создавал приложение в pywebview с помощью html и flask, я решил использовать полноэкранный режим и сделать пользовательские красивые кнопки для сворачивания и выхода, т.е. ( window.open('','_self').close();
) . Обычный код javascript, который мы используем для выхода или минимизации winndow в firefox, не работал после некоторых исследований, которые я получил https://pywebview .flowrl.com/examples/js_api.html но я не знаю, как использовать этот api для выхода из приложения, если кто-то может написать его и объяснить, потому что я не понял, если бы просто кто-то опубликовал код
вот мой код приложения
from flask import Flask
from flask import render_template, jsonify, request
import webview
import sys
import threading
import http.server
import socketserver
from os import system
system("title Fire - By mzw")
state=1
app=Flask(__name__)
app.config["CACHE_TYPE"] = "null"
@app.route('/')
def home():
return render_template('start.html', name="Fire")
def start_server():
cli = sys.modules['flask.cli']
cli.show_server_banner = lambda *x: None
app.run(host='0.0.0.0',port=5000)
def start_scanner():
PORT = 5050
Handler = http.server.SimpleHTTPRequestHandler
with socketserver.TCPServer(("", PORT), Handler) as httpd:
httpd.serve_forever()
if __name__=='__main__':
t=threading.Thread(target=start_server)
t.daemon=True
t.start()
b=threading.Thread(target=start_scanner)
b.daemon=True
b.start()
webview.create_window("Fire","http://localhost:5000/",fullscreen=True)
webview.start()
sys.exit()
вот мой html-код
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-amber">
<a class="navbar-brand" href="#">{{name}}</a>
<button class="navbar-toggler bg-amber" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon bg-amber"></span>
</button>
<div class="collapse navbar-collapse bg-amber" id="navbarNavAltMarkup">
<div class="navbar-nav bg-amber">
<a class="nav-item nav-link active" href="#">Home</a>
<a class="nav-item nav-link" href="#">Features</a>
<a class="nav-item nav-link" href="#">Pricing</a>
<a class="nav-item nav-link disabled" href="#">Disabled</a>
</div>
</div>
<div class="float-right bg-amber">
<a href="#"><img style="width: 30px;height: 30px;" src="{{ url_for('static', filename='green.png') }}"></a>
<a href="#" id="minimize"><img style="width: 30px;height: 30px;" src="{{ url_for('static', filename='blue.png') }}"></a>
<a href="#"><img style="width: 30px;height: 30px;" src="{{ url_for('static', filename='red.png') }}"></a>
</div>
<script type="text/javascript">
$("#minimize").click(function(){
window.open('','_self').close();
});
</script>
</nav>
</body>
Ответ №1:
Вам просто нужно добавить вызываемый класс Api
в ваш код Python, как это объясняется в статье, на которую вы ссылаетесь. В вашем случае этот класс должен включать только конструктор и метод, подобный этому:
def quit(self):
self._window.destroy()
(и любые другие методы, которые вам нужно выполнить из python), а затем вызвать его из javascript с pywebview.api.quit()
помощью .
ОБНОВЛЕНИЕ: Забыл упомянуть важную деталь. Когда вы создаете свое окно, сохраните его в переменной, например, так:
api = Api()
window = webview.create_window(
...
js_api=api,
...
)
api.set_window(window)
Итак, ваш класс Api будет выглядеть примерно так:
class Api:
def __init__(self):
self._window = None
def set_window(self, window):
self._window = window
def quit(self):
self._window.destroy()