Question

如何在重新加载页面后保存foo变量（在本例中为函数）？如何在页面自动重新加载后调用foo？

var foo = function() {
  if(bar){
    location.reload();
    console.log('reload');
  }else{
    console.log('do something');
    //do something
  }
};
foo();

Answer 1

您无法保存在控制台中评估的内容。意味着在控制台中评估的所有内容仅在当前页面会话期间存在。重新加载页面后 - 将删除所有评估结果。如果您仍需要存储此功能 - 您可以使用localStorage或sessionStorage。但是以这种方式存储功能真的是多余的...... 为什么不直接将此函数包含在html中，并且能够在重新加载页面后随时调用它？

Answer 2

您可以检查localStorage中是否存在该值：

var foo = localStorage.getItem('foo')
if (foo) {
  console.log('reload')
} else {
  //if not exists you can set some item at localStorage:
  console.log('do something')
  localStorage.setItem('foo', 'yes')
}

有关详细信息，请参阅Window.localStorage： https://developer.mozilla.org/en-US/docs/Waeb/API/Window/localStorage

Answer 3

我自己找到了使用chrome扩展资源覆盖的解决方案。 https://chrome.google.com/webstore/detail/resource-override/pkoacgokdfckfpndoffpifphamojphii

刚刚将foo函数添加到站点的头部，并将函数调用到正文。每次重新加载时，代码都将写在站点内（本地）。

页面重新加载后保存浏览器控制台变量

3 个答案: