Re: [w3c/ServiceWorker] Assets caching in browsers behaves differently between localhost and deployment (Issue #1689)

Sure! Here's the translation of the provided text:

"I have fixed the issue, but I am not sure why it occurred in the first place.

I realized that it was unable to cache the 'pages/fallback.html' file. Even after modifying the file's content, it still couldn't cache it.

I am confident that I have written the correct path and filename. As a result, to resolve the problem, I created a new file with a different name and copied all the content from 'fallback.html' to this new file. Then, I replaced the 'fallback.html' file with the new one.

By doing this, now all the files are being cached.

Can you please review why the 'fallback.html' file couldn't be cached?

The code for the 'fallback.html' file is as follows:
```
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Food Ninja</title>
    <!-- materialize icons, css & js -->
    <link type="text/css" href="/css/materialize.min.css" rel="stylesheet" />
    <link
      href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet"
    />
    <link type="text/css" href="/css/styles.css" rel="stylesheet" />
    <link rel="manifest" href="/manifest.json" />
    <script type="text/javascript" src="/js/materialize.min.js"></script>
    <meta name="theme-color" content="#FFE1C4" />
  </head>
  <body class="grey lighten-4">
    <!-- top nav -->
    <nav class="z-depth-0">
      <div class="nav-wrapper container">
        <a href="/">Food<span>Ninja</span></a>
        <span class="right grey-text text-darken-1">
          <i class="material-icons sidenav-trigger" data-target="side-menu"
            >menu</i
          >
        </span>
      </div>
    </nav>

    <!-- side nav -->
    <ul id="side-menu" class="sidenav side-menu">
      <li><a class="subheader">FOODNINJA</a></li>
      <li><a href="/" class="waves-effect">Home</a></li>
      <li><a href="/pages/about.html" class="waves-effect">About</a></li>
      <li><div class="divider"></div></li>
      <li>
        <a href="/pages/contact.html" class="waves-effect">
          <i class="material-icons">mail_outline</i>Contact</a
        >
      </li>
    </ul>

    <!-- content -->
    <div class="container grey-text center">
      <h5>OOPS!</h5>
      <p>currently you cannot view this page offline</p>
      <a href="/" class="btn-small orange">Go to Homepage</a>
    </div>
    <script type="module" src="../js/app.js"></script>
    <script type="module" src="../js/ui.js"></script>
  </body>
</html>

```




-- 
Reply to this email directly or view it on GitHub:
https://github.com/w3c/ServiceWorker/issues/1689#issuecomment-1652725310
You are receiving this because you are subscribed to this thread.

Message ID: <w3c/ServiceWorker/issues/1689/1652725310@github.com>

Received on Thursday, 27 July 2023 00:29:06 UTC