{"id":167,"date":"2022-12-13T13:58:37","date_gmt":"2022-12-13T16:58:37","guid":{"rendered":"https:\/\/www.criptografarphp.com.br\/site\/ocultar-e-proteger-o-codigo-css\/"},"modified":"2023-03-30T16:12:29","modified_gmt":"2023-03-30T19:12:29","slug":"ocultar-e-proteger-o-codigo-css","status":"publish","type":"post","link":"https:\/\/www.criptografarphp.com.br\/site\/ocultar-e-proteger-o-codigo-css\/","title":{"rendered":"Ocultar e proteger o c\u00f3digo CSS"},"content":{"rendered":"\n<p>Voc\u00ea pode ocultar o c\u00f3digo CSS ou proteg\u00ea-lo at\u00e9 claro ponto. \u00c9 geral que desenvolvedores web e engenheiros de software&#8230;<br \/>\n<iframe src=\"https:\/\/www.youtube.com\/embed\/ODEXGaly0QE\" width=\"580\" height=\"385\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><br \/>\n00:07:05<br \/>\nVoc\u00ea pode ocultar o c\u00f3digo CSS ou proteg\u00ea-lo at\u00e9 claro ponto. \u00c9 geral que desenvolvedores web e engenheiros de software&#8230;<\/p>\n<p>como proteger ou ocultar o c\u00f3digo css? Bem-vindo ao\u00a0 webstylepress, voc\u00ea pode ocultar ou proteger o c\u00f3digo CSS\u00a0\u00a0 at\u00e9 certo ponto, mas vamos ser realistas primeiro, \u00e9\u00a0 comum para desenvolvedores da Web e engenheiros de software\u00a0\u00a0 fazer engenharia reversa de coisas que um engenheiro de\u00a0\u00a0software experiente pode examinar o que voc\u00ea est\u00e1 tentando\u00a0\u00a0 ocultar implementando certas t\u00e9cnicas, ent\u00e3o essas t\u00e9cnicas n\u00e3o s\u00e3o infal\u00edveis, mas podem dificultar\u00a0\u00a0 qualquer um para descobrir que eu tenho esta\u00a0 p\u00e1gina html, eu vinculei o arquivo custom.css a ela\u00a0\u00a0 e este \u00e9 um div simples com recipiente de vidro\u00a0 estou usando bootstrap para estiliza\u00e7\u00e3o b\u00e1sica\u00a0\u00a0 e este \u00e9 um par\u00e1grafo \u00fanico\u00a0 par\u00e1grafo este \u00e9 meu arquivo css um arquivo css\u00a0\u00a0 que me dar\u00e1 a sa\u00edda neste arquivo css de ponto personalizado\u00a0 e esta \u00e9 a sa\u00edda para a p\u00e1gina da web\u00a0\u00a0 n\u00f3s vinculamos o arquivo custom.css se eu clicar com o bot\u00e3o direito do mouse\u00a0 adicione o documento e clique em adicionar p\u00e1gina de visualiza\u00e7\u00e3o source\u00a0\u00a0 voc\u00ea pode ver que eu tenho este arquivo custom.css\u00a0 vinculado aqui posso clicar neste\u00a0\u00a0 arquivo custom.css e aqui est\u00e1 todo esse c\u00f3digo CSS\u00a0 que est\u00e1 desprotegido agora uma maneira \u00e9\u00a0\u00a0 ocultar ou proteger o c\u00f3digo CSS \u00e9 usar o m\u00e9todo\u00a0 de importa\u00e7\u00e3o voc\u00ea pode ocultar o c\u00f3digo css importando-o\u00a0\u00a0 ent\u00e3o este \u00e9 o nosso arquivo custom.css estou criando\u00a0 outro arquivo aqui e estou nomeando-o como arquivo main.css\u00a0\u00a0 usarei adicionar taxa de importa\u00e7\u00e3o e depois\u00a0 chamarei meu arquivo custom.css neste importar e ent\u00e3o\u00a0\u00a0 vou vincular este arquivo main.css em vez de\u00a0 arquivo custom.css agora vou atualizar esta p\u00e1gina\u00a0\u00a0 vou clicar com o bot\u00e3o direito do mouse e clicar nele visualizar a fonte da p\u00e1gina\u00a0 agora posso ver este arquivo main.css vinculado aqui\u00a0\u00a0 se clicar em adicionar isso css tudo o que verei\u00a0 aqui \u00e9 a instru\u00e7\u00e3o de importa\u00e7\u00e3o e n\u00e3o o c\u00f3digo css\u00a0\u00a0 ent\u00e3o esta \u00e9 uma maneira muito b\u00e1sica\u00a0 de proteger ou ocultar o c\u00f3digo css a segunda maneira \u00e9 minificar o c\u00f3digo css estou usando o arquivo scss\u00a0 vou novamente vincular o arquivo custom.css aqui e\u00a0\u00a0 i estou usando sass e estou usando um compilador de tamanho real de extens\u00e3o para c\u00f3digo do visual studio que converte\u00a0\u00a0 este c\u00f3digo neste arquivo custom.css e essa\u00a0 extens\u00e3o tamb\u00e9m me fornece este arquivo custom.min.css\u00a0\u00a0 portanto, esta \u00e9 uma vers\u00e3o reduzida desse\u00a0 mesmo arquivo css ativo compilador sass e este \u00e9 o compilador sass ao vivo esta \u00e9 a\u00a0 extens\u00e3o quando eu salvo meu arquivo arquivo sass\u00a0\u00a0 ele me d\u00e1 uma sa\u00edda css e tamb\u00e9m\u00a0 me d\u00e1 uma vers\u00e3o minificada desse arquivo css\u00a0\u00a0 agora posso vincular este arquivo arquivo custom.min.css\u00a0 como voc\u00ea pode ver que este c\u00f3digo n\u00e3o \u00e9 muito leg\u00edvel, clique com o bot\u00e3o direito do mouse na fonte da p\u00e1gina e\u00a0 document.css personalizado e este c\u00f3digo n\u00e3o \u00e9 facilmente leg\u00edvel, no entanto, voc\u00ea pode desminific\u00e1-lo\u00a0 facilmente se n\u00e3o trabalhar com sass ou compilador\u00a0\u00a0 sas ao vivo, voc\u00ea pode usar outro est\u00fadio visual extens\u00e3o de c\u00f3digo que \u00e9 minify se voc\u00ea tem\u00a0\u00a0 este arquivo css, voc\u00ea pode usar esta extens\u00e3o que\u00a0 \u00e9 minify com esta extens\u00e3o instalada e com\u00a0\u00a0 arquivo css aberto, voc\u00ea pode pressionar a tecla f1 e\u00a0 clicar em adicionar minify para converter este arquivo css\u00a0\u00a0 em uma vers\u00e3o minificada que o comando ir\u00e1 forne\u00e7a sa\u00edda para vers\u00e3o minificada na mesma pasta para que voc\u00ea possa minificar arquivos diretamente do c\u00f3digo do visual studio e a minifica\u00e7\u00e3o tamb\u00e9m pode proteger seu c\u00f3digo css a terceira maneira \u00e9 ofuscar o c\u00f3digo ou modific\u00e1-lo de uma maneira que se torne dif\u00edcil de descobrir use qualquer ferramenta on-line para ofuscar ou modificar um c\u00f3digo css eu tenho esta ferramenta e se eu tiver o c\u00f3digo css\u00a0\u00a0 posso col\u00e1-lo aqui e clicar em adicionar ofuscamento\u00a0 isso me dar\u00e1 esse tipo de c\u00f3digo aqui\u00a0\u00a0 e posso substituir esse c\u00f3digo no arquivo custom.css e posso vincular custom.css novamente agora, este c\u00f3digo css\u00a0\u00a0 \u00e9 ainda mais dif\u00edcil de entender mais\u00a0 complicado do que a vers\u00e3o minificada do c\u00f3digo, ent\u00e3o\u00a0\u00a0 essa t\u00e9cnica tamb\u00e9m pode ser usada para ocultar ou proteger\u00a0 c\u00f3digo css como voc\u00ea pode ver neste til e \u00e9 igual a este c\u00f3digo \u00e9 definitivamente mais dif\u00edcil de descobrir e se eu vir a sa\u00edda para esta p\u00e1gina, ele funcionar\u00e1 sem erros, mas como eu mencionei, essas t\u00e9cnicas n\u00e3o s\u00e3o infal\u00edveis, ent\u00e3o lembre-se disso tudo bem obrigado por assistir a este v\u00eddeo curta, compartilhe e inscreva-se fique ligado e vejo voc\u00ea no pr\u00f3ximo v\u00eddeo<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea pode ocultar o c\u00f3digo CSS ou proteg\u00ea-lo at\u00e9 claro ponto. \u00c9 geral que desenvolvedores web e engenheiros de software&#8230; 00:07:05 Voc\u00ea pode ocultar&#8230;<\/p>\n","protected":false},"author":1,"featured_media":168,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,2],"tags":[47,206,53,205,83,52],"acf":[],"_links":{"self":[{"href":"https:\/\/www.criptografarphp.com.br\/site\/wp-json\/wp\/v2\/posts\/167"}],"collection":[{"href":"https:\/\/www.criptografarphp.com.br\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.criptografarphp.com.br\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.criptografarphp.com.br\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.criptografarphp.com.br\/site\/wp-json\/wp\/v2\/comments?post=167"}],"version-history":[{"count":2,"href":"https:\/\/www.criptografarphp.com.br\/site\/wp-json\/wp\/v2\/posts\/167\/revisions"}],"predecessor-version":[{"id":284,"href":"https:\/\/www.criptografarphp.com.br\/site\/wp-json\/wp\/v2\/posts\/167\/revisions\/284"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.criptografarphp.com.br\/site\/wp-json\/wp\/v2\/media\/168"}],"wp:attachment":[{"href":"https:\/\/www.criptografarphp.com.br\/site\/wp-json\/wp\/v2\/media?parent=167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.criptografarphp.com.br\/site\/wp-json\/wp\/v2\/categories?post=167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.criptografarphp.com.br\/site\/wp-json\/wp\/v2\/tags?post=167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}