HTML Guard下載HTML Guard源代碼下載

HTML Guard

網站數據

1.0.0

下載

筆記

？嘗試使用更高級的項目Websafecompiler ，以可靠地保護您的網站或複制源代碼的任何分析！

？ HTML警衛

當您添加靜態模塊html-guard.js時，它將自動混淆頁面佈局。保護您的Web應用程序/網站。

？可以使用內置功能來使用資源的動態加載，從而阻止樣式和腳本的靜態下載。

簡要介紹HTML Guard的功能：

？ 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 Guard時，由於明顯的原因，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 Guard將自動加載此元素

此保護方法具有2個優勢：

圖片和其他資源將不會通過網站的靜態下載來加載
沒有HTML Guard屬性不會加載

例如：

 < 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使它們返回null

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