Les valeurs des éléments stockés à l'aide de l'API localStorage sont-elles visibles par les utilisateurs? Juste comme les cookies?Stockage local exposé aux utilisateurs
Répondre
L'inspecteur web de Safari et Chrome permet l'inspection de ces données, oui. Je ne suis pas sûr de savoir comment les autres navigateurs le gèrent, mais ce n'est certainement pas quelque chose dont vous pouvez dépendre.
Vous pouvez facilement charger les éléments à afficher aux utilisateurs.
boucle Juste à travers tous les éléments de stockage local en utilisant Javascript comme la page se charge ...
<body>
<script language="JavaScript" type="text/javascript">
var item = "";//array to hold string values for each key value
var key ="";//array to hold string values for each key name
for (i=0;i < localStorage.length;i++) {
var count = 0;
if (key != "" | key != null) { //or matches what you're looking for
item[count] = localStorage.getItem(key);
key(i) = localStorage.key(i);
count += 1;
}
}
function load_table()
{
if (item == "" || item == " " || item == null) {
document.write("<div id=\"list_table\" style=\"display: block;\">");
document.write("<h3>You have no stored items.</h3>");
document.write("</div>");
}
else {
document.write("<div id=\"list_table\" style=\"display: block;\">");
document.write("<h3>Stored Items</h3>");
document.write("<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">");
for (i=0;i < item.length;i++) {
document.write("<tr><td width=\"33%\" valign=\"top\">"+item(i)+"</td>");
document.write("<td width=\"67%\" valign=\"top\" style=\"padding-left: 0px; text-transform: capitalize;\">"+key(i)+"</td></tr>");
}
}
document.write("</table>");
document.write("</div> <!-- end list_table div -->");
} // end if (item != "")
} // end load_table
</script>
Dans le html, vous coller un div qui peut être affiché ou masqué, dans un endroit approprié. Si elles cliquent sur un lien, vous pouvez alors afficher la table items_table remplie pendant le chargement de la page et masquée. Tant que vous n'avez pas des milliers d'éléments à charger, il se charge rapidement.
Je peux déterrer un lien pour basculer l'affichage entre le bloc et aucun pour la propriété d'affichage de style si vous le souhaitez.