HTML Guardダウンロード-HTML HTML Guardソースコードのダウンロード

HTML Guard

ウェブサイトデータ

1.0.0

ダウンロード

注記

？コピーまたはソースコードの分析からサイトを信頼できる保護するために、より高度なプロジェクトWebSafeCompilerをお試しください！

？ HTMLガード

静的モジュールhtml-guard.jsを追加すると、ページレイアウトが自動的に難読化されます。 Webアプリケーション/サイトを保護します。

？ビルトイン関数を使用してリソースの動的読み込みを使用することを可能にし、スタイルやスクリプトの静的なダウンロードを防ぎます。

HTMLガードの機能について簡単に説明します。

？ HTMLの難読化（Auto）
?? 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 >

configure

？保護を追加する安全なスタイル/スクリプト（推奨）

<link>の使用は避けてください。 .cssと.jsファイルを動的にロードします！この方法により、web2zip.comなどのサイトのダウンローダーをバイパスすることができます。サイトリソースを動的に追加すると、静的分析中にそれらをコピーすることは不可能です。この場合、HTMLガードが依存関係から削除されると、Webアプリケーションの内容は明らかな理由でロードできません。

 < 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ガードは、この要素を自動的にロードします

この保護方法には2つの利点があります。

写真やその他のリソースは、サイトの静的なダウンロードによってロードされません
HTMLガード属性がないとロードされません

例えば：

 < img _src =" image.jpg " />

ブロックdev-tools（推奨）

この関数は、開発者ツールを開く試みをブロックし、検出された場合、ページをリロードします。

 < 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 >