HTML Guard 다운로드 -HTML HTML Guard 소스 코드 다운로드

HTML Guard

웹사이트 데이터

1.0.0

다운로드

메모

? 소스 코드의 복사 또는 분석에서 사이트를 신뢰할 수있는 보호를 위해 고급 프로젝트 WebSafeCompiler를 사용해보십시오!

? HTML 가드

정적 모듈 html-guard.js 추가하면 페이지 레이아웃을 자동으로 난독 화합니다. 웹 애플리케이션/사이트를 보호하십시오.

? 내장 기능을 사용하여 자원의 동적로드를 사용할 수있게되므로 스타일과 스크립트의 정적 다운로드를 방지합니다.

HTML 가드의 기능에 대해 간단히 :

? HTML의 난독 화 (자동)
?? CSS/JS의 동적 추가 (설정 필요)
?? 접두사를 통한 보호 된 속성 _
? 모든 브라우저에서 DevTools를 차단합니다
? 컨텍스트 메뉴를 잠그십시오
? 페이지에서 블록 드래그
? 페이지에서 텍스트 선택을 차단합니다
? 블록 콘솔 출력

? 사이트에 추가하십시오

 <!DOCTYPE  html >
< html >
    < head >
        <!-- Site protection ON! -->
        < script src =" html-guard.min.js " > </ script >
        < script >
            // Configure protection & resource loading
        </ script >
    </ head >

    < body >
    </ body >
</ html >

✅ 구성

? 안전한 스타일/스크립트 추가 보호 (권장)

<link> 를 사용하지 마십시오. 동적으로 .css 및 .js 파일을로드하십시오! 이 방법을 사용하면 web2zip.com과 같은 사이트의 다운로더를 우회 할 수 있습니다. 사이트 리소스의 동적 추가로 정적 분석 중에 복사 할 수 없습니다. 이 경우 HTML 가드가 종속성에서 제거되면 웹 애플리케이션의 내용은 명백한 이유로로드 할 수 없습니다.

 < script >
    // ADDING: Add link to 'style.css'
    HtmlGuard . loader . loadStyleByRef ( "styles.css" ) ;
</ script >

 < script >
    // ADDING: Add script "test.js" to head
    HtmlGuard . loader . loadScriptBySrc ( "test.js" ) ;

    //  OR

    // ADDING: Add script "test.js" to head after document loading
    HtmlGuard . loader . loadScriptBySrc_ContentLoaded ( "test.js" ) ;
</ script >

?? 동적 속성 보호 (권장)

src _src 되도록 속성 전에 _ 접두사를 추가하십시오. HTML 가드는이 요소를 자동으로로드합니다

이 보호 방법에는 두 가지 장점이 있습니다.

사이트의 정적 다운로드를 통해 사진 및 기타 리소스가로드되지 않습니다.
HTML 가드 속성이 없으면로드되지 않습니다

예를 들어:

 < img _src =" image.jpg " />

블록 개발자 (권장)

이 기능은 개발자 도구를 열려는 모든 시도를 차단하고 감지하면 페이지를 다시로드합니다.

 < script >
    // PROTECTION: Disable DevTools
    HtmlGuard . protections . antiDevTools ( ) ;
</ script >

상황에 맞는 메뉴를 비활성화합니다

표준 컨텍스트 메뉴의 개방을 차단합니다.

 < script >
    // PROTECTION: Disable context menu
    HtmlGuard . protections . blockContextMenu ( ) ;
</ script >

드래그를 비활성화하십시오

사용자는 사이트에서 요소를 드래그 할 수 없습니다.

 < script >
    // PROTECTION: Disable drag
    HtmlGuard . protections . blockDrag ( ) ;
</ script >

선택을 비활성화하십시오

선택 기능을 제거합니다.

 < script >
    // PROTECTION: Disable selection
    HtmlGuard . protections . blockSelection ( ) ;
</ script >

콘솔 출력을 비활성화합니다

이는 브라우저 콘솔에서 디버그 로그를 숨기는 데 유용합니다. log , debug , warn , error , dir , dirxml , assert , table 과 같은 후크 기능

 < script >
    // PROTECTION: Disable console output
    HtmlGuard . protections . blockConsoleOutput ( ) ;
</ script >

? 사용의 예

 < head >
<!-- Example of HTML-Guard protection -->

<!DOCTYPE html >
< html >

< head >
    < script src =" ../html-guard.js " > </ script >
    < script >
        // PROTECTION: Disable DevTools
        HtmlGuard . protections . antiDevTools ( ) ;

        // PROTECTION: Disable context menu
        HtmlGuard . protections . blockContextMenu ( ) ;

        // PROTECTION: Disable drag
        HtmlGuard . protections . blockDrag ( ) ;

        // PROTECTION: Disable selection
        HtmlGuard . protections . blockSelection ( ) ;

        // PROTECTION: Disable console output
        HtmlGuard . protections . blockConsoleOutput ( ) ;

        // ADDING: Add link to 'style.css'
        HtmlGuard . loader . loadStyleByRef ( "styles.css" ) ;

        // ADDING: Run 'test.js' script
        HtmlGuard . loader . loadScriptBySrc ( "test.js" ) ;
    </ script >
</ head >

< body >
    < div >
        <!-- '_id' is protected variant of 'id' -->
        < p > Hello, world! Time: < span _id =" time " > </ span > </ p >

        <!-- '_src' is protected variant of 'src' -->
        < img _src =" test.jpg " _alt =" Test image " />

    </ div >

    < a _href =" https://github.com/DosX-dev/HTML-Guard " > HTML Guard in GitHub! </ a >

</ body >

</ html >