Fetch API - 浏览器兼容性

Fetch API 提供了一个现代的 JavaScript 接口,用于向服务器发送请求并异步处理来自服务器的响应。 与 XMLHttpRequest 对象相比,它更强大、更灵活。

兼容的浏览器

几乎所有现代网络浏览器都支持 Fetch API。 以下列表显示了支持 Fetch API 的浏览器及其版本 −

浏览器名称 版本

Chrome

42-117

Edge

14-114

Firefox

39-117

Safari

10.1-16.6

Opera

29-100

Chrome Android

101

Firefox for Android

111

Opera Android

70

Safari on IOS

10.3-16.6

Samsung Internet

4-19

兼容性检查

由于新版本的出现,浏览器兼容性可能会随着时间的推移而发生变化。 因此,检查 Fetch API 当前浏览器的兼容性是一个很好的做法。 以下是用于检查网络浏览器兼容性的要点 −

  • 网络浏览器版本 − 使用 Fetch API 时,请确保您充分了解使用 Fetch API 所需的浏览器版本,因为不同版本的网络浏览器对 Fetch API 的支持程度各不相同。

  • 支持 Fetch API − 使用 Web 浏览器时,请始终验证您使用的 Web 浏览器是否支持 Fetch API。 虽然几乎所有现代网络浏览器都支持 Fetch API,但如果您使用的是较旧的浏览器,那么它将不支持 Fetch API。

  • 特征检测 − 这是一种用于检查当前网络浏览器是否支持 Fetch API 的技术。 它创建一个代码来检查指定的 Fetch API 方法或属性是否存在,或者如果当前 Web 浏览器不支持它们,它还可以提供替代功能。

  • 跨域请求 − 使用 Fetch API 时,请始终检查当前浏览器是否支持跨域请求。 跨域资源共享 (CORS) 策略可以直接影响向不同域发出请求。 因此,请务必确保您使用的浏览器必须包含必要的 CORS 标头,并且可以正确处理跨源请求。

  • HTTPS 要求 − 某些 Web 浏览器对创建从 HTTP 源到 HTTPS 源的 Fetch API 请求应用一些限制。 因此,请务必检查此类限制并在应用程序中进行必要的更改,以便满足所有安全要求。

  • 处理错误 − 您使用的浏览器必须正确处理错误和 HTTP 状态代码。 确保网络浏览器提供正确错误处理所需的错误信息。

因此,利用这些点,我们可以使用 Fetch API 检查网络浏览器的兼容性。

结论

这就是我们检查浏览器兼容性的方法。 所有现代浏览器通常都支持 Fetch API。 它不支持较旧的网络浏览器。 因此,如果您使用旧的 Web 浏览器,那么您必须使用 XMLHttpRequest。 在下一篇文章中,我们将了解 Fetch API Headers。