我自己的网站禁止QQ游览器访问代码

我自己的网站禁止QQ游览器访问代码

据用户反映使用QQ游览器游览我的网站时候，出现了网页错乱现象，为了不影响用户访问体验，在网络找了以下代码，本站成功使用以下代码，
代码跳转：

<script type="text/javascript">
    var userAgent = navigator.userAgent.toLowerCase();
    if (userAgent.indexOf('qqbrowser') != -1) {
        alert("当前网页与QQ游览器不兼容，请换其他游览器访问，感谢支持！");
        location.href = "https://www.microsoft.com/zh-cn/edge/download?form=MA13FJ";//跳转到其他页面
    }
</script>

代码提示：

<script type="text/javascript">
// 检测浏览器的 User-Agent 字符串中是否包含指定的关键词
function isBrowserBlocked() {
  const blockedBrowsers = ['QQBrowser']; 
  const userAgent = navigator.userAgent.toLowerCase();

  for (const browser of blockedBrowsers) {
    if (userAgent.includes(browser.toLowerCase())) {
      return true; 
    }
  }
  return false; 
}
// 检测浏览器并显示提示信息
function checkBrowserAndDisplayMessage() {
  if (isBrowserBlocked()) {
    alert('当前网页与QQ游览器不兼容，请换其他游览器访问，感谢支持！);
  } else {
    console.log('允许访问该网站。');
  }
}
// 在页面加载完成后调用检测函数
window.addEventListener('load', checkBrowserAndDisplayMessage);

</script>