Tengo una aplicación que genera botones Bootstrap que contienen estos valores sensibles: data-value1="100" data-value2="I love you mamma" como se ve en mi siguiente código.
<button id="button-0" class="btn btn-sm btn-primary" onclick="fetchValue(this)" data-value1="100" data-value2="I love you mamma">100</button>Me gustaría mantener estos valores ocultos para los usuarios no autorizados, sin embargo, uno puede ver estos valores confidenciales cuando hace clic en ellos para inspeccionarlos a través de un navegador como Chrome. ¿Hay alguna manera de ocultar estos valores mientras el botón aún contiene estos valores?
Idealmente, el siguiente código es lo que me gustaría que viera el usuario que hace clic en el botón para inspeccionarlo:
<button id="button-0" class="btn btn-sm btn-primary" onclick="fetchValue(this)">100</button>Javascript se está ejecutando en su lado del cliente, por lo que no creo que esto sea realmente posible.
Cualquier cosa que necesite mantener en secreto tendrá que ser del lado del servidor, idealmente envíelo desde su controlador al lado del cliente.