Fetch API - 浏览器兼容性

---

---

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

兼容的浏览器

几乎所有现代 Web 浏览器都支持 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 的当前浏览器兼容性。以下是用于检查 Web 浏览器兼容性的要点 -

• Web 浏览器的版本 − 使用 Fetch API 时，请确保您完全了解使用 Fetch API 所需的浏览器版本，因为不同版本的 Web 浏览器对 Fetch API 的支持级别不同。
• 支持 Fetch API – 使用 Web 浏览器时，始终会验证您使用的 Web 浏览器是否支持 Fetch API。尽管几乎所有现代 Web 浏览器都支持 Fetch API，但如果您使用的是较旧的浏览器，则它将不支持 Fetch API。
• 功能检测 − 这是一种用于检查当前 Web 浏览器是否支持 Fetch API 的技术。它创建一个代码来检查是否存在指定的 Fetch API 方法或属性，或者如果当前 Web 浏览器不支持它们，它还可以提供替代功能。
• 跨域请求 − 使用 Fetch API 时，请始终检查当前浏览器是否支持跨域请求。跨域资源共享 （CORS） 策略可以直接影响向不同域发出请求。因此，请始终确保您使用的浏览器必须包含必要的 CORS 标头，并且可以正确处理跨域请求。
• HTTPS 要求 - 某些 Web 浏览器对创建从 HTTP 源到 HTTPS 源的 Fetch API 请求施加了一些限制。因此，请始终检查此类限制并在应用程序中进行必要的更改，以使其满足所有安全要求。
• 处理错误 - 您使用的浏览器必须正确处理错误和 HTTP 状态代码。确保 Web 浏览器提供必要的错误信息，以便正确处理错误。

因此，利用这些要点，我们可以通过使用 Fetch API 来检查 Web 浏览器的兼容性。

结论

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