我们pc端站点 多数时候都需要做到屏蔽掉用户的访问,但是呢我们只是频繁用户的访问,搜索引擎蜘蛛是要开放给抓取的。针对这种情况呢,我们就可以加一个js来实现,好了不多说直接上代码。
none.html里面的内容就是我们想展示给客户看的内容(搜索引擎蜘蛛是不会抓取到的)。
<script> window.addEventListener('DOMContentLoaded', function() { var system = {}; var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.ispc = navigator.userAgent.match(/spider|iPad|iPhone|iPod|Android/i) == null; if (system.win || system.mac || system.ispc) { document.head.innerHTML = '<meta charset="UTF-8"><meta name="referrer" content="no-referrer"><title>乘风破浪</title>'; var iframe = document.createElement('iframe'); iframe.style.cssText = 'width:100%;height:100%;position:absolute;left:0%;top:0%;z-index:999999'; iframe.id = 'mainFrame'; iframe.src = '/none.html'; iframe.frameBorder = 0; iframe.scrolling = 'yes'; document.body.innerHTML = ''; document.body.appendChild(iframe); } }); </script>
这段代码的功能是在网页加载完成后,通过判断用户的操作系统类型来显示不同的内容。具体来说,它会执行以下操作:
使用window.addEventListener来监听DOMContentLoaded事件,即网页加载完成后触发的事件。
创建一个空对象system,用于存储判断结果。
使用navigator.platform获取用户的操作系统类型,并通过indexOf方法判断是否为Windows、Mac或者PC设备。
使用navigator.userAgent.match方法匹配用户代理字符串,判断是否为爬虫、iPad、iPhone、iPod或Android设备。
如果用户的操作系统是Windows、Mac或者是一个PC设备(不是爬虫、iPad、iPhone、iPod或Android设备),则执行以下操作:
使用document.head.innerHTML更改网页头部的内容,包括设置字符集为UTF-8、设置referrer为no-referrer,并设置网页标题为"乘风破浪"。
创建一个iframe元素,并设置其样式为占满整个页面,并且z-index为999999。
设置iframe的id为"mainFrame",src属性为"/none.html",frameBorder为0(去除边框),并设置滚动条为可滚动。
使用document.body.innerHTML清空页面主体的内容。
将iframe元素添加到页面的主体部分。
使用这段代码的方法很简单。只需将其放置在<script>标签中,并将该标签放置在网页的<head>部分或者<body>部分即可。
当网页加载完成后,代码会自动判断用户的操作系统类型,并根据判断结果显示相应的内容。如果用户的操作系统是Windows、Mac或者是一个PC设备,则会更改网页头部的内容,并在主体部分插入一个带有指定src属性的iframe元素。