mirror of
https://github.com/woodchen-ink/watermark.git
synced 2025-07-18 14:02:01 +08:00
feat: 添加手动触发安装按钮;
This commit is contained in:
parent
e87c2c4576
commit
bc10ccbf6a
22
index.html
22
index.html
@ -21,15 +21,33 @@
|
||||
})
|
||||
}
|
||||
|
||||
var deferredPrompt = null;
|
||||
|
||||
// 判断用户是否安装此应用:beforeinstallprompt
|
||||
window.addEventListener("beforeinstallprompt", e => {
|
||||
e.preventDefault();
|
||||
deferredPrompt = e;
|
||||
console.log('beforeinstallprompt');
|
||||
});
|
||||
|
||||
window.addEventListener("appinstalled", () => {
|
||||
deferredPrompt = null;
|
||||
console.log('appinstalled');
|
||||
});
|
||||
|
||||
function addToDesktop() {
|
||||
console.log('addToDesktop');
|
||||
deferredPrompt.prompt();
|
||||
deferredPrompt = null;
|
||||
}
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="root"></div>
|
||||
<script src="./index.js"></script>
|
||||
|
||||
<button onclick="addToDesktop()">添加到桌面</button>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
@ -3,7 +3,7 @@
|
||||
"short_name": "图片加水印",
|
||||
"theme_color": "#FFFFFF",
|
||||
"background_color": "#FFFFFF",
|
||||
"display": "fullscreen",
|
||||
"display": "standalone",
|
||||
"scope": "/",
|
||||
"start_url": "/",
|
||||
"icons": [
|
||||
|
Loading…
x
Reference in New Issue
Block a user