服務工作者獲取事件未由Google API請求觸發

Question

我發現我對Google API的請求不會觸發service-worker fetch事件。 靜態資源的獲取以及對其他API的獲取將按預期觸發該事件。

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

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

我沒有找到任何暗示這是設計使然的文檔。

有誰能解釋為什么Google API請求不觸發獲取事件？ 可能與oAuth有關嗎？

Answer 1

您可以檢查DOM並注意到Google的OAuth庫將幾個不可見的<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>用於與Google API的所有網絡通信。 請注意， <iframe>源自https://accounts.google.com的來源，因此這些調用是在服務工作者的范圍之外進行的（僅在https://laurieboyes.github.io內有效）。

您的Service Worker出於安全原因無法截獲該通信。