<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>All the memes!</title>
    <link rel="stylesheet" href="css/styles.css">
    <!-- 添加 manifest.json 配置文件 -->
    <link rel="manifest" href="/manifest.json">
</head>

<body>
    <header>
        <h1 class="center">简单的H1标题</h1>
    </header>
    <main>
        <div class="container"></div>
    </main>
    <script src="js/app.js"></script>
    <script>
        // 加载serviceWorker.js,使得页面加载后,在浏览器输入框出现 install 按钮
        window.addEventListener('load', async e => {
            if ('serviceWorker' in navigator) {
                try {
                    navigator.serviceWorker.register('serviceWorker.js').then(function(registration){
                        console.log('Registered events at scope: ', registration.scope);
                    });
                } catch (error) {
                    console.log('SW failed');
                }
            }
        });
    </script>
</body>

</html>