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

但是突然发现对方博客无法 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);

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