现在SEO优化鼓励内容为王,也就是鼓励大家原创。那么问题来了,如果当我们在原创的时候自己的内容却在被别人抄袭,是不是很气人,今天教大家如何屏蔽网页内容的复制。
JavaScript脚本的方式
通过JavaScript脚本限制复制功能是最常用的方法,具体的实现方式有以下几种:
// 禁用右键菜单、复制、选择
$(document).bind("contextmenu copy selectstart", function() {
return false;
});
// 禁用Ctrl+C和Ctrl+V(所有浏览器均支持)
$(document).keydown(function(e) {
if(e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) {
return false;
}
});
CSS的方式
使用CSS能够保证在用户禁用JavaScript脚本的情况下,复制功能也会被禁止。实现方式如下:
body {
-moz-user-select:none; /* Firefox私有属性 */
-webkit-user-select:none; /* WebKit内核私有属性 */
-ms-user-select:none; /* IE私有属性(IE10及以后) */
-khtml-user-select:none; /* KHTML内核私有属性 */
-o-user-select:none; /* Opera私有属性 */
user-select:none; /* CSS3属性 */
}
HTML属性的方式
HTML的标签提供了一些属性来禁用或开启复制功能。禁止复制和剪切:oncopy="return false;"oncut="return false;"实现方式如下:
<body oncopy="return false" oncut="return false;" onselectstart="return false" >
防止查看源代码进行复制的方法:
通过js实现静止右键和F12,Shift+F10,Ctrl+Shift+I等查看源代码的方法:
<script language="javascript">
function click(e) {
if(document.all) {
if(event.button == 2 || event.button == 3) {
oncontextmenu = 'return false';
}
}
if(document.layers) {
if(e.which == 3) {
oncontextmenu = 'return false';
}
}
}
if(document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown = click;
document.oncontextmenu = new Function("return false;")
document.onkeydown = document.onkeyup = document.onkeypress = function() {
//123屏蔽F12,73屏蔽Ctrl+Shift+I,121屏蔽Shift+F10
if(window.event.keyCode == 123 || window.event.keyCode == 73 || window.event.keyCode == 121) {
window.event.returnValue = false;
return(false);
}
}
</script>
当然大家要知道任何方法都是可以有破解方法的,怎么破解这里就不说出来了。上面的屏蔽方法建议大家都加上可以最大程度的防止网页内容被复制。使用以上方法基本上可以挡住普通人士对于你的网页内容的复制,当然这些方法挡不住的那么基本就是高手了,不管用什么手段,高手都是可以做到复制你的内容。
我们不让别人复制自己网站内容也是为了保护自己网站原创内容的权益,我们可以在页面里加上百度时间因子,可以加强对于网页内容的保护。