使用QQ或微信浏览器访问网站时跳转到另一个页面
根据代码中的判断条件,如果用户使用的是QQ或微信浏览器,并且配置文件中允许跳转($conf['qqjump'] == 1),则会显示一个提示页面,提示用户使用Safari浏览器打开本站,并提供复制网址的功能。
要实现跳转到第二个页面,可以在提示页面中加入一个跳转链接,例如:
<a href='http://your-second-page-url'>点击跳转到第二个页面</a>
将链接地址替换成你实际的第二个页面的URL即可。
代码示例如下:
<?php
$conf['qqjump'] = 1;
$is_qq = strpos($_SERVER['HTTP_USER_AGENT'], 'QQ/') !== false;
$is_wechat = strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false;
if (($is_qq || $is_wechat) && $conf['qqjump'] == 1) {
$siteurl = 'http://' . $_SERVER['SERVER_NAME'] . $_SERVER["REQUEST_URI"];
?>
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>使用浏览器打开</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'>
<meta name='apple-mobile-web-app-capable' content='yes'>
<meta name='apple-mobile-web-app-status-bar-style' content='black'>
<meta name='format-detection' content='telephone=no'>
<meta name='aplus-touch' content='1'>
<link rel='stylesheet' href='index.css'>
<style>
body {
background-image: url('bg.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
z-index: -1;
}
</style>
</head>
<body>
<div class='top-bar-guidance'>
<p>点击右上角<img src='//gw.alicdn.com/tfs/TB1xwiUNpXXXXaIXXXXXXXXXXXX-55-55.png' class='icon-safari'> <span id='openm'>Safari打开</span></p>
<p>可以继续浏览本站哦~</p>
</div>
<div id='browser'>
<p id='copy-msg'></p>
</div>
<div class='app-download-tip'>
<span class='guidance-desc'>点击上方图标或复制本站网址自行打开</span>
</div>
<div style='text-align:center;'>
<p class='guidance-desc' style='color:white; font-weight:bold;'>请勿在微信聊天中打开本站</p>
</div>
<a href='#' class='app-download-btn' data-clipboard-text='<?= $siteurl ?>'>点此复制本站网址</a>
<a href='http://your-second-page-url' class='app-download-btn'>点击跳转到第二个页面</a>
<script src='https://code.jquery.com/jquery-3.3.1.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js'></script>
<script src='/u/layer.js'></script>
<script>
new ClipboardJS('.app-download-btn', {
text: function() {
$('#copy-msg').text('已成功复制到剪贴板').css({'color':'white', 'font-weight':'bold'});
return '<?= $siteurl ?>';
}
});
</script>
</body>
</html>
<?php
}
?>
原文地址: https://www.cveoy.top/t/topic/jqj6 著作权归作者所有。请勿转载和采集!