Ocultar e proteger o código CSS

Você pode ocultar o código CSS ou protegê-lo até claro ponto. É geral que desenvolvedores web e engenheiros de software…

00:07:05
Você pode ocultar o código CSS ou protegê-lo até claro ponto. É geral que desenvolvedores web e engenheiros de software…

como proteger ou ocultar o código css? Bem-vindo ao  webstylepress, você pode ocultar ou proteger o código CSS   até certo ponto, mas vamos ser realistas primeiro, é  comum para desenvolvedores da Web e engenheiros de software   fazer engenharia reversa de coisas que um engenheiro de  software experiente pode examinar o que você está tentando   ocultar implementando certas técnicas, então essas técnicas não são infalíveis, mas podem dificultar   qualquer um para descobrir que eu tenho esta  página html, eu vinculei o arquivo custom.css a ela   e este é um div simples com recipiente de vidro  estou usando bootstrap para estilização básica   e este é um parágrafo único  parágrafo este é meu arquivo css um arquivo css   que me dará a saída neste arquivo css de ponto personalizado  e esta é a saída para a página da web   nós vinculamos o arquivo custom.css se eu clicar com o botão direito do mouse  adicione o documento e clique em adicionar página de visualização source   você pode ver que eu tenho este arquivo custom.css  vinculado aqui posso clicar neste   arquivo custom.css e aqui está todo esse código CSS  que está desprotegido agora uma maneira é   ocultar ou proteger o código CSS é usar o método  de importação você pode ocultar o código css importando-o   então este é o nosso arquivo custom.css estou criando  outro arquivo aqui e estou nomeando-o como arquivo main.css   usarei adicionar taxa de importação e depois  chamarei meu arquivo custom.css neste importar e então   vou vincular este arquivo main.css em vez de  arquivo custom.css agora vou atualizar esta página   vou clicar com o botão direito do mouse e clicar nele visualizar a fonte da página  agora posso ver este arquivo main.css vinculado aqui   se clicar em adicionar isso css tudo o que verei  aqui é a instrução de importação e não o código css   então esta é uma maneira muito básica  de proteger ou ocultar o código css a segunda maneira é minificar o código css estou usando o arquivo scss  vou novamente vincular o arquivo custom.css aqui e   i estou usando sass e estou usando um compilador de tamanho real de extensão para código do visual studio que converte   este código neste arquivo custom.css e essa  extensão também me fornece este arquivo custom.min.css   portanto, esta é uma versão reduzida desse  mesmo arquivo css ativo compilador sass e este é o compilador sass ao vivo esta é a  extensão quando eu salvo meu arquivo arquivo sass   ele me dá uma saída css e também  me dá uma versão minificada desse arquivo css   agora posso vincular este arquivo arquivo custom.min.css  como você pode ver que este código não é muito legível, clique com o botão direito do mouse na fonte da página e  document.css personalizado e este código não é facilmente legível, no entanto, você pode desminificá-lo  facilmente se não trabalhar com sass ou compilador   sas ao vivo, você pode usar outro estúdio visual extensão de código que é minify se você tem   este arquivo css, você pode usar esta extensão que  é minify com esta extensão instalada e com   arquivo css aberto, você pode pressionar a tecla f1 e  clicar em adicionar minify para converter este arquivo css   em uma versão minificada que o comando irá forneça saída para versão minificada na mesma pasta para que você possa minificar arquivos diretamente do código do visual studio e a minificação também pode proteger seu código css a terceira maneira é ofuscar o código ou modificá-lo de uma maneira que se torne difícil de descobrir use qualquer ferramenta on-line para ofuscar ou modificar um código css eu tenho esta ferramenta e se eu tiver o código css   posso colá-lo aqui e clicar em adicionar ofuscamento  isso me dará esse tipo de código aqui   e posso substituir esse código no arquivo custom.css e posso vincular custom.css novamente agora, este código css   é ainda mais difícil de entender mais  complicado do que a versão minificada do código, então   essa técnica também pode ser usada para ocultar ou proteger  código css como você pode ver neste til e é igual a este código é definitivamente mais difícil de descobrir e se eu vir a saída para esta página, ele funcionará sem erros, mas como eu mencionei, essas técnicas não são infalíveis, então lembre-se disso tudo bem obrigado por assistir a este vídeo curta, compartilhe e inscreva-se fique ligado e vejo você no próximo vídeo