12345678910111213141516171819202122232425262728293031323334353637 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>All the memes!</title>
- <link rel="stylesheet" href="/styles.css">
- <!-- 添加 manifest.json 配置文件 -->
- <link rel="manifest" href="/manifest.json">
- </head>
- <body>
- <header>
- <h1 class="center">Top trending memes today</h1>
- </header>
- <main>
- <div class="container"></div>
- </main>
- <script src="app.js"></script>
- <script>
- // 加载serviceWorker.js,使得页面加载后,在浏览器输入框出现 install 按钮
- window.addEventListener('load', async e => {
- await fetchTrending();
- if ('serviceWorker' in navigator) {
- try {
- navigator.serviceWorker.register('serviceWorker.js');
- console.log('SW registered');
- } catch (error) {
- console.log('SW failed');
- }
- }
- });
- </script>
- </body>
- </html>
|