QQ/微信浏览器访问提示使用浏览器打开并复制网址
这段代码是一个PHP页面,主要功能是在用户使用QQ或微信浏览器访问网站时,提示用户使用浏览器打开,并提供一些浏览器的图标。另外,当用户点击'点此复制本站网址'按钮时,会使用ClipboardJS库将网站地址复制到剪贴板,并弹出提示框提示复制成功。如果用户未看到提示框,可能是因为浏览器不支持ClipboardJS库或者该库未正确加载。
$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"];
?>
<html>
<head>
<meta charset="UTF-8">
<title>使用浏览器打开</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta name="format-detection" content="telephone=no">
<meta content="false" name="twcClient" id="twcClient">
<meta name="aplus-touch" content="1">
<link rel="stylesheet" href="index.css">
<script type="text/javascript">
$(document).ready(function(){
var clipboard = new ClipboardJS('.app-download-btn');
clipboard.on('success', function(e) {
layer.msg('复制成功!', {icon: 1});
});
$('a[href="<?= $siteurl ?>"]').click(function(){
clipboard.copy('<?= $siteurl ?>');
layer.msg('复制成功!', {icon: 1});
return false;
});
});
</script>
</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>
<a style="display: none;" href="" id="vurl" rel="noreferrer"></a>
<div id="browser">
<a href="<?= $siteurl ?>"><img src="/u/qq.jpg"></img></a>
<a href="<?= $siteurl ?>"><img src="/u/zfb.jpg"></img></a>
<a href="<?= $siteurl ?>"><img src="/u/gg.jpg"></img></a>
<a href="<?= $siteurl ?>"><img src="/u/ss.jpg"></img></a>
<a href="<?= $siteurl ?>"><img src="/u/ie.jpg"></img></a>
</div>
<div id="browser"></div>
<div class="app-download-tip">
<span class="guidance-desc">点击上方图标or复制本站网址自行打开</span>
</div>
<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>
<a data-clipboard-text='$siteurl' class="app-download-btn">点此复制本站网址</a>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/jqju 著作权归作者所有。请勿转载和采集!