请勿在微信聊天中打开本站 - 使用浏览器访问体验更佳 - 常规

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>请勿在微信聊天中打开本站</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        /*样式可以自行调整*/
        .content {
            margin: 0 auto;
            max-width: 800px;
            text-align: center;
            padding: 20px;
        }
        .app-download-btn {
            display: block;
            margin: 20px auto;
            padding: 10px;
            background-color: #007bff;
            color: #fff;
            border-radius: 5px;
            max-width: 200px;
            cursor: pointer;
        }
        .app-download-btn:hover {
            background-color: #0069d9;
        }
    </style>
</head>
<body>
    <div class="content">
        <h1>请勿在微信聊天中打开本站</h1>
        <p>为了更好的体验，请使用浏览器打开本站。</p>
        <p>复制下方链接，然后在浏览器中打开。</p>
        <a href="#" class="app-download-btn" data-clipboard-text='<?= $siteurl ?>'>点此复制本站网址</a>
        <div id="success" style="display:none;">复制成功！</div>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>
    <script>
        var clipboard = new ClipboardJS('.app-download-btn');
        clipboard.on('success', function(e) {
            document.getElementById("success").style.display = "block";
            setTimeout(function() {
                document.getElementById("success").style.display = "none";
            }, 2000);
            e.clearSelection();
        });
    </script>
</body>
</html>