Javascript 将配置页面设置为Pebble 3.0 SDK中已保存的特定默认值

我正在尝试将我的手表面板的配置页面设置为默认值，即用户先前在配置页面中已保存的内容。 目前，我有一个手表面板，可以通过设置配置网页和pebble-ja-app.js从列表中选择15种颜色。用户提交他们想要的颜色，然后手表表面会改变颜色，当用户返回到配置网页时，网站会有颜色列表，就像他们第一次访问网页一样。我想让网页从他们以前选择的颜色开始

如有任何帮助或建议，将不胜感激。

---

我所有的源代码都可以在

上找到，您可以使用

localstorage

来实现这一点

function getConfigData() {
    var backgroundColorPicker = document.getElementById('background_color_picker');
    var highContrastCheckbox = document.getElementById('high_contrast_checkbox');

    var options = {
      'background_color': backgroundColorPicker.value,
      'high_contrast': highContrastCheckbox.checked
    };
    // Save for next launch
    localStorage['background_color'] = options['background_color'];
    localStorage['high_contrast'] = options['high_contrast'];
    console.log('Got options: ' + JSON.stringify(options));
    return options;
  }

加载配置页面后，使用自调用JavaScript函数设置GUI状态：

(function() {
    var backgroundColorPicker = document.getElementById('background_color_picker');
    var highContrastCheckbox = document.getElementById('high_contrast_checkbox');
    // Load any previously saved configuration, if available
    if(localStorage['high_contrast']) {
      highContrastCheckbox.checked = JSON.parse(localStorage['high_contrast']);
      backgroundColorPicker.value = localStorage['background_color'];
    }
  })();

（示例来自）