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。