deferred installation？deferred installation这是之前那篇关于如何使网站可安装的博客文章的续篇，强烈建议您在继续阅读之前先查看一下之前的文章。
deferred installation？Installation Prompt使用户能够轻松地在移动设备或桌面设备上安装渐进式 Web 应用( PWA)。安装 PWA 后，它会被添加到用户的启动器中，使其像其他已安装的应用一样运行。开发者还可以设置仅在用户执行特定操作（例如点击按钮或滚动到页面底部）时才显示 PWA（这表明用户正在与您的网站互动，从而提高用户在被提示时安装 PWA 的可能性）。PWAPWADeferred installationinstallation promptPWA
我们将继续上一篇博客的内容。但我们需要做一些小小的改动。index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>PWA: Installable website</title>
</head>
<body>
<button id="btn">Click Me</button> <!-- CHANGE: BUTTON ADDED -->
</body>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/service-worker.js');
} else {
console.log("Service worker is not supported");
}
</script>
</html>
deferred installation设置时deferred installation需要添加一个脚本。
script.js
let deferredPrompt;
// Storing the installation prompt
window.addEventListener("beforeinstallprompt", (event) => {
deferredPrompt = event;
});
// Displaying the prompt on button click
const btn = document.getElementById('btn');
btn.addEventListener("click", () => {
if (!deferredPrompt) return
deferredPrompt.prompt();
});
将脚本链接到此处index.html。
<script src="script.js"></script>
瞧！这就是推迟所需的一切Installation Prompt。
注意：Installation Prompt您可以仅在用户交互时显示，例如：点击、滚动、表单提交等。
Smartsapp（deferred prompt点击Google OAuth按钮，登录和注册）
网页应用：https://smartsapp-ba40f.firebaseapp.com
ruppysuppy / SmartsApp
一款完全跨平台的即时通讯应用，支持端到端加密（E2EE）。
注意：演示中展示的功能并不完整，仅展示了核心功能。
该应用程序的后端由……处理Firebase。
SmartsappGoogle AnalyliticsApp从概览页面为项目创建项目。Authentication部分Sign-in method卡Email/Password并Google登录Firestore部分Rules……需要一位顶尖的软件开发自由职业者来解决您的开发难题吗？请通过Upwork联系我。
想联系我？请在领英上联系我。
关注我的博客，即可在Medium上获取每两周更新的精彩内容。
常问问题
以下是一些我经常被问到的问题。希望这个常见问题解答部分能解答您的疑问。
我是新手，应该如何学习前端Web开发？
请参考以下文章：
您愿意指导我吗？
抱歉，我已经工作很忙了，没有时间指导任何人。