仅在Safari浏览器中显示消息

时间:2020-09-02 14:22:57

标签: jquery vb.net

我只想在Safari浏览器上的网站首页上显示一条消息,而不想在其他浏览器上显示一条消息,因为该网站在Safari中的问题很少,因此我想通过在网站上显示警报来导航用户以使用其他浏览器。我想知道在vb.net或jquery中的解决方案。预先感谢。

1 个答案:

答案 0 :(得分:0)

1)脚本运行时,将检查浏览器是否为野生动物园。

2)如果是,我们得到一个空的div,设置html并添加适当的类以显示警报。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

</head>
<body>
    <div role="alert" id='alert-if-safari'></div>

    <h1>Welcome to my website</h1>

    <script>
        
        var is_safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
        if (is_safari) {
            const alert_div = document.getElementById('alert-if-safari')
            alert_div.className = 'alert alert-danger'
            alert_div.innerHTML = 'Open my website via chrome browser!'
        }

    </script>

</body>
</html>
相关问题