브라우저의 요소가 숨겨지지 않도록하는 방법은 무엇입니까?

웹 페이지 워터 마크 보호 : 숨겨진 브라우저 요소에 응답합니다

웹 페이지 워터 마크를 설계 할 때 변조 방지 외에도 브라우저의 요소를 숨길 수있는 능력을 고려해야합니다. 사용자는 브라우저의 마우스 오른쪽 버튼 클릭 메뉴를 통해 요소를 쉽게 숨길 수 있습니다. 이 기사는이 동작을 방지하는 방법과 요소 숨기기에 의해 유발되는 이벤트 및 스타일 변경을 탐구합니다.

먼저, 사용자가 브라우저 개발자 도구를 통해 코드를 디버깅하지 못하도록하려면 다음 방법을 시도하여 개발자 도구에 대한 액세스를 방지 할 수 있습니다.

1. 마우스 오른쪽 버튼을 클릭하고 F12 : 키보드 및 마우스 오른쪽 버튼을 클릭하여 사용자가 개발자 도구를 열지 못하게 합니다.

    // f12는 금지되어 있습니다
    document.addeventListener ( 'keydown', e => {
        if (e.keyCode === 123) e.preventDefault ();
    });
    // 마우스 오른쪽 버튼 클릭 메뉴를 금지합니다.

2. 모니터 페이지 크기 변경 : 브라우저 창 크기 변경을 사용하여 개발자 도구가 열려 있는지 여부를 감지 할 수 있습니다. 시각적 영역과 브라우저 창의 크기 차이가 임계 값을 초과하면 개발자 도구가 열려있는 것으로 간주됩니다.

    함수 checkConsole () {
        const 임계 값 = 200;
        const widthdiff = window.outerWidth- window.innerWidth;
        const highdiff = window.outerheight- window.innerheight;
        if (widthdiff> 임계 값 || highdiff> threshold) {
            Console.log ( '개발자 도구가 열릴 수 있습니다');
            // 여기에 해당 치료 추가, 예 : 사용자 경고 또는 기타 조치를 취하는 것과 같은}
    }
    window.addeventListener ( 'Resize', CheckConsole);
    checkConsole ();

3. debugger 문을 사용하여 무한 재귀를 사용하십시오 (권장되지 않음) : 이 방법은 개발자 도구를 직접 감지하지는 않지만 debugger 문과 재귀 호출을 사용하여 개발자 도구가 열릴 때 브라우저가 고정되도록합니다. 이 방법은 사용자 경험에 심각한 영향을 미치고 브라우저 충돌을 일으킬 수 있기 때문에 매우 권장되지 않습니다.

    //이 메소드는 사용자 경험에 심각한 영향을 줄 수 있고 브라우저 충돌을 일으킬 수 있으므로 권장되지 않습니다.
    // 제작 환경 에서이 코드를 사용하지 마십시오.

위의 방법은 완벽하지 않으며 항상 우회 할 가능성이 있습니다. 보다 안정적인 방법은 전체 웹 페이지를 이미지로 변환하여 사용자가 워터 마크 요소를 완전히 제거하지 못하게하는 것입니다. 올바른 전략을 선택하는 것은 보안 요구와 사용자 경험의 균형에 따라 다릅니다.

위 내용은 브라우저의 요소가 숨겨지지 않도록하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!