admin管理员组文章数量:1026989
今天分享一个有趣的东西，我们浏览器可以通过F12或者鼠标右键的形式打开html页面，然后就可以看到页面的的信息，如dom结构，加载文件、请求信息等。那有没有办法禁止掉这一行为呢？要相信方法总比问题多，哈哈~
分析：使页面进入调式模式的方法有哪些？
1、按F12
2、鼠标右键，然后。。。
3、提前打开浏览器处于调试模式，然后输入要调试的地址
通过分析我们做出相对应的处理方法即可：
步骤一：禁掉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;
}
步骤三：
var threshold = 160; // 打开控制台的宽或高阈值
// 每秒检查一次
setInternet(function() {
if (window.outerWidth - window.innerWidth > threshold ||
window.outerHeight - window.innerHeight > threshold) {
// 如果打开控制台，则刷新页面
window.location.reload();
}
}, 1000);
通过以上三个步骤，就可以“保护”你的页面数据啦！
今天分享一个有趣的东西，我们浏览器可以通过F12或者鼠标右键的形式打开html页面，然后就可以看到页面的的信息，如dom结构，加载文件、请求信息等。那有没有办法禁止掉这一行为呢？要相信方法总比问题多，哈哈~
分析：使页面进入调式模式的方法有哪些？
1、按F12
2、鼠标右键，然后。。。
3、提前打开浏览器处于调试模式，然后输入要调试的地址
通过分析我们做出相对应的处理方法即可：
步骤一：禁掉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;
}
步骤三：
var threshold = 160; // 打开控制台的宽或高阈值
// 每秒检查一次
setInternet(function() {
if (window.outerWidth - window.innerWidth > threshold ||
window.outerHeight - window.innerHeight > threshold) {
// 如果打开控制台，则刷新页面
window.location.reload();
}
}, 1000);
通过以上三个步骤，就可以“保护”你的页面数据啦！
版权声明：本文标题：浏览器上禁止用户用调试方式打开页面 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/jiaocheng/1741133999a1834713.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论