javascript - 服务 worker 获取事件监听器 : what does it catch?

Question

我在从 Service Worker 捕获 fetch 事件时遇到问题。

在 https://localhost/subdir/page.php 的页面中，我使用以下方式注册服务工作人员:

navigator.serviceWorker.register('https://localhost/subdir/sw.js', {scope: './'}).then( ... );

然后我使用以下方法注册 Fetch 事件监听器:

this.addEventListener('fetch', function(event) { ... });

在 https://localhost/subdir/page.php 的同一页面中，我有四种不同类型的链接:

<a href="https://localhost/subdir/page2.php">link1</a><br />
<a href="http://localhost/subdir/page2.php">link2</a><br />
<a href="https://otherhost">link3</a><br />
<a href="http://otherhost">link4</a><br />

我注意到 Service Worker 只捕获来自 link1 的 fetch 事件，而没有注意到其他三个事件。

我所做的每个测试似乎都表明，服务工作线程仅在发送到其自身来源的请求时才会收到通知。谁能证实这一点吗？有任何已知的解决方法吗？

提前致谢

Answer 1

是的，这就是导航的工作原理。您不应该能够拦截访问不同站点的用户。 (您确实可以访问文档的所有子资源请求，无论来源如何。)