利用免费oss对象存储实现域名防红
大家在使用微信分享转发链接的时候,都很容易碰到链接在微信中无法打开网页的问题。通常这种情况微信会给个提示 “已停止访问该网址” ,导致这个情况的因素有以下三点。
- 分享链接被多人举报。
- 链接含违规内容,含敏感词。
- 被腾讯检测系统判断为诱导分享内容。
这里呢教一个简单的方法做一个域名防红的网页,实现微信跳转链接,也就是微信内置浏览器不能打开网页,需要跳转其他浏览器打开链接
步骤
首先找一个免费的OSS桶也就是对象存储,这里以腾讯云为例
然后新建一个名为“index.html”的文件,写入下面的内容
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover" />
<title>请用浏览器打开</title>
</head>
<body>
<img src="https://i0.wp.com/uxiaohan.github.io/v2/2022/03/3097368622.jpg" width="340" height="600" align="absmiddle" />
<div id="tips" style="font-size:25px;text-align: center;line-height: 50px;"></div>
<script>
const url = document.location.toString();
const urlParmStr = url.slice(url.indexOf("=") + 1);
if (is_weixn_qq()) {
document.getElementById("tips").innerHTML = "请在浏览器打开本页面";
} else {
// 不是微信客户端,直接可以访问链接
location.href = urlParmStr;
}
// 判断QQUA的代码无需修改
function is_weixn_qq() {
const ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
return "weixin";
} else if (ua.match(/QQ/i) == "qq") {
return "QQ";
}
return false;
}
</script>
</body>
</html>
将文件上传到你创建的存储桶,然后复制文件的链接
然后发送就可以啦!当用QQ或微信打开就会显示这个