前言
在前端中兼容性问题是比较麻烦的事情,解决兼容性问题有一个前提就是你得知道现在用户正在使用的浏览器是哪一种、哪个版本。我们可以用Bom的navigator对象中的userAgent来判断用户使用的浏览器名称及版本。
什么是userAgent?
- userAgent是保存浏览器名称和版本号的字符串,精确判断浏览器名称和版本号时可以使用userAgent。
- 每个浏览器的userAgent字符串各不相同,所以我们可以通过userAgent来判断是哪个浏览器。我们可以看一下每个浏览器的userAgent,不用下载所有浏览器,用Edge浏览器就行了,这里我们只说主流的五种浏览器。
- 用Edge浏览器运行代码
var ua = navigator.userAgent; document.write("<h3>"+ua+"</h3>")
- 然后打开控制台,点击仿真,修改用户代理字符串为五大的浏览器就可以看到每个浏览器的userAgent
- 比如下面这个是Edge的uerAgent,我们不难发现Edge里居然有Chrome和Safari,看看其他浏览器的userAgent也不是都只有自己的名字,其实这是浏览器的一