index.html 1.0 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>All the memes!</title>
  6. <link rel="stylesheet" href="css/styles.css">
  7. <!-- 添加 manifest.json 配置文件 -->
  8. <link rel="manifest" href="/manifest.json">
  9. </head>
  10. <body>
  11. <header>
  12. <h1 class="center">简单的H1标题</h1>
  13. </header>
  14. <main>
  15. <div class="container"></div>
  16. </main>
  17. <script src="js/app.js"></script>
  18. <script>
  19. // 加载serviceWorker.js,使得页面加载后,在浏览器输入框出现 install 按钮
  20. window.addEventListener('load', async e => {
  21. if ('serviceWorker' in navigator) {
  22. try {
  23. navigator.serviceWorker.register('serviceWorker.js').then(function(registration){
  24. console.log('Registered events at scope: ', registration.scope);
  25. });
  26. } catch (error) {
  27. console.log('SW failed');
  28. }
  29. }
  30. });
  31. </script>
  32. </body>
  33. </html>