html - 离线 HTML5 应用需要简单密码

Question

我正在创建一个类似于StickyAlbums的简单网络画廊，并希望包含一个可选密码（不是用户名/密码组合）。此密码不需要非常安全，只要使用密码就可以防止意外查看画廊。

StickyAlbums 有一个可选密码，必须通过应用程序本身的链接重置该密码，以便在下次打开时要求输入密码。无论应用程序是在线访问还是离线访问，这都有效。这是我想复制的功能。

包含这样工作的密码的最佳方法是什么？谢谢！

PS 我相当精通 HMTL 和 JavaScript，但 HTML5 对我来说是一个新领域。

Answer 1

您可以使用javascript cookie。像这样的东西：

  var password;

  function getCookie(c_name) {
    var c_value = document.cookie;
    var c_start = c_value.indexOf(" " + c_name + "=");
    if (c_start == -1) { c_start = c_value.indexOf(c_name + "="); }
    if (c_start == -1) { c_value = null; }
    else {
      c_start = c_value.indexOf("=", c_start) + 1;
      var c_end = c_value.indexOf(";", c_start);
      if (c_end == -1) { c_end = c_value.length; }
      c_value = unescape(c_value.substring(c_start,c_end));
    }
    return c_value;
  }

  function setCookie() {
    password = prompt("create your new password");
    document.cookie = "password="+password;
  }

  function checkCookie() {
    var check = prompt("enter password");  
    var pw = getCookie("password");
    if(pw==check) {
      alert('your password was correct');
    } else {
        alert('that is the wrong password');
    }
  }

这是一个简单的例子http://jsfiddle.net/v3Byr/1/