JS如何實如今微信中調用外部瀏覽器打開指定連接

時間 2019-11-10

原文原文鏈接

使用方法,複製如下貼到index.php 頂部就能夠了.
場景好比網頁包含視頻播放在QQ\WX打開QQ\WX直接調用本身的播放器播放,並且播放完成還有AD推送,很是噁心,因此有了如下代碼有亂碼的話說明你網頁是GBK 自行轉換下

javascript

<?php
function qqwx(){
if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false ) {
echo '<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Language" content="zh-CN">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0" />
<meta content="telephone=no" name="format-detection" />
<title>提示</title>
<style>
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{line-height:1.6;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px}body,h1,h2,h3,h4,h5,p,ul,ol,dl,dd,fieldset,textarea{margin:0}fieldset,legend,textarea,input,button{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;*font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}ul,ol{padding-left:0;list-style-type:none;list-style-position:inside}a img,fieldset{border:0}a{text-decoration:none}
body{
color:#222;
font-size: 12px;
padding: 120px 15px 20px;
text-align:center;
}
h3{
font-size: 18px;
font-weight: normal;
margin-bottom: 13px;
}
.url{
padding: 5px 0;
word-break:break-all;
}
</style>
</head>
<body url="http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'].'">
<div class="">
<h3>請長按網址複製後使用瀏覽器訪問</h3>
<div id="url" class="url"></div>
</div>
<script>
var text = document.createTextNode(document.body.getAttribute("url").replace(/&/g, "&"));
document.getElementById("url").appendChild(text);
</script>
</body>
</html>';
exit(); }
if ( strpos($_SERVER['HTTP_USER_AGENT'], 'QQ/') !== false ) {
echo '<!DOCTYPE html>
<html>
<head>
<script src="https://open.mobile.qq.com/sdk/qqapi.js?_bid=152"></script>
<script type="text/javascript"> mqq.ui.openUrl({ target: 2,url: "http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'].'"}); </script>
<meta http-equiv="Content-Language" content="zh-CN">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0" />
<meta content="telephone=no" name="format-detection" />
<title>提示</title>
<style>
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{line-height:1.6;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px}body,h1,h2,h3,h4,h5,p,ul,ol,dl,dd,fieldset,textarea{margin:0}fieldset,legend,textarea,input,button{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;*font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}ul,ol{padding-left:0;list-style-type:none;list-style-position:inside}a img,fieldset{border:0}a{text-decoration:none}
body{
color:#222;
font-size: 12px;
padding: 120px 15px 20px;
text-align:center;
}
h3{
font-size: 18px;
font-weight: normal;
margin-bottom: 13px;
}
.url{
padding: 5px 0;
word-break:break-all;
}
</style>
</head>
<body url="http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'].'">
<div class="">
<h3>如需瀏覽，請長按網址複製後使用瀏覽器訪問</h3>
<div id="url" class="url"></div>
</div>
<script>
var text = document.createTextNode(document.body.getAttribute("url").replace(/&/g, "&"));
document.getElementById("url").appendChild(text);
</script>
</body>
</html>';
exit();
}
}
qqwx();
?>