admin 管理员组文章数量: 887017
QQ/微信跳转浏览器打开代码【修复图片显示】
使用方法
将代码全部复制 粘贴到 网站根目录下index.php文件的顶端
注意：不要覆盖了 index.php里面的原代码，原代码保留(请尽快把样式以及图片本地化，以防失效)
使用说明：
手机QQ内打开，会自动跳转浏览器；
微信内打开，需用用户手动跳转；
用户可选择对应浏览器；
用户可手动复制网站地址；
所有使用thinkphp框架的网站均可使用此代码；
代码如下:
<?php
$conf['qqjump']=1;if(strpos($_SERVER['HTTP_USER_AGENT'], 'QQ/')||strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger')!==false && $conf['qqjump']==1){$siteurl='http://'.$_SERVER['SERVER_NAME'].':'.$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];echo '<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">
<style>
body,html{width:100%;height:100%}
*{margin:0;padding:0}
body{background-color:#fff}
#browser img{
width:50px;
}
#browser{
margin: 0px 10px;
text-align:center;
}
#contens{
font-weight: bold;
margin:-285px 0px 10px;
text-align:center;
font-size:20px;
margin-bottom: 125px;
}
.top-bar-guidance{font-size:15px;color:#fff;height:70%;line-height:1.8;padding-left:20px;padding-top:20px;background:url(https://img.alicdn/imgextra/i3/2200638895580/O1CN01awiCFw1r5gfyRJf65_!!2200638895580.png) center top/contain no-repeat}
.top-bar-guidance .icon-safari{width:25px;height:25px;vertical-align:middle;margin:0 .2em}
.app-download-tip{margin:0 auto;width:290px;text-align:center;font-size:15px;color:#2466f4;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcAQMAAACak0ePAAAABlBMVEUAAAAdYfh+GakkAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjwA8acEkAAAy4AIE4hQq/AAAAAElFTkSuQmCC) left center/auto 15px repeat-x}
.app-download-tip .guidance-desc{background-color:#fff;padding:0 5px}
.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>
<div class="top-bar-guidance">
<p>点击右上角<img src="https://img.alicdn/imgextra/i2/2200638895580/O1CN01J075bE1r5gfxMmNsC_!!2200638895580.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="contens">
1.防止腾讯屏蔽本站链接<br /><br />
2.建议用QQ浏览器打开效果最佳<br /><br />
</div>
<div id="browser">
<a href="mttbrowser://url='. $siteurl .'"><img src="https://img.alicdn/imgextra/i4/2200638895580/O1CN01SBZzOC1r5gfz7u3eK_!!2200638895580.jpg"></img></a>
<a href="googlechrome://browse?url='. $siteurl .'"><img src="https://img.alicdn/imgextra/i4/2200638895580/O1CN01uKAjcC1r5gfz7seNT_!!2200638895580.jpg"></img></a>
<a href="alipays://platformapi/startapp?appId=20000067&url='. $siteurl .'"><img src="https://img.alicdn/imgextra/i1/2200638895580/O1CN01G9a7yA1r5gg1mAd2Y_!!2200638895580.jpg"></img></a>
<a href="googlechrome://browse?url='. $siteurl .'"><img src="https://img.alicdn/imgextra/i4/2200638895580/O1CN01gz5cpy1r5gg1mE3BZ_!!2200638895580.jpg"></img></a>
<a href="ucbrowser://'. $siteurl .'"><img src="https://img.alicdn/imgextra/i1/2200638895580/O1CN01pr5nFD1r5gg1mCExu_!!2200638895580.jpg"></img></a>
<a href="bdbrowser://'. $siteurl .'"><img src="https://img.alicdn/imgextra/i3/2200638895580/O1CN01S19hGm1r5gg0JUWIU_!!2200638895580.jpg_160x160.jpg?t=1602614222000"></img></a>
</div>
<div class="app-download-tip">
<span class="guidance-desc">点击上方图标or复制本站网址自行打开</span>
</div>
<script src="https://code.jquery/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
<a data-clipboard-text="'.$siteurl.'" class="app-download-btn">点此复制本站网址</a>
<script type="text/javascript">
new ClipboardJS(".app-download-btn");
$(".app-download-btn").click(function() {
layer.tips("复制成功，么么哒", ".app-download-btn", {
tips: [3, "rgb(38,111,250)"],
time:500
});})
</script>
<script>
function openu(u){
document.getElementById("vurl").href= u;
document.getElementById("vurl").click();
}
var url = window.location.href;
if(navigator.userAgent.indexOf("QQ/")> -1){
openu("ucbrowser://"+url);
openu("mttbrowser://url="+url);
openu("baiduboxapp://browse?url="+url);
openu("googlechrome://browse?url="+url);
openu("mibrowser:"+url);
openu("taobao://"+url.split("://")[1]);
openu("alipays://platformapi/startapp?appId=20000067&url="+url);
$("html").on("click",function(){
openu("ucbrowser://"+url);
openu("mttbrowser://url="+url);
openu("baiduboxapp://browse?url="+url);
openu("googlechrome://browse?url="+url);
openu("mibrowser:"+url);
openu("taobao://"+url.split("://")[1]);
openu("alipays://platformapi/startapp?appId=20000067&url="+url);
});
}else if(navigator.userAgent.indexOf("MicroMessenger") > -1){
if(navigator.userAgent.indexOf("Android") > -1){
var iframe = document.createElement("iframe");
iframe.style.display = "none";
document.body.appendChild(iframe);
}else{
}
}
</script>
</html>';exit; } ?>
使用效果如下：
更多文章查看：www.httple
版权声明：本文标题：QQ微信跳转浏览器打开代码【修复图片显示】 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1728363802h1233964.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论