统计
  • 建站日期:2022-01-17
  • 文章总数:5751 篇
  • 评论总数:56758条
  • 分类总数:43 个
  • 最后更新:1天前

站长必备,简单几行代码从微信跳到外部浏览器

作者头像
首页 建站技术 正文
广告
广告

image.png

以往的跳转方式都是手动跳转,或者提醒跳转。

还有就是通过阿里云的OSS和腾讯云的COS储存桶用html文件进行跳转

因为储存桶的自带的域名不容易域名爆红和打不开

网上的一些跳转方式也是层出不穷。

往期也分享过不少的域名防红的程序,下面分享一段php的代码,可以直接拉起微信浏览器跳转到外部的浏览器

//拉起外部浏览器
//原理下载文件进行跳转
<?php
$ua =$_SERVER['HTTP_USER_AGENT'];
$isWechat = (strpos($ua, 'MicroMessenger')) ? true : false;
if ($isWechat) {
    header("Content-Disposition: attachment; filename=\"a.doc\"");
    header("Content-Type: application/vnd.ms-word; charset=utf-8");
} else {
    header('location: https://www.aybk.cn');
}
?>
<!DOCTYPE html>

<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>浏览器打开</title>
<style>
  body {
    font-family: 'Arial', sans-serif;
    background-color: #f7f7f7;
    text-align: center;
    padding-top: 50px;
  }

  .container {
    margin: 0 auto;
    width: 90%;
    max-width: 600px;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
  }

  button {
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    font-size: 18px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 20px;
  }

  button:hover {
    background-color: #0056b3;
  }

  .instructions {
    margin-top: 20px;
    font-size: 16px;
    color: #666;
  }
</style>

<script>
function openInBrowser() {
  var targetUrl = 'https://www.aybk.cn/'; // 替换为您想要跳转的网址

  // 检测是否在微信浏览器中
  var ua = navigator.userAgent.toLowerCase();
  if (ua.match(/MicroMessenger/i) == 'micromessenger') {
    // 在微信内,显示提示信息
    alert('请点击右上角菜单,选择"在浏览器中打开"');
  } else {
    // 不在微信内,直接跳转
    window.location.href = targetUrl;
  }
}
</script>
</head>
<body>

<div class="container">
  <h1>阿影博客</h1>
  <p>为了更好浏览体验,请通过右上角从浏览器打开</p>
  <div class="instructions">
    <p>如果您在微信中打开此页面,请:</p>
    <ol>
      <li>点击页面右上角的三个点</li>
      <li>选择“在浏览器中打开”</li>
      <li><button onclick="openInBrowser()">打开阿影博客</button></li>
    </ol>

  </div>
</div>

</body>
</html>

这个方式只测试过PC和安卓手机,IOS没有测试

版权说明
文章采用: 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。
版权声明:本站资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系客服并出示版权证明以便删除!
百度广告竞价页订单管理系统源码
« 上一篇 12-11
海外人工智能源码/产品理财投资任务系统源码/投资源码
下一篇 » 12-11

发表评论

  • 泡泡
  • 阿呆
  • 阿鲁
  • 蛆音娘
    没有更多评论了