HTML Guard Download - Загрузка исходного кода HTML Guard

HTML Guard

Данные веб-сайта

1.0.0

Скачать

Примечание

? Попробуйте более продвинутый проект WebSafeCompiler для надежной защиты вашего сайта от копирования или любого анализа исходного кода!

? HTML Guard

Когда вы добавите статический модуль html-guard.js он автоматически запутает макет страницы. Защитите свое веб -приложение/сайт.

? Позволяет использовать динамическую загрузку ресурсов с использованием встроенных функций, которые предотвращают статическую загрузку стилей и сценариев.

Кратко о функциях 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 удаляется из зависимостей, содержимое веб -приложения не сможет загружать по очевидным причинам.

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

Блок 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 , заставляющая их возвращать 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 >

Примечание

Этот модуль предназначен больше для защиты веб -приложений, чем для простых сайтов. Если вы разрабатываете приложения, используя рамки, такие как ReactJS, Vuejs (и т. Д.), то этот проект идеально подходит для вас

Расширять

Дополнительная информация