웹사이트별 Chrome Devtools 감지
제 이름은 Vikram이고 최근에 CodingWorld에 뛰어들었습니다.
처음에는 laravel을 배우고 있었고 지금은 vuejs를 사용하고 있습니다.
이 세상에 새로 온 사람으로서. 나는 웹 사이트에 의한 devtools 자동 감지 작업을 하고 있었고 감지되면 모든 콘텐츠를 숨깁니다. 사용자가 검사 창을 닫으면 사이트를 다시 로드하고 짜잔! 표시된 내용.
많은 인터넷 검색 및 오버플로 스태킹 후. 나는 검사 창이 외부에 도킹 해제되어 있고 닫혀 있으면 웹 사이트를 다시 로드해야 하지만 그렇게 해서는 안 되는 병목 현상이 발생했습니다.
여기 이 커뮤니티에서 누군가 나를 도와준다면 감사할 것입니다.
여기 내 코드가 있습니다 https://pastebin.com/PBpRC2dB
const debuggerCheck = null;
var aCheck = false;
class devtools {
constructor() { }
static toString() {
// alert('in')
aCheck = true;
return "-";
}
}
setInterval(() => {
console.profile(devtools);
// alert(a)
if (aCheck) {
localStorage.setItem("check", 1);
document.body.innerHTML =
'<h2 style="width:100%;text-align:center; margin-top:100px "><strong>Sorry</strong>, but you have opened Developer Tools and you can\'t continue using this app.</h2>';
aCheck = false;
} else {
check();
}
console.profileEnd(devtools);
console.clear()
}, 1000);
function check() {
if (localStorage.getItem("check") == 1) {
window.location.reload();
localStorage.setItem("check", 2);
}
}
document.onkeydown = function(e) {
if (e.keyCode == 123) {
return false;
}
if (e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) {
return false;
}
if (e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)) {
return false;
}
if (e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) {
return false;
}
if (e.ctrlKey && e.keyCode == 'C'.charCodeAt(0)) {
return false;
}
if (e.ctrlKey == true && (e.which == '67')) {
return false;
}
if (e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) {
return false;
}
if (e.ctrlKey && e.keyCode == 'S'.charCodeAt(0)) {
return false;
}
}
// document.addEventListener('contextmenu', function(e) {
// e.preventDefault();
// }, false);
export default {debuggerCheck}
사용자가 콘솔을 연 경우/요소 검사 창, 메시지에 의해 차단된 모든 사이트 콘텐츠 및 콘솔이 닫힌 경우 사이트 콘텐츠가 다시 표시되는 것처럼 작동해야 합니다. 그리고 콘솔 창이 도킹 해제된 다음 닫히면 동일한 작업을 수행해야 하지만 수행하지 않습니다.
나는 며칠 동안 이 코드를 작업하고 있었고 아직 해결책을 찾지 못했습니다. 따라서 여기에이 기사를 게시하여 답변과 아이디어를 찾으십시오.
Reference
이 문제에 관하여(웹사이트별 Chrome Devtools 감지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/oceanrational/chrome-devtools-detection-by-website-1n34텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)