前端防止頁面被查看源碼、被下載
1、需要引入jQuery文件
可以下載文件后導入項目,也可以使用以下在線CDN數(shù)據:
百度CDN:
<script src=”https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js”></script>
新浪CDN:
<script src=”https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js”></script>
2、頁面中,添加如下js代碼
[ <script>
document.onkeydown = function () {
var e = window.event || arguments[0];
if (e.keyCode == 123) {
alert(‘請尊重勞動成果!’);
return false;
} else if ((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {
alert(‘請尊重勞動成果!’);
return false;
} else if ((e.ctrlKey) && (e.keyCode == 85)) {
alert(‘請尊重勞動成果!’);
return false;
} else if ((e.ctrlKey) && (e.keyCode == 83)) {
alert(‘請尊重勞動成果!’);
return false;
}
}
document.oncontextmenu = function () {
alert(‘請尊重勞動成果!’);
return false;
}
</script>]
<script>
document.onkeydown = function () {
var e = window.event || arguments[0];
if (e.keyCode == 123) {
alert(‘請尊重勞動成果!’);
return false;
} else if ((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {
alert(‘請尊重勞動成果!’);
return false;
} else if ((e.ctrlKey) && (e.keyCode == 85)) {
alert(‘請尊重勞動成果!’);
return false;
} else if ((e.ctrlKey) && (e.keyCode == 83)) {
alert(‘請尊重勞動成果!’);
return false;
}
}
document.oncontextmenu = function () {
alert(‘請尊重勞動成果!’);
return false;
}
</script>
此時,F(xiàn)12、Ctrl+s 、鼠標右擊等,均會有 “ 請尊重勞動成果!”的彈窗提示。