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>
|
</script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
<script src="./index.js"></script>
|
<script src="./index.js"></script>
|
||||||
|
<button onclick="addToDesktop()">添加到桌面</button>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
"short_name": "图片加水印",
|
"short_name": "图片加水印",
|
||||||
"theme_color": "#FFFFFF",
|
"theme_color": "#FFFFFF",
|
||||||
"background_color": "#FFFFFF",
|
"background_color": "#FFFFFF",
|
||||||
"display": "fullscreen",
|
"display": "standalone",
|
||||||
"scope": "/",
|
"scope": "/",
|
||||||
"start_url": "/",
|
"start_url": "/",
|
||||||
"icons": [
|
"icons": [
|
||||||
|
Loading…
x
Reference in New Issue
Block a user