js识别不同的浏览器

要如何辨加粗样式别不同的浏览器呢？
要想辨别不同的浏览器，我们可以使用Navigator 对象。Navigator 对象包含有关浏览器的信息。我们可以使用Navigator 对象的userAgent 属性来获取浏览器的信息。
userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。
1.只判断浏览器，不判断版本号

 const userAgent = navigator.userAgent; // 获取浏览器信息
        console.log(userAgent)
        if (userAgent.includes('Firefox')) {
   
            // Firefox浏览器
            // 执行Firefox浏览器特定的代码
            console.log('Firefox')
        } else if (userAgent.includes('Chrome')) {
   
            console.log('Chrome')
            // Chrome浏览器
            // 执行Chrome浏览器特定的代码
        } else if (userAgent.includes('Safari')) {
   
            console.log('Safari')
            // Safari浏览器
            // 执行Safari浏览器特定的代码
        } else if (userAgent.includes('Opera') || userAgent.