如何使用 pywebview api 从 javascript 关闭 pywebview window

how to close pywebview window from javascript using pywebview api

我正在使用 html 和 flask 在 pywebview 中构建应用程序我决定使用全屏模式并制作自定义漂亮的按钮以最小化和退出即(window.open('','_self').close();)。我们在 firefox 中用于退出或最小化 winndow 的正常 javascript 代码在经过一些研究后不起作用我得到了这个 https://pywebview.flowrl.com/examples/js_api.html 但我不知道如何使用这个 api退出应用程序,如果有人可以编写并解释它,因为如果有人会 post 代码

我不明白

这是我的申请代码

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>

您只需在 Python 代码中添加一个名为 Api 的 class,就像您链接的文章中所解释的那样。在您的情况下,class 只需要包括构造函数和这样的方法:

def quit(self):
    self._window.destroy()

(以及您需要从 python 执行的任何其他方法),然后使用 pywebview.api.quit().

从 javascript 调用它

更新: 忘了提一个重要的细节。当您创建 window 时,将其存储在一个变量中,如下所示:

  api = Api()

  window = webview.create_window(
    ...
    js_api=api,
    ...
  )
  api.set_window(window)

所以你的 Api class 看起来像这样:

class Api:

  def __init__(self):
    self._window = None

  def set_window(self, window):
    self._window = window

  def quit(self):
    self._window.destroy()