Como ocultar o código JavaScript na fonte de exibição

Esconder o código de outros usuários ou desenvolvedores é uma tarefa importante. Se o desenvolvedor não tomar precauções com seu código, facilitar. Mas mesmo que os processos de programação ou o código -fonte esteja a um clique extra dos invasores, isso significa segurança extra.

Esta postagem descreverá o processo para ocultar o código JavaScript na fonte de exibição.

Como ocultar o código JavaScript na fonte de exibição?

Primeiro, para ocultar o código JavaScript na fonte de exibição, consulte como abrir a fonte de exibição na ferramenta do desenvolvedor. Na página da web, existem várias maneiras de abrir a fonte de exibição e ver o código relevante.

A primeira maneira é “Clique com o botão direito do mouse”Na página e clique no“Veja a fonte da página"Opção em uma"menu contextual"Ou use a chave de atalho"Ctrl+u”:

Ele mostrará o código -fonte completo da página em uma nova guia, como mostrado abaixo:

A segunda maneira é “Clique com o botão direito do mouse”Na página e clique no“InspecionarOpção de um “menu contextual”Ou use as teclas de atalho“F12", e "Ctrl+Shift+i”.

Ao clicar no “Inspecionar”Opção, ele abrirá a janela abaixo com opções, onde o usuário pode ver o código.

Vamos adicionar funcionalidade para impedir que clique com o botão direito do mouse em uma página da web de abrir o “Veja a fonte da página”Opção.

Use as linhas de código abaixo para evitar o clique com o botão direito em uma página da web:

documento.addEventListener ("contextmenu", (e) =>
e.prevenvDefault ();
, false);

O trecho de código acima:

• Primeiro, invocar o “addEventListener ()”Método, passando a referência do“menu contextual”.
• Então, chame o “PreventDefault ()”Método e defina“falso”, O que significa que interrompe o padrão/opção de clique com o botão direito do mouse.

O trecho de código abaixo impede a chave de atalho, incluindo “Ctrl+Shift+i","Ctrl+u" e "F12”:

documento.addEventListener ("keydown", (e) =>
se (e.Ctrlkey || e.keycode == 123)
e.StopPropagation ();
e.prevenvDefault ();

);

Saída

O GIF acima indica que nenhuma ação é tomada durante “Clique com o botão direito do mouse“Ou teclas de atalho:

Agora, vamos ver como ocultar o código -fonte se o usuário usar a opção abaixo.

O trecho acima mostra outra maneira de abrir “Ferramentas de desenvolvimento“Além do clique com o botão direito do mouse e das teclas de atalho.

Para ocultar o código JavaScript desta opção, use as etapas fornecidas:

Etapa 1: código JavaScript
Crie um arquivo JavaScript para o código JavaScript relevante para a funcionalidade da página. Aqui, criamos um arquivo JavaScript chamado “JSFILE.JS, Onde todo o código JavaScript será colocado:

alerta ("O código JavaScript não está visível na fonte de exibição");

Etapa 2: ocultar código JavaScript
Agora, oculte o arquivo JavaScript seguindo essas linhas de código em um marcação:

Deixe scriptElement = documento.createElement ("script");
ScriptElement.type = "text/javascript";
ScriptElement.src = "jsfile.js ";
documento.corpo.ApndendChild (ScriptElement);

No trecho de código acima:

• Crie um novo elemento de script, usando o “createElement ()”Método.
• Adicione o arquivo de código JavaScript “JSFILE.JS”, No elemento de script recém -criado como um elemento infantil chamando o“ApndendChild ()”Método.

Saída

O gif acima indica que na barra lateral do “FonteGuia, depois de abrir o “Ferramenta de desenvolvedores", não há "Arquivo js.JS”, Porque agora é um elemento infantil do elemento de script.

Conclusão

Para ocultar o código JavaScript na fonte de visualização, desative as teclas de atalho como “Ctrl+Shift+i","Ctrl+u" e "F12”Que são usados ​​para abrir as ferramentas do desenvolvedor para visualizar o código-fonte e o clique com o botão direito do mouse no menu de contexto na página da web. Ou armazenar o arquivo de código JavaScript em outra etiqueta de script. Esta postagem descreve o processo para ocultar o código JavaScript na fonte de visualização.