利用js禁止页面右击、禁止打开F12、禁止打开开发者工具

创创的小站
2020-05-09 / 1 评论 / 83 阅读 / 正在检测是否收录...

如何利用js禁止页面右击、禁止打开F12、禁止打开开发者工具
具体代码如下:
首先是禁止F12

window.onkeydown = window.onkeyup = window.onkeypress = function (event) {  
    // 判断是否按下F12,F12键码为123  
    if (event.keyCode = 123) {  
        event.preventDefault(); // 阻止默认事件行为  
        window.event.returnValue = false;  
    }  
}

接着是禁止使用鼠标右键

// 为右键添加自定义事件,可以禁用  
window.oncontextmenu = function() {  
    event.preventDefault(); // 阻止默认事件行为  
    return false;  
}

最后是禁止预先调试和快捷键组合
1、提前打开调试窗口,然后在地址中输入网址,这样就算不用右键和F12也是打开调试窗口的;
2、通过浏览器菜单打开开发者工具来开启调试窗口,还有诸如 shift+ctrl+i 的快捷键打开控制台
对于这种预先打开调试窗口的方法,我们可以通过比较屏幕 window.outerWidth 和页面可见内容区域 window.innerWidth 的差距判断是否打开控制台

var threshold = 160; // 打开控制台的宽或高阈值  
// 每秒检查一次  
window.setInterval(function() {  
    if (window.outerWidth - window.innerWidth > threshold ||   
    window.outerHeight - window.innerHeight > threshold) {  
        // 如果打开控制台,则刷新页面  
        window.location.reload();  
    }  
}, 1e3);

总结:其实多数网站并没有必要使用这个代码,因为互联网多数都是资源共享的,同时世界上也没有什么绝的事情,可以禁止别人页面右击、禁止打开F12、禁止打开开发者工具,有方法可以禁止也是有方法可以解除的,所以说有时候我并不建议使用这个代码。

6
赞赏排名 赞赏支持

免责声明:仅供学术研究使用。对于违反相关法律、造成危害的滥用行为,开发者不负任何责任。

特别说明:

1、 此文如未标注转载均为本站原创,自由转载请表明出处来源于本站。
2、本站所有資源僅供學習與參考,請勿用於商業用途,否則產生的一切後果將由您自己承擔!
3、本站資源來自網絡收集或本人原創,轉載請註明出處!
4、若資源侵犯了你的版權,請聯繫博主,我們會在24H內刪除侵權資源!

评论 (1)

取消
  1. 头像
    66
    Windows 10 · Google Chrome

    感觉多数情况下都用不到表情

    回复