网站QQ防红代码跳转避免被拦截 QQ里提示使用浏览器打开网站代码

最新推荐文章于 2026-02-14 17:10:12 发布

原创最新推荐文章于 2026-02-14 17:10:12 发布 · 1.1k 阅读 ·

大模型引用 2 次

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

佚先森

关注

标签

#php #html

分类前端开发

源码分享专栏收录该内容

165 篇文章

订阅专栏

安鹿贴心分享在QQ中提示用户用浏览器打开网站的实用技术方案，也就是实现网站QQ防红。借助PHP代码精准检测用户代理，如QQ或微信。一旦触发，便呈现含响应式设计的HTML页面，巧妙引导用户点击右上角选择用浏览器打开，还利用Clipboard.js实现便捷的网址复制功能。此代码灵活性高，可嵌入网页头部或底部，有效帮助站长突破QQ内置浏览器的访问限制，显著提升移动端用户的浏览体验，优化网站在QQ端的访问效果。

使用方法

直接把以下代码加到主题head或者footer文件里即可

代码

//来自安鹿轩https://www.anlubk.com

<?php if ((strpos($_SERVER['HTTP_USER_AGENT'], 'QQ/') || strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false)) : ?>

<?php $siteurl = ($_SERVER['SERVER_PORT'] == '443' ? 'https://' : 'http://') . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>

<title>使用浏览器打开</title>

<style>

body,html{width:100%;height:100%}*{margin:0;padding:0}body{background-color:#fff}.top-bar-guidance{font-size:15px;color:#fff;height:70%;line-height:1.8;padding-left:20px;padding-top:20px;background:url(//jsd.admincdn.com/gh/HaoOuBa/BlogStatic/usr/uploads/2021/05/4203917515.png) center top/contain no-repeat}.top-bar-guidance .icon-safari{width:25px;height:25px;vertical-align:middle;margin:0 .2em}.app-download-btn{display:block;width:214px;height:40px;line-height:40px;margin:18px auto 0 auto;text-align:center;font-size:18px;color:#2466f4;border-radius:20px;border:.5px #2466f4 solid;text-decoration:none}

</style>

</head>

<body>

<p>点击右上角<img src="//jsd.admincdn.com/gh/HaoOuBa/BlogStatic/usr/uploads/2021/05/183124684.png" class="icon-safari"> <span id="openm">Safari打开</span></p>

<p>可以继续浏览本站哦~</p>

</div>

<a data-clipboard-text="<?php echo $siteurl; ?>" class="app-download-btn">点此复制本站网址</a>

new ClipboardJS(".app-download-btn");

document.querySelector(".app-download-btn").onclick = function () {

alert("复制成功！")

}

</script>

</body>

</html>

<?php exit; ?>

<?php endif; ?>