禁止浏览器开发者工具

230天前658阅读约1分钟 

闲在家里没事看在别人博客,发现了好看的样式,想“学习学习”,嘿嘿。

但是突然发现对方博客无法 f12 查看,然后用审查元素打开会一直刷新网页,根本无法查看。

抱着学习的态度上网学习了下如何实现这样的效果的,如下:

// 判断是否按下 F12,F12 键码为 123,并禁用
window.onkeydown = window.onkeyup = window.onkeypress = function (event) {
    if (event.keyCode = 123) {  
        event.preventDefault(); // 阻止默认事件行为  
        window.event.returnValue = false;  
    }  
}
// 为右键添加自定义事件,可以禁用  
window.oncontextmenu = function() {  
    event.preventDefault(); // 阻止默认事件行为  
    return false;  
}
// 打开网页控制台时自动刷新网页
var threshold = 160;// 控制台的宽或高阈值
// 每秒检查一次
window.setInterval(function(){
    if (window.outerWidth - window.innerWidth > threshold ||   
    window.outerHeight - window.innerHeight > threshold) {  
        // 如果打开控制台,则刷新页面  
        window.location.reload();  
    }  
}, 1e3);

虽然对我这个小破站没啥用,就当记录下吧,哈哈。

JavascriptHTML28 

禁止浏览器开发者工具 - 祭华的博客