[发明专利]页面展示方法和装置

说明书

技术领域

本发明涉及Web前端技术，尤其涉及一种页面展示的方法和装置。

背景技术

随着互联网进入Web2.0时代，网页变得不再只是承载单一的文字和图片，而是通过各种富媒体让内容更加生动，并通过软件化的交互为用户提供了更好的使用体验。这些发展基于Web前端技术实现。在这其中，浏览器内核(渲染引擎)相关技术得到了长足的发展。

现今的浏览器内核(例如，webkit)为了优化用户的浏览体验，会在自己的缓存中存储经过其加载并渲染的历史页面。这样在用户为了查看历史页面而点击后退或前进按钮时(其后称为“回退”)，就能够直接从自己的缓存中读取历史页面。

然而，部分版本浏览器内核(例如ios 8，uc 10.0)的缓存(例如，webview缓存)会由于系统的兼容性问题而失效，这会导致在回退时刷新页面，严重影响用户浏览页面的流畅性。

针对上述问题，已经提出了hash以及中间页浮层等的解决方案。但是这些解决方案仍然存在由于需要提取onhashchange(哈希更改)事件而导致不必要的请求增多(hash方案)、由于在页面渲染完毕后才渲染浮层内容而导致延时较大(中间页浮层方案)、无法判断浏览器是否有回退刷新现象等的诸多问题。

因此，需要一种能够克服现有技术中的上述和其他缺陷并且在浏览器内核的缓存失效的情况下仍能保证页面浏览的流畅性的页面展示的方法和装置。

发明内容

本发明所要解决的一个技术问题是提供一种页面展示的方法和装置，其能够在浏览器内核自身缓存失效时保证对历史页面的流畅展示，从而给用户提供良好的浏览体验。

根据本发明的一个方面，公开了一种页面展示方法，包括：判断在沿页面展示历史从当前页面回退到先前页面时是否能够从默认缓存中获得所述先前页面的页面内容；在判断无法从所述默认缓存中获得所述先前页面的页面内容的情况下，使用本地第二缓存来缓存页面展示历史中的页面的页面内容；以及响应于沿页面展示历史回退或前进到目标页面的指令，使用所述本地第二缓存中缓存的相应页面内容来展示所述目标页面。

由此，在判断出无法从默认缓存中获取历史页面的情况下，可以使用默认缓存之外的其他本地缓存来缓存历史页面内容。这样就保证了在执行回退处理时对缓存内容的直接本地读取，避免了影响浏览连贯性的刷新，从而改善用户的浏览体验。

优选地，默认缓存可以是浏览器内核的网络视图(WebView)缓存，本地第二缓存可以是HTML5的会话存储(sessionStorage)缓存或浏览器的历史状态(history.state)缓存。

通过具体化上述默认缓存，并提供可选的两种第二缓存的实现，能够为不同的应用环境选择更为合适的实现，从而进一步提高本发明的页面展示方法的针对性和页面展示速度。

优选地，可以根据标识信息的不同取值来判断是否能够从默认缓存中获得所述先前页面的页面内容。

通过使用标识信息对上述判断进行标识，能够简化计算，提高页面展示的速度，从而进一步改善用户的浏览体验。

优选地，标识信息的取值的初始化可以通过如下之一实现的：使用HTML5的sessionStorage缓存，在每个标签页打开时初始化所述标记信息的取值；使用浏览器的history.state缓存，在每次浏览器启动后访问第一个网页时初始化所述标记信息的取值。

通过提供可选的两种初始化途径，能够进一步提高本发明的页面展示方法的灵活性以及应用于具体场景中的实现速度，由此进一步改善用户的浏览体验。

优选地，标识信息在能够从默认缓存中获得所述先前页面的页面内容时取值为真，否则取值为假。

通过将标识信息的取值具体化为真和假的二元判断，能够进一步提高本发明的页面展示方法的灵活性以及应用于具体场景中的实现速度，由此进一步改善用户的浏览体验。

优选地，使用第二缓存来缓存和展示目标页面可以通过结合使用浏览器的弹出状态处理(onpopstate)来实现，弹出状态处理包括回退分支和刷新分支，在能够从默认缓存中获得所述先前页面的页面内容时执行回退分支，否则执行刷新分支。

通过结合使用浏览器自带的API(应用程序接口)函数来实现回退，能够进一步优化本发明的页面展示方法的计算与速度，从而进一步改善用户的浏览体验。