В этом посте будет описан процесс сокрытия кода JavaScript в исходном коде.
Как скрыть код JavaScript в View Source?
Во-первых, чтобы скрыть код JavaScript в источнике представления, узнайте, как открыть источник представления в инструменте разработчика. На веб-странице есть несколько способов открыть исходный код и увидеть соответствующий код.
Первый способ — « щелкните правой кнопкой мыши » на странице и нажмите кнопку « Просмотр исходного кода страницы ” вариант в “ контекстное меню ' или используйте горячую клавишу ' Ctrl+U ”:
Он покажет полный исходный код страницы в новой вкладке, как показано ниже:
Второй способ — « щелкните правой кнопкой мыши » на странице и нажмите кнопку « Осмотреть ” вариант из “ контекстное меню ' или используйте горячие клавиши ' F12 ', а также ' Ctrl+Shift+I ».
При нажатии кнопки « Осмотреть », откроется приведенное ниже окно с параметрами, где пользователь может увидеть код.
Давайте добавим функциональность, чтобы щелчок правой кнопкой мыши и горячие клавиши на веб-странице не открывали « Просмотр исходного кода страницы ' вариант.
Используйте приведенные ниже строки кода, чтобы предотвратить щелчок правой кнопкой мыши на веб-странице:
документ. addEventListener ( 'контекстное меню' , ( а также ) => {а также. предотвращениепо умолчанию ( ) ;
} , ЛОЖЬ ) ;
Приведенный выше фрагмент кода:
- Сначала вызовите « добавить прослушиватель событий () ', передав ссылку ' контекстное меню ».
- Затем позвоните в « предотвратить по умолчанию () ” метод и установите его ” ЛОЖЬ ”, что означает, что он останавливает событие/опцию щелчка правой кнопкой мыши по умолчанию.
Приведенный ниже фрагмент кода предотвращает использование сочетания клавиш, включая « Ctrl+Shift+I », « Ctrl+U ' а также ' F12 ”:
документ. addEventListener ( 'нажатие клавиши' , ( а также ) => {если ( а также. CtrlKey || а также. ключевой код == 123 ) {
а также. остановить распространение ( ) ;
а также. предотвращениепо умолчанию ( ) ;
}
} ) ;
Выход
Приведенный выше GIF указывает на то, что во время « щелкните правой кнопкой мыши ” или сочетания клавиш:
Теперь давайте посмотрим, как скрыть исходный код, если пользователь использует опцию ниже.
Фрагмент выше показывает другой способ открыть « Инструменты разработчика ”, кроме щелчка правой кнопкой мыши и горячих клавиш.
Чтобы скрыть код JavaScript от этой опции, выполните следующие действия:
Шаг 1: Код JavaScript
Создайте файл JavaScript для кода JavaScript, относящегося к функциональности страницы. Здесь мы создали файл JavaScript с именем « JSfile.js , где будет размещен весь код JavaScript:
Шаг 2. Скройте код JavaScript
Теперь скройте файл JavaScript, следуя этим строкам кода в <скрипт> ярлык:
элемент сценария. тип знак равно 'текст/javascript' ;
элемент сценария. источник знак равно 'JSfile.js' ;
документ. тело . appendChild ( scriptElement ) ;
В приведенном выше фрагменте кода:
- Создайте новый элемент скрипта, используя « создатьЭлемент() метод.
- Добавьте файл кода JavaScript « JSfile.js ', во вновь созданный элемент скрипта в качестве дочернего элемента, вызвав ' добавить дочерний элемент () метод.
Выход
Приведенный выше GIF указывает на то, что на боковой панели « Источник », после открытия « Инструмент для разработчиков ', здесь нет ' JS-файл.js ”, потому что теперь он является дочерним элементом элемента script.
Вывод
Чтобы скрыть код JavaScript в исходном коде, отключите горячие клавиши, такие как « Ctrl+Shift+I », « Ctrl+U ' а также ' F12 », которые используются для открытия инструментов разработчика для просмотра исходного кода и контекстного меню правой кнопки мыши на веб-странице. Или сохраните файл кода JavaScript в другом теге скрипта. В этом посте описывается процесс сокрытия кода JavaScript в исходном коде.