3

我的缓存清单文件如下所示：

CACHE MANIFEST

calendar.html
scripts/jquery.js
scripts/calendar.js

NETWORK:

https://apis.google.com/js/client.js

我的 calendar.html 看起来像：

<html manifest="calendar.cache">
  <head>
    <script src="scripts/jquery.js" type="text/javascript"></script>
    <script src="scripts/calendar.js" type="text/javascript"></script>
    <script src='https://apis.google.com/js/client.js?onload=checkAuth'></script>
  </head>
  <body>
    <div id="authorize-div" style="display: inline">
      <span>Authorize access to Google Calendar API</span>
      <!--Button for the user to click to initiate auth sequence -->
      <button id="authorize-button">
        Authorize
      </button>
    </div>
    <pre id="output"></pre>
    <script>

    $(document).ready(function(){

        console.log("ready");
    })
    </script>
  </body>
</html>

如果我禁用缓存一切正常。但是，启用缓存后，我收到apis.google.com/js/client.js文件错误。错误是jquery.js:5 GET https://apis.google.com/js/client.js?onload=checkAuth&_=1474962265124 net::ERR_FAILED。这是针对 google chrome 浏览器的，但我在 firefox 上遇到了类似的错误。我错过了什么？

4

1 回答 1

2

这是由于您为 client.js 传递的参数引起的，即。?onload=checkAuth

在 Web 中，每当您传递任何参数时，该请求都被认为是唯一的。因此，就浏览器而言，清单中声明的​​脚本并不相同

https://apis.google.com/js/client.js // script A
https://apis.google.com/js/client.js?onload=checkAuth //script B ≠ script A

但是在calendar.cache您仅将脚本 A 声明为非缓存。所以现在您可以猜测将清单更改为以下将解决问题

CACHE MANIFEST
calendar.html
scripts/jquery.js
scripts/calendar.js

NETWORK:
https://apis.google.com/js/client.js?onload=checkAuth

onload=checkAuth在不需要回调的情况下，仅删除 Ofc也可以工作。只需擦除整个缓存并重新加载即可看到魔力！

于 2016-09-28T12:54:24.860 回答