在一次工作中，所做的項目要求頁面中不能右擊，不能打開F12。一般來說可以禁用F12的按鍵，但是可以通過開發者工具進入。經過個人實驗，以下方法適用於谷歌瀏覽器、火狐瀏覽器，以及使用谷歌內核的瀏覽器（如QQ瀏覽器、搜狗瀏覽器等），IE忘了是否支持，自我感覺是目前比較齊全的了。
-
//禁止鼠標右擊
-
document.
oncontextmenu =
function(
) {
-
event.
returnValue =
false;
-
};
-
//禁用開發者工具F12
-
document.
onkeydown =
document.
onkeyup =
document.
onkeypress =
function(
event) {
-
let e = event ||
window.
event ||
arguments.
callee.
caller.
arguments[
0];
-
if (e && e.
keyCode ==
123) {
-
e.
returnValue =
false;
-
return
false;
-
}
-
};
-
let userAgent = navigator.
userAgent;
-
if (userAgent.
indexOf(
"Firefox") > -
1) {
-
let checkStatus;
-
let devtools =
/./;
-
devtools.
toString =
function(
) {
-
checkStatus =
"on";
-
};
-
setInterval(
function(
) {
-
checkStatus =
"off";
-
console.
log(devtools);
-
console.
log(checkStatus);
-
console.
clear();
-
if (checkStatus ===
"on") {
-
let target =
"";
-
try {
-
window.
open(
"about:blank", (target =
"_self"));
-
}
catch (err) {
-
let a =
document.
createElement(
"button");
-
a.
onclick =
function(
) {
-
window.
open(
"about:blank", (target =
"_self"));
-
};
-
a.
click();
-
}
-
}
-
},
200);
-
}
else {
-
//禁用控制台
-
let
ConsoleManager = {
-
onOpen:
function(
) {
-
alert(
"Console is opened");
-
},
-
onClose:
function(
) {
-
alert(
"Console is closed");
-
},
-
init:
function(
) {
-
let self =
this;
-
let x =
document.
createElement(
"div");
-
let isOpening =
false,
-
isOpened =
false;
-
Object.
defineProperty(x,
"id", {
-
get:
function(
) {
-
if (!isOpening) {
-
self.
onOpen();
-
isOpening =
true;
-
}
-
isOpened =
true;
-
return
true;
-
}
-
});
-
setInterval(
function(
) {
-
isOpened =
false;
-
console.
info(x);
-
console.
clear();
-
if (!isOpened && isOpening) {
-
self.
onClose();
-
isOpening =
false;
-
}
-
},
200);
-
}
-
};
-
ConsoleManager.
onOpen =
function(
) {
-
//打開控制台，跳轉
-
let target =
"";
-
try {
-
window.
open(
"about:blank", (target =
"_self"));
-
}
catch (err) {
-
let a =
document.
createElement(
"button");
-
a.
onclick =
function(
) {
-
window.
open(
"about:blank", (target =
"_self"));
-
};
-
a.
click();
-
}
-
};
-
ConsoleManager.
onClose =
function(
) {
-
alert(
"Console is closed!!!!!");
-
};
-
ConsoleManager.
init();
-
}