javascript - 如何在 ServiceWorker 中获取自己的 URL 或主机名？

Question

在ServiceWorker JavaScript代码本身(不是页面代码)中，我想知道我自己的URL。或者至少是自己的主机。

我需要这个，因为我希望对来 self 自己的服务器的资源和来自其他服务器的资源有不同的缓存行为。

换句话说:event.request.url 始终是带有主机和路径的 URL(例如 https://example.com/index.html)。我需要知道这个 URL 是否与 ServiceWorker 本身来自同一主机。

Answer 1

在服务工作线程执行上下文中，self 设置为 ServiceWorkerGlobalScope ，继承自 WorkerGlobalScope 。有一个location property在 WorkerGlobalScope 上，可以为您提供所需的信息。

您可以通过以下辅助方法将其付诸实践来解决您的问题:

function isSameOrigin(urlString) {
  const urlOrigin = (new URL(urlString)).origin;
  return urlOrigin === self.location.origin;
}