How make the form password data hidden in Chrome d

Question

When the normal log-in in simple html form submitting, Chrome Developer Tools "Network" panel showing form data like this

But at the major sites like Facebook, Google... They don't show form data in network panel like this

How can do that? Is there any example or tutorials?

Answer 1

We cannot hide from the developer network tab or the form data shown and no one else can see once the network tab clears after a new page is loaded. Once SSL is enabled, That is when the domain is HTTPS the data transferred will be encrypted based on the SSL certificate that could be decrypted at the server end.

Normally, HTTPS protocol is built on TLS/SSL to encrypt the data that is transmitted over the network and to ensure that user is being sent towards the desired site.

If you need you can check the following websites. The username and the password will be shown in the network tab.

• https://www.facebook.com
• https://twitter.com/login
• https://www.linkedin.com

Hence, I hope there is no need of doing this. Anyway if you are looking for an encryption at the client end, then use public key at the client to encrypt and use a private key at the server end as well.