在Phonegap / Javascript应用程序上保存设置

Question

我有一个用HTML5 / Javascript / CSS制作的Android Phonegap应用程序。我想建议用户在应用程序的第一次启动时选择明暗主题。当用户选择其中一个时，应该保存这个选择，并且相应的主题应该在应用程序的进一步启动时设置为默认值。我已经阅读了一些关于这个主题的帖子，我不确定采取哪种解决方案：缓存，cookie或HTML5本地存储（我不熟悉其中任何一个）。哪一个更适合我的应用？

谢谢你们！

Answer 1

localStorage获胜，仅仅因为持久性和易用性：

// set the selected theme
localStorage.setItem("appTheme") = "dark";
...
var lsTheme = localStorage.getItem("appTheme"),
    theme = (typeof lsTheme !== "undefined" ? lsTheme : "bright");
// do something with the selected theme; "bright" is default if no preference stored.

Answer 2

localStorage是最简单和最有效的解决方案，如Kerri Shotts所说，然而setItem方法的语法与她的答案中显示的不同。因为它需要参数一个是keyName，另一个是keyValue就像这样：storage.setItem(keyName, keyValue);这然后使用getItem方法检索如下：var aValue = storage.getItem(keyName);。例如

  localStorage.setItem('bgcolor', 'red');
  localStorage.setItem('font', 'Helvetica');
  localStorage.setItem('image', 'myCat.png');

  var currentColor = localStorage.getItem('bgcolor');
  var currentFont = localStorage.getItem('font');
  var currentImage = localStorage.getItem('image');