浏览器环境检测函数整理
💡
原文中文，约2900字，阅读约需7分钟。
📝
内容提要
本文整理了浏览器环境检测函数，包括对不同浏览器（如Chrome、Firefox、Safari）和操作系统（如iOS、Android）的检测，以及DOM可用性和`beforeInput`事件的支持情况。
🎯
关键要点
- 检测不同浏览器环境的函数，包括Chrome、Firefox、Safari等。
- 支持对操作系统的检测，如iOS和Android。
- 检查DOM的可用性，以确保React等框架的正常运行。
- 支持`beforeInput`事件的检测，指出不同浏览器的兼容性问题。
❓
延伸问答
如何检测用户的浏览器类型？
可以使用特定的函数，如检测用户代理字符串来判断是否为Chrome、Firefox或Safari等浏览器。
如何判断用户的操作系统？
通过检测用户代理字符串，可以判断用户是否在使用iOS或Android等操作系统。
什么是`beforeInput`事件？
`beforeInput`事件是一个输入事件，允许开发者在用户输入之前进行处理，但在某些旧版浏览器中不被支持。
如何检查DOM的可用性？
可以通过判断`window`和`document`对象是否存在，以及`document.createElement`方法是否可用来检查DOM的可用性。
哪些浏览器不支持`beforeInput`事件？
Chrome的旧版本（75及以下）和Legacy版本的Firefox及Edge不支持`beforeInput`事件。
如何判断用户是否使用React 17或更高版本？
可以通过解析`React.version`字符串，判断主版本号是否大于或等于17。
➡️
