给网站添加js判断,当电脑端和手机端直接访问网站时,显示
404页面。电脑端搜索引擎访问快照进入网站,也显示404页面。只有手机浏览器通过搜索引擎访问快照过来的访客,才能访问页面。
方法很简单,只需要在页面头部添加下面的js代码即可:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Conditional Access</title>
<style>
/* 默认隐藏页面内容 */
body {
display: none;
}
</style>
</head>
<body>
<!-- 页面内容 -->
<h1>Welcome to the Page</h1>
<p>This is a sample page.</p>
<script type="text/javascript">
// 检测是否为移动端
function isMobile() {
const userAgent = navigator.userAgent.toLowerCase();
return /android|iphone|ipad|mobile/i.test(userAgent);
}
// 检测来源是否为移动端搜索引擎
function isFromMobileSearchEngine() {
const referrer = document.referrer.toLowerCase();
const mobileSearchEngines = ['m.baidu.com', 'm.sogou.com', 'm.so.com'];
return mobileSearchEngines.some(engine => referrer.includes(engine));
}
// 快速跳转逻辑
function checkAndRedirect() {
if (!(isMobile() && isFromMobileSearchEngine())) {
// 如果不符合条件,直接跳转到404页面
window.location.href = "/404.html";
} else {
// 如果符合条件,显示页面内容
document.body.style.display = 'block';
}
}
// 在页面加载的早期阶段执行检查
document.addEventListener('DOMContentLoaded', checkAndRedirect);
</script>
</body>
</html>