代码之家 › 专栏 › 技术社区 › joshmoto

方法在从主屏幕重新打开支持ios web app的页面时保留新的dom元素

html javascript

joshmoto · 技术社区 · 6 年前

我使用jquery在dom中添加和更改元素,创建了html网页。

当从主屏幕启动时,我使用这个元标记来打开页面全屏。模拟一个基本的类似应用程序的体验。

<meta name="apple-mobile-web-app-capable" content="yes">

我以前在创建支持Web应用的页面以在设备上存储文件时使用过清单文件,但这些文件无法更新,对吗?

我的页面是基于javascript的,我很好奇是否有办法以某种方式存储页面dom内容。其思想是,当从主屏幕或主按钮双击方法重新打开网页时,它会显示最后一个状态页的内容,而不是从头重新加载该页。

这能用饼干或其他东西实现吗?

任何想法或建议都非常好,谢谢。

1 回复 | 直到 6 年前

joshmoto 6 年前

我最后用的是本地存储器。

var data = localStorage.getItem('my_data');

// for testing
alert(data);

set_data = function() {

  data = localStorage.setItem('my_data', 'whatever');

  // for testing
  alert(localStorage.getItem('my_data'));

}

delete_data = function() {

  data = localStorage.clear();

  // for testing
  alert(localStorage.getItem('my_data'));

}

参见工作jsfiddle https://jsfiddle.net/joshmoto/j2y8o6rq/