Ajax 简明教程

Fetch API - Browser Compatibility

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

Compatible Browsers

几乎所有现代 Web 浏览器都支持获取 API。以下列表显示了支持获取 API 的浏览器名称及其版本 −

Browser Name

Versions

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

Compatibility Check

由于新版本，浏览器兼容性可能会随着时间的推移而改变。因此，这是一个检查当前获取 API 的浏览器兼容性的好方法。以下是用以检查 Web 浏览器兼容性的要点 −

  1. Versions of web browser − 在使用获取 API 时，请确保你完全了解使用获取 API 所需的浏览器版本，因为不同版本的 Web 浏览器对获取 API 的支持级别不同。

  2. Support of Fetch API − 在使用 Web 浏览器时，请务必验证你正在使用的 Web 浏览器是否支持获取 API。尽管几乎所有现代 Web 浏览器都支持获取 API，但如果你使用的是较旧的浏览器，那么它将不支持获取 API。

  3. Feature Detection − 这是一个用于检查当前 Web 浏览器是否支持获取 API 的技术。它创建了一个检查指定获取 API 方法或属性是否存在或可以在当前 Web 浏览器不支持它们的情况下提供备用功能的代码。

  4. Cross-Origin Requests − 在使用 Fetch API 时，务必检查当前浏览器是否支持跨源请求。跨源资源共享 (CORS) 策略会对向不同域进行的请求造成直接影响。因此，务必确保你所使用的浏览器包含必要的 CORS 头信息，并且能够妥善处理跨源请求。

  5. HTTPS requirement − 有些 Web 浏览器对从 HTTP 来源向 HTTPS 来源创建 Fetch API 请求施加了一些限制。因此，务必检查此类限制并对应用程序进行必要的更改，以便它能够满足所有安全要求。

  6. Handling errors − 你所使用的浏览器必须能够正确处理错误和 HTTP 状态代码。确保 Web 浏览器提供了妥善错误处理所需的错误信息。

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

Conclusion

所以，这就是我们能够检查浏览器兼容性的方法。一般来说，所有现代浏览器都支持 Fetch API。它不支持较旧的 Web 浏览器。因此，如果你使用的是较旧的 Web 浏览器，那么你必须使用 XMLHttpRequest。现在，在下一篇文章中，我们将了解 Fetch API 头信息。