PARE de usar innerHTML no JavaScript 👨‍💻 #javascript #programação #programador #xss

Nesse vídeo abordei a importância de se atentar e os pontos negativos da utilização da propriedade innerHTML que pode apresentar vulnerabilidade a ataques XSS.

📚 Livros que Indico (Amazon):

🎥 Vídeos que Você Pode Curtir:

🔗 Links úteis:

Deixe seu like 👍 se este vídeo for útil pra você e se inscreva no canal DevZito para mais dicas e tutoriais sobre programação.

Obrigado por assistir e por fazer parte da comunidade DevZito! Se você tiver alguma dúvida ou sugestão, não hesite em deixar um comentário abaixo. Compartilhe este vídeo com seus amigos devs e bora pra cima. 🚀

[pietroggs]

É só declarar as funções de acesso critico com const, assim elas não podem ser reescritas e nem declaradas novamente. Também colocar a função dentro de um objeto e freezar =D

[CarlosSilva-hyxt]

uma validacao no back e esse ataque vai de arrasta pra cima

[tsa]

você pode usar o innerHTML e filtar o resultado com alguma biblioteca (tem várias, a que eu uso é só pra React), ou vc pode restringir o tipo do input, pra receber só number, só letras maiúsculas, só letras minúscula, ... e isso já restringe bastante a quantidade de ataques possíveis, depois dá pra fazer um filtro na mão mesmo, o importante é só não jogar direto do input para o código, mae não precisa se preocupar tanto com inputs de bibliotecas, por exemplo, eu uso bastante o Next Auth, não tem que mudar muita coisa pq ele já vem com um filtro próprio para evitar esses ataques

[eudanielleal]

Nao seria só sanitizar o código? No input concordo mesmo em nao usar! Mas para mostrar algo no front pelo próprio desenvolvedor ele facilita muito!

[catetodev]

O resolve(), tbm é um método assim kkk, da pra digitar dentro dele um código.

[Dyzel]

Mas o innerHTML foi feito pra isso msm, da pra por tags HTML usando o innerHTML. Mas foi bom o toque.

[KAFKAYn]

Porém o textContent até aonde eu sei não dá por exemplo pra quando vim o texto ele vim de uma X cor