JS识别爬虫，防止恶意抓取！

　　在互联网时代，爬虫成为了一个非常热门的话题。爬虫可以帮助网站获取到更多的信息资源，也可以对网站造成一定的威胁。因此，在开发网站时，如何防止爬虫成为了一个必须要考虑的问题。其中，JS识别是不是爬虫，页面显示或隐藏就是一个非常有效的方法。

　　一、JS识别是否为爬虫

　　在网页中通过JS来判断是否为爬虫的方法比较简单，在代码中加入如下代码即可：

　　

if(navigator.userAgent.toLowerCase().indexOf('spider')!=-1){

alert('您正在使用爬虫');

}

　　上述代码中，通过判断navigator.userAgent中是否包含‘spider’这个关键字来判断是否为爬虫。如果包含，则弹出提示框提示用户。

　　二、JS实现页面显示或隐藏

　　在实际开发过程中，经常需要根据用户角色或者其他条件来判断页面中某些元素是否需要显示或隐藏。下面是一段示例代码：

　　

<div id="content" style="display:none;">

内容区域

</div>

<script>

var isLogin = true;

if(isLogin){

document.getElementById('content').style.display ='block';

}

</script>

　　上述代码中，首先通过style属性将内容区域隐藏。然后通过JS判断用户是否已经登录，如果已经登录，则将内容区域显示出来。

　　三、JS对页面元素进行加密

　　为了防止爬虫获取页面中的数据，我们可以使用JS对页面元素进行加密。下面是一段示例代码：

　　

<div id="content">

加密后的数据

</div>

<script>

var content ='原始数据';

document.getElementById('content').innerHTML = encrypt(content);

function encrypt(content){

//加密操作

return encryptedContent;

}

</script>

　　上述代码中，首先通过JS将原始数据进行加密，并将加密后的数据放入到页面中。这样就能够有效地防止爬虫获取页面中的数据。

　　四、使用JS生成动态内容

　　为了防止爬虫获取静态页面中的数据，我们可以使用JS生成动态内容。下面是一段示例代码：

　　

<div id="content">

</div>

<script>

var data = getData();

var html ='';

for(var i=0;i<data.length;i++){

html +='<div>'+data[i]+'</div>';

}

document.getElementById('content').innerHTML = html;

function getData(){

//获取数据

return data;

}

</script>

　　上述代码中，通过JS动态生成内容，并将生成的内容放入到页面中。这样就能够有效地防止爬虫获取静态页面中的数据。

　　五、使用JS控制请求频率

　　为了防止爬虫频繁请求页面，我们可以使用JS控制请求频率。下面是一段示例代码：

　　

<button id="btn">点击</button>

<script>

var isClicked = false;

document.getElementById('btn').onclick = function(){

if(!isClicked){

isClicked = true;

//发送请求

setTimeout(function(){

isClicked = false;

}, 1000);

}

}

</script>

　　

　　上述代码中，通过JS控制按钮的点击事件，如果用户在1秒内多次点击按钮，则只有第一次点击会发送请求。

　　六、使用JS生成动态链接

　　为了防止爬虫获取静态链接中的数据，我们可以使用JS生成动态链接。下面是一段示例代码：

　　

<a href="#" id="link"></a>

<script>

var data = getData();

var link ='';

for(var i=0;i<data.length;i++){

link +='<a href="'+data[i]+'">链接'+i+'</a>';

}

document.getElementById('link').innerHTML = link;

function getData(){

//获取数据

return data;

}

</script>

　　上述代码中，通过JS动态生成链接，并将生成的链接放入到页面中。这样就能够有效地防止爬虫获取静态链接中的数据。

　　七、使用JS加密URL参数

　　为了防止爬虫获取URL参数中的数据，我们可以使用JS加密URL参数。下面是一段示例代码：

　　

<a href="#" onclick="b35b02a5327bb1926711971f747ed23a;">点击</a>

<script>

var data = getData();

var url ='http://www.example.com/?data='+encrypt(data);

document.getElementsByTagName('a')[0].onclick = function(){

window.location.href = url;

}

function encrypt(data){

//加密操作

return encryptedData;

}

function getData(){

//获取数据

return data;

}

</script>

　　上述代码中，通过JS加密URL参数，并将加密后的参数放入到URL中。这样就能够有效地防止爬虫获取URL参数中的数据。

　　八、使用JS对表单进行验证

　　为了防止爬虫提交无效的数据，我们可以使用JS对表单进行验证。下面是一段示例代码：

　　

<form id="form">

<input type="text" name="username">

<input type="password" name="password">

<button>提交</button>

</form>

<script>

document.getElementsByTagName('button')[0].onclick = function(){

var username = document.getElementsByName('username')[0].value;

var password = document.getElementsByName('password')[0].value;

if(username && password){

//提交表单

document.getElementById('form').submit();

}

}

</script>

　　上述代码中，通过JS对表单进行验证，只有当用户名和密码都不为空时才能提交表单。这样就能够有效地防止爬虫提交无效的数据。

　　九、使用JS限制访问IP

　　为了防止爬虫频繁访问网站，我们可以使用JS限制访问IP。下面是一段示例代码：

　　

<script>

var ipList =['192.168.0.1','192.168.0.2'];

var currentIP ='192.168.0.3';

if(ipList.indexOf(currentIP)==-1){

alert('您的IP地址不允许访问');

window.location.href ='http://www.ucaiyun.com';

}

</script>

　　上述代码中，通过JS限制访问IP，只有在ipList中包含当前IP时才能访问网站。否则会弹出提示框，并跳转到优采云官网。

　　十、总结

　　通过上述分析，我们可以看出JS识别是不是爬虫，页面显示或隐藏是一个非常有效的防止爬虫的方法。在实际开发过程中，我们可以根据具体情况选择其中的一种或多种方法来进行防护。同时，我们也需要注意使用合适的方式来进行SEO优化，以提高网站的曝光率和流量。