[發(fā)明專利]基于Ios系統(tǒng)WebView的翻頁(yè)方法和翻頁(yè)系統(tǒng)

有效

• 申請(qǐng)?zhí)枺?/td>: 201410499352.6
• 申請(qǐng)日: 2014-09-25
• 公開（公告）號(hào): CN104268221B
• 公開（公告）日: 2017-09-15
• 發(fā)明（設(shè)計(jì)）人: 史崢
• 申請(qǐng)（專利權(quán)）人: 車智互聯(lián)（北京）科技有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30;G06F9/44;G06F3/0481;G06F3/0488
• 代理公司: 北京市盛峰律師事務(wù)所11337
• 代理人: 席小東

技術(shù)領(lǐng)域

本發(fā)明屬于網(wǎng)頁(yè)翻頁(yè)技術(shù)領(lǐng)域，具體涉及一種基于Ios系統(tǒng)WebView的翻頁(yè)方法和翻頁(yè)系統(tǒng)。

背景技術(shù)

iOS系統(tǒng)是由美國(guó)蘋果公司開發(fā)的應(yīng)用于手機(jī)和平板電腦的移動(dòng)操作系統(tǒng)，WebView控件是iOS系統(tǒng)的一個(gè)最常用的控件，可稱為內(nèi)置的瀏覽器控件，通過WebView控件，可瀏覽網(wǎng)頁(yè)、打開文檔等。

目前，WebView控件主要采用以下兩種方式之一顯示網(wǎng)頁(yè)內(nèi)容：

方式一：當(dāng)移動(dòng)端接收到對(duì)某一url網(wǎng)頁(yè)的請(qǐng)求時(shí)，移動(dòng)端通過網(wǎng)絡(luò)向服務(wù)器端發(fā)送該網(wǎng)頁(yè)的下載請(qǐng)求，在移動(dòng)端下載到完整的網(wǎng)頁(yè)后，再通過WebView控件同時(shí)顯示完整的網(wǎng)頁(yè)；該種方式存在的主要問題為：如果對(duì)應(yīng)某一url的網(wǎng)頁(yè)較大，包含的信息較多，因此，通過網(wǎng)絡(luò)將該url所對(duì)應(yīng)的網(wǎng)頁(yè)均下載下來，會(huì)消耗移動(dòng)端較多的流量，并且，也會(huì)導(dǎo)致移動(dòng)端等待時(shí)間較長(zhǎng)，從而降低了用戶體驗(yàn)；此外，在多數(shù)情況下，由于用戶的喜好不同，通常只對(duì)某一url所對(duì)應(yīng)的網(wǎng)頁(yè)中的部分內(nèi)容感興趣，而將該url所對(duì)應(yīng)的網(wǎng)頁(yè)均下載下來，會(huì)導(dǎo)致所下載的網(wǎng)頁(yè)的篇幅過長(zhǎng)，進(jìn)一步影響了用戶體驗(yàn)。可見，該種方式只適用于篇幅較短、形式單一的網(wǎng)頁(yè)。

方式二：在服務(wù)器采用了對(duì)網(wǎng)頁(yè)的分頁(yè)處理技術(shù)，因此，在移動(dòng)端，通過WebView控件顯示分頁(yè)處理后的某一頁(yè)網(wǎng)頁(yè)，但是，WebView控件采用傳統(tǒng)頁(yè)面切換方式，即：當(dāng)需要顯示下一頁(yè)內(nèi)容時(shí)，需要首先將當(dāng)前頁(yè)內(nèi)容清空，然后再加載下一頁(yè)內(nèi)容。本方式雖然解決了方式一的不足，但是，不存在翻頁(yè)時(shí)的過渡效果，在新頁(yè)內(nèi)容加載顯示之前，由于舊頁(yè)面會(huì)被清空，因此，會(huì)短暫的顯示空白頁(yè)面，具有分頁(yè)過程生硬的問題，用戶體驗(yàn)度仍然較低。而且，該種方式必然會(huì)增加按鈕等控件來實(shí)現(xiàn)翻頁(yè)功能，必然具有占用屏幕空間、操作不方便、不流暢等效果。

發(fā)明內(nèi)容

針對(duì)現(xiàn)有技術(shù)存在的缺陷，本發(fā)明提供一種基于Ios系統(tǒng)WebView的翻頁(yè)方法和翻頁(yè)系統(tǒng)，可有效解決上述問題。

本發(fā)明采用的技術(shù)方案如下：

本發(fā)明提供一種基于Ios系統(tǒng)WebView的翻頁(yè)方法，包括以下步驟：

S1，當(dāng)移動(dòng)端接收到對(duì)某一url網(wǎng)頁(yè)的興趣區(qū)域的請(qǐng)求消息時(shí)，所述移動(dòng)端通過網(wǎng)絡(luò)向服務(wù)器端發(fā)送該網(wǎng)頁(yè)的下載請(qǐng)求；其中，該下載請(qǐng)求中攜帶有該網(wǎng)頁(yè)的興趣區(qū)域信息；

S2，所述服務(wù)器端在接收到該網(wǎng)頁(yè)的下載請(qǐng)求時(shí)，所述服務(wù)器端基于預(yù)設(shè)分頁(yè)策略，對(duì)所述網(wǎng)頁(yè)進(jìn)行分頁(yè)處理，得到n個(gè)連續(xù)頁(yè)面；該連續(xù)頁(yè)面按從前向后順序依次記為：第1頁(yè)面、第2頁(yè)面…第n頁(yè)面；然后，獲得包含所述興趣區(qū)域信息的第i頁(yè)面；

S3，所述服務(wù)器端將第i頁(yè)面以及總頁(yè)面數(shù)n推送到所述移動(dòng)端；

S4，所述移動(dòng)端創(chuàng)建按自上而下順序重疊排列的三層容器，分別記為：第一層容器、第二層容器和第三層容器；另外，所述移動(dòng)端創(chuàng)建三個(gè)WebView控件，分別記為：第1WebView控件、第2WebView控件和第3WebView控件；然后，所述移動(dòng)端將第1WebView控件放置于第一層容器，將第2WebView控件放置于第二層容器以及將第3WebView控件放置于第三層容器；

所述移動(dòng)端調(diào)用所述第1WebView控件加載并顯示第i頁(yè)面；

S5，所述移動(dòng)端判斷總頁(yè)面數(shù)n是否大于1頁(yè)，如果是，則執(zhí)行S6；

S6，所述移動(dòng)端讀取當(dāng)前所顯示的頁(yè)面號(hào)i值，并執(zhí)行以下預(yù)加載過程：

如果i＝1，則調(diào)用所述第2WebView控件預(yù)加載第i+1頁(yè)面；

如果1＜i＜n，則調(diào)用所述第2WebView控件預(yù)加載第i+1頁(yè)面，且調(diào)用所述第3WebView控件預(yù)加載第i-1頁(yè)面；

如果i＝n，則調(diào)用所述第3WebView控件預(yù)加載第i-1頁(yè)面；

S7，向下翻頁(yè)流程：

如果當(dāng)前所顯示的第i頁(yè)面不是最后一個(gè)頁(yè)面，即i≠n，且所述移動(dòng)端檢測(cè)到手勢(shì)向上滑動(dòng)的動(dòng)作時(shí)，則所述移動(dòng)端同時(shí)移動(dòng)所述第1WebView控件，使所述第1WebView控件逐漸離開所述第一層容器，即將所述第1WebView控件所加載的第i頁(yè)面的頁(yè)面內(nèi)容逐漸移離出屏幕；并且，隨著所述第1WebView控件的移動(dòng)，位于所述第1WebView控件之下的第2WebView控件逐漸顯示出來，由此導(dǎo)致第2WebView控件預(yù)加載的第i+1頁(yè)面的頁(yè)面內(nèi)容逐漸移入到屏幕；