Cross-global fetch usage

本文解释了在 fetch 时发生的边缘情况(以及潜在的其他 APIs 展示相同类型的资源检索行为)。当从“iframe”发起包含相对 url 的跨源 fetch 时,相对 url 用于针对当前全局位置而不是 iframe 的位置进行解析。

边缘情况

大多数网站几乎不会遇到这种边缘情况。如下:

  • 需要一个同源的 iframe
  • 该同源 iframe 需要具有不同基址位置
  • 必须使用跨全局的 fetch 函数,例如。frame.contentWindow.fetch()
  • 传递给 fetch 函数的是相对 URL

遇到的问题

以前,我们从当前全局 URL 中解析相对 URL,例如:

let absolute = new URL(relative, window.location.href)

这样做不是什么大问题,只是表现出这种行为的不同 API 与规范中定义的行为的不一致可能导致问题的进一步发展。

解决方案

在 Firefox 60 及以后版本中,Mozilla 对相对 URL 的解析是相对于拥有fetch()函数的全局的。(见 Firefox bug 1432272)。因此在上述情形中,URL 是相对于 iframe 的地址进行解析的:

let absolute = new URL(relative, frame.contentWindow.location.href)

关于使新规范与此行为变化保持一致,以缓解未来可能出现的问题,大量讨论正在进行中。