Chrome存储 - 用户名/密码

时间:2018-05-11 19:33:49

标签: javascript forms google-chrome google-chrome-extension addeventlistener

我的Chrome扩展程序出现问题...我试图在另一个页面上保存用户名和密码以自动填充 - 问题是它不会让我编辑用户名,尽管它完全适用于密码......

澄清一下,brugernavn =用户名 - adgangskode =密码。

Popup window

通过html弹出窗口激活的javascript如下:

用户名:

  window.addEventListener('load', function load(event) {
      chrome.storage.local.get(['brugernavn'], function(result) {
          if (result !== undefined && result.brugernavn !== undefined) {
              document.getElementById('brugernavn').value = result.brugernavn;
    }
});

  document.getElementById('gem').onclick = function() {
    chrome.storage.local.remove('brugernavn');
      chrome.storage.local.set({'brugernavn': document.getElementById('brugernavn').value});
    };
});

密码:

  window.addEventListener('load', function load(event) {
      chrome.storage.local.get(['adgangskode'], function(result) {
          if (result !== undefined && result.adgangskode !== undefined) {
              document.getElementById('adgangskode').value = result.adgangskode;
          }
      });

  document.getElementById('gem').onclick = function() {
    chrome.storage.local.remove('adgangskode');
      chrome.storage.local.set({'adgangskode': document.getElementById('adgangskode').value});
};
  });

因此密码完全有效,但我无法修改用户名以保存新用户名。

提前致谢。

2 个答案:

答案 0 :(得分:0)

好的,所以经过很多困惑和眼泪之后,它开始起作用了。不太确定为什么或如何,但是确实如此。

我分离了脚本,然后就可以正常工作了……但是当我将密码放入数组中时完全可以正常工作了。

下面的代码:(将在某些时候使其变得不太尴尬)

    var storage = chrome.storage.local;

brugernavn ();
function brugernavn () {
  window.addEventListener('load', function load(event) {
      storage.get(['brugernavn'], function(result) {
          if (result !== undefined && result.brugernavn !== undefined) {
              document.getElementById('brugernavn').value = result.brugernavn;
        }
    });

      document.getElementById('gem').onclick = function() {
        storage.remove('brugernavn');
          storage.set({'brugernavn': document.getElementById('brugernavn').value});

          storage.remove('adgangskode');
            var adgangs = document.getElementById('adgangskode').value;
            storage.set({'adgangskode' : adgangs});
        };
    });
}

搜索说明: chrome扩展名密码用户名登录chrome.storage chrome.storage.local

答案 1 :(得分:0)

优化脚本:

/*----STORAGE SAVE----*/
document.addEventListener('keyup', function (event) {

  var getValueBruger = document.getElementById('brugernavn').value;
  var getValueAdgangs = document.getElementById('adgangskode').value;

  storage.set({
    "brugernavn": getValueBruger,
    "adgangskode": getValueAdgangs
  });
});