Тази публикация ще опише процеса за скриване на JavaScript кода в изходния код на изгледа.
Как да скриете JavaScript кода в изходния код?
Първо, за да скриете кода на JavaScript в изходния код на изгледа, вижте как да отворите изходния код на изгледа в инструмента за разработчици. На уеб страницата има няколко начина да отворите изходния код и да видите съответния код.
Първият начин е да „ Кликнете с десния бутон “ на страницата и щракнете върху „ Виж източника на страницата ' опция в ' контекстно меню ” или използвайте клавишната комбинация “ Ctrl+U ”:
Той ще покаже пълния изходен код на страницата в нов раздел, както е показано по-долу:
Вторият начин е „ Кликнете с десния бутон “ на страницата и щракнете върху „ Инспектирайте ' опция от ' контекстно меню ” или използвайте клавишните комбинации “ F12 ', и ' Ctrl+Shift+I ”.
Докато щраквате върху „ Инспектирайте ”, ще отвори дадения по-долу прозорец с опции, където потребителят може да види кода.
Нека добавим функционалност, за да предотвратим отварянето на „ Виж източника на страницата ” опция.
Използвайте редовете от код по-долу, за да предотвратите щракване с десния бутон върху уеб страница:
документ. addEventListener ( 'контекстно меню' , ( и ) => {и. предотврати по подразбиране ( ) ;
} , невярно ) ;
Горният кодов фрагмент:
- Първо извикайте „ addEventListener() ” чрез предаване на референцията на „ контекстно меню ”.
- След това се обадете на „ предотврати по подразбиране() ' метод и го задайте ' невярно ”, което означава, че спира събитието/опцията за щракване с десен бутон по подразбиране.
Кодовият фрагмент по-долу предотвратява клавишната комбинация, включително „ Ctrl+Shift+I ”, “ Ctrl+U ' и ' F12 ”:
документ. addEventListener ( 'ключ' , ( и ) => {ако ( и. ctrlKey || и. keyCode == 123 ) {
и. stopPropagation ( ) ;
и. предотврати по подразбиране ( ) ;
}
} ) ;
Изход
Горният GIF показва, че не се предприемат действия по време на „ Кликнете с десния бутон ” или клавишни комбинации:
Сега нека да видим как да скриете изходния код, ако потребителят използва опцията по-долу.
Фрагментът по-горе показва друг начин за отваряне на „ Инструменти за разработчици ”, различни от щракване с десен бутон и клавишни комбинации.
За да скриете JavaScript кода от тази опция, използвайте дадените стъпки:
Стъпка 1: JavaScript код
Създайте JavaScript файл за JavaScript кода, подходящ за функционалността на страницата. Тук създадохме JavaScript файл, наречен „ JSfile.js , където ще бъде поставен целият JavaScript код:
Стъпка 2: Скрийте JavaScript кода
Сега скрийте JavaScript файла, като следвате тези редове код в a <скрипт> таг:
scriptElement. Тип = 'текст/javascript' ;
scriptElement. src = 'JSfile.js' ;
документ. тяло . appendChild ( scriptElement ) ;
В горния кодов фрагмент:
- Създайте нов скриптов елемент, като използвате „ createElement() ” метод.
- Добавете файла с код на JavaScript “ JSfile.js “, в новосъздадения скриптов елемент като дъщерен елемент чрез извикване на „ appendChild() ” метод.
Изход
Горният GIF показва, че в страничната лента на „ Източник ”, след като отворите раздела „ Инструмент за разработчици ', няма ' JS файл.js ”, защото сега е дъщерен елемент на скриптовия елемент.
Заключение
За да скриете JavaScript кода в изгледа източник, деактивирайте клавишните комбинации като „ Ctrl+Shift+I ”, “ Ctrl+U ' и ' F12 “, които се използват за отваряне на инструментите на програмиста за преглед на изходния код и контекстното меню с десен бутон на уеб страницата. Или съхранете кодовия файл на JavaScript в друг таг на скрипта. Тази публикация описва процеса за скриване на JavaScript кода в изходния код на изгледа.