Jak ukryć kod JavaScript w źródle

Ważnym zadaniem jest ukrywanie kodu przed innymi użytkownikami lub programistami. Jeśli deweloper nie podejmuje środków ostrożności z kodem, ułatwia życie atakującym i innym programistom do klonowania kodu. Ale nawet jeśli procesy programowania lub kod źródłowy są jednym dodatkowym kliknięciem od atakujących, oznacza to dodatkowe bezpieczeństwo.

Ten post opisuje proces ukrywania kodu JavaScript w źródle widoku.

Jak ukryć kod JavaScript w źródle?

Po pierwsze, aby ukryć kod JavaScript w źródle widoku, zobacz, jak otworzyć źródło widoku w narzędziu programisty. Na stronie internetowej istnieje kilka sposobów otwarcia źródła widoku i zobaczenia odpowiedniego kodu.

Pierwszym sposobem jest „Kliknij prawym przyciskiem myszy”Na stronie i kliknij„Zobacz stronę źródłową„Opcja w„menu kontekstowe”Lub użyj klucza skrótu„Ctrl+u”:

Pokazuje pełny kod źródłowy strony w nowej karcie, jak pokazano poniżej:

Drugim sposobem jest „Kliknij prawym przyciskiem myszy”Na stronie i kliknij„Sprawdzać„Opcja z„menu kontekstowe”Lub użyj klawiszy skrótów”F12", I "Ctrl+Shift+I".

Klikając „Sprawdzać„Opcja otworzy poniższe okno z opcjami, w których użytkownik może zobaczyć kod.

Dodajmy funkcjonalność, aby zapobiec kliknięciu prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym przyciskiem myszyZobacz stronę źródłową" opcja.

Użyj poniższych wierszy kodu, aby zapobiec kliknięciu prawym przyciskiem myszy na stronie internetowej:

dokument.addEventListener („contextMenu”, (e) =>
mi.PreventDefault ();
, FAŁSZ);

Powyższy fragment kodu:

• Najpierw przywołaj „„addEventListener ()„Metoda, przekazując odniesienie„menu kontekstowe".
• Następnie zadzwoń do „PreventDefault ()„Metoda i ustaw”FAŁSZ”, Co oznacza, że ​​zatrzymuje domyślne zdarzenie/opcję prawym przyciskiem myszy.

Poniższy fragment kodu zapobiega klawiszowi skrótu, w tym „Ctrl+Shift+I”,„Ctrl+u" I "F12”:

dokument.addEventListener („keydown”, (e) =>
if (e.ctrlkey || mi.KeyCode == 123)
mi.stoppropagation ();
mi.PreventDefault ();

);

Wyjście

Powyższy GIF wskazuje, że podczas „Kliknij prawym przyciskiem myszy”Lub klawisze skrótów:

Teraz zobaczmy, jak ukryć kod źródłowy, jeśli użytkownik używa poniższej opcji.

Snippet powyżej pokazuje inny sposób otwarcia ”Narzędzia deweloperskie„Inne niż kliknięcie prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym przyciskiem prawym.

Aby ukryć kod JavaScript przed tą opcją, użyj podanych kroków:

Krok 1: Kod JavaScript
Utwórz plik JavaScript dla kodu JavaScript odpowiedni dla funkcjonalności strony. Tutaj stworzyliśmy plik JavaScript o nazwie „Jsfile.JS, gdzie zostanie umieszczony cały kod JavaScript:

Alert („Kod JavaScript nie jest widoczny w widoku źródło”);

Krok 2: ukryj kod JavaScript
Teraz ukryj plik JavaScript, wykonując te wiersze kodu w etykietka:

Niech ScriptElement = dokument.createElement („skrypt”);
ScriptElement.type = "text/javascript";
ScriptElement.src = "jsfile.js ";
dokument.ciało.appendChild (scenariusz);

W powyższym fragmencie kodu:

• Utwórz nowy element skryptu, używając „createElement ()" metoda.
• Dodaj plik kodu JavaScript „Jsfile.JS”, W nowo utworzonym elemencie skryptu jako element dziecka, nazywając„appendChild ()" metoda.

Wyjście

Powyższy GIF wskazuje, że na pasku bocznym „Źródło”Tab, po otwarciu„Narzędzie programistów", nie ma "Plik JS.JS”, Ponieważ jest to teraz element dziecięcy elementu skryptu.

Wniosek

Aby ukryć kod JavaScript w źródle widoku, wyłącz skrótki, takie jak „Ctrl+Shift+I”,„Ctrl+u" I "F12”, Które są używane do otwarcia narzędzi programisty do wyświetlenia kodu źródłowego, oraz menu kontekstowe prawym przyciskiem myszy na stronie internetowej. Lub przechowuj plik kodu JavaScript w innym znaczniku skryptu. W tym poście opisano proces ukrywania kodu JavaScript w źródle widoku.