javascript - Google API 请求未触发 Service Worker 获取事件

Question

我发现我对 Google API 的请求不会触发服务工作线程获取事件。获取静态资源和其他 API 会按预期触发事件。

演示:https://laurieboyes.github.io/test-gapi-sw/

演示代码:https://github.com/laurieboyes/test-gapi-sw/blob/master/index.html

我无法找到任何表明这是设计使然的文档。

有人能够解释为什么 Google API 请求不会触发 fetch 事件吗？这可能与 oAuth 有关吗？

Answer 1

您可以检查您的 DOM，并注意到 Google 的 OAuth 库注入(inject)了几个不可见的 <iframe>进入您的页面，如下所示:

<iframe name="oauth2relay368346125" id="oauth2relay368346125" 
  src="https://accounts.google.com/o/oauth2/postmessageRelay?parent=https%3A%2F%2Flaurieboyes.github.io&amp;...&amp;forcesecure=1"
  tabindex="-1" aria-hidden="true" 
  style="width: 1px; height: 1px; position: absolute; top: -100px;">
</iframe>

这些<iframe> s 用于与 Google API 的所有网络通信。请注意<iframe> s 源自 https://accounts.google.com源，因此这些调用是从您的 Service Worker 范围之外进行的(仅在 https://laurieboyes.github.io 内工作)。

出于安全原因，您的 Service Worker 无法拦截该通信。