[发明专利]基于Ios系统WebView的翻页方法和翻页系统

说明书

技术领域

本发明属于网页翻页技术领域，具体涉及一种基于Ios系统WebView的翻页方法和翻页系统。

背景技术

iOS系统是由美国苹果公司开发的应用于手机和平板电脑的移动操作系统，WebView控件是iOS系统的一个最常用的控件，可称为内置的浏览器控件，通过WebView控件，可浏览网页、打开文档等。

目前，WebView控件主要采用以下两种方式之一显示网页内容：

方式一：当移动端接收到对某一url网页的请求时，移动端通过网络向服务器端发送该网页的下载请求，在移动端下载到完整的网页后，再通过WebView控件同时显示完整的网页；该种方式存在的主要问题为：如果对应某一url的网页较大，包含的信息较多，因此，通过网络将该url所对应的网页均下载下来，会消耗移动端较多的流量，并且，也会导致移动端等待时间较长，从而降低了用户体验；此外，在多数情况下，由于用户的喜好不同，通常只对某一url所对应的网页中的部分内容感兴趣，而将该url所对应的网页均下载下来，会导致所下载的网页的篇幅过长，进一步影响了用户体验。可见，该种方式只适用于篇幅较短、形式单一的网页。

方式二：在服务器采用了对网页的分页处理技术，因此，在移动端，通过WebView控件显示分页处理后的某一页网页，但是，WebView控件采用传统页面切换方式，即：当需要显示下一页内容时，需要首先将当前页内容清空，然后再加载下一页内容。本方式虽然解决了方式一的不足，但是，不存在翻页时的过渡效果，在新页内容加载显示之前，由于旧页面会被清空，因此，会短暂的显示空白页面，具有分页过程生硬的问题，用户体验度仍然较低。而且，该种方式必然会增加按钮等控件来实现翻页功能，必然具有占用屏幕空间、操作不方便、不流畅等效果。

发明内容

针对现有技术存在的缺陷，本发明提供一种基于Ios系统WebView的翻页方法和翻页系统，可有效解决上述问题。

本发明采用的技术方案如下：

本发明提供一种基于Ios系统WebView的翻页方法，包括以下步骤：

S1，当移动端接收到对某一url网页的兴趣区域的请求消息时，所述移动端通过网络向服务器端发送该网页的下载请求；其中，该下载请求中携带有该网页的兴趣区域信息；

S2，所述服务器端在接收到该网页的下载请求时，所述服务器端基于预设分页策略，对所述网页进行分页处理，得到n个连续页面；该连续页面按从前向后顺序依次记为：第1页面、第2页面…第n页面；然后，获得包含所述兴趣区域信息的第i页面；

S3，所述服务器端将第i页面以及总页面数n推送到所述移动端；

S4，所述移动端创建按自上而下顺序重叠排列的三层容器，分别记为：第一层容器、第二层容器和第三层容器；另外，所述移动端创建三个WebView控件，分别记为：第1WebView控件、第2WebView控件和第3WebView控件；然后，所述移动端将第1WebView控件放置于第一层容器，将第2WebView控件放置于第二层容器以及将第3WebView控件放置于第三层容器；

所述移动端调用所述第1WebView控件加载并显示第i页面；

S5，所述移动端判断总页面数n是否大于1页，如果是，则执行S6；

S6，所述移动端读取当前所显示的页面号i值，并执行以下预加载过程：

如果i＝1，则调用所述第2WebView控件预加载第i+1页面；

如果1＜i＜n，则调用所述第2WebView控件预加载第i+1页面，且调用所述第3WebView控件预加载第i-1页面；

如果i＝n，则调用所述第3WebView控件预加载第i-1页面；

S7，向下翻页流程：

如果当前所显示的第i页面不是最后一个页面，即i≠n，且所述移动端检测到手势向上滑动的动作时，则所述移动端同时移动所述第1WebView控件，使所述第1WebView控件逐渐离开所述第一层容器，即将所述第1WebView控件所加载的第i页面的页面内容逐渐移离出屏幕；并且，随着所述第1WebView控件的移动，位于所述第1WebView控件之下的第2WebView控件逐渐显示出来，由此导致第2WebView控件预加载的第i+1页面的页面内容逐渐移入到屏幕；