本發(fā)明涉及移動(dòng)互聯(lián)網(wǎng)技術(shù)領(lǐng)域，具體涉及一種終端設(shè)備、頁(yè)面控制裝置及頁(yè)面控制方法。

背景技術(shù)：

目前，隨著智能移動(dòng)終端及瀏覽器技術(shù)的不斷普及與發(fā)展，使用移動(dòng)終端瀏覽器訪問(wèn)互聯(lián)網(wǎng)逐漸成為一個(gè)趨勢(shì)。而且，隨著html5(hypertextmarkuplanguage5，超級(jí)文本標(biāo)記語(yǔ)言第五版)技術(shù)的進(jìn)步與普及，在移動(dòng)終端上的網(wǎng)頁(yè)頁(yè)面內(nèi)容展示也愈加多樣化。網(wǎng)頁(yè)頁(yè)面內(nèi)容一般可以包括文字信息、圖片信息、音頻信息、視頻信息等，通過(guò)html5技術(shù)可以實(shí)現(xiàn)頁(yè)面與用戶的交互，給用戶體驗(yàn)帶來(lái)了極大的提升。

目前許多頁(yè)面內(nèi)容的展示，通常使用的方案是在一屏幕內(nèi)展現(xiàn)全部?jī)?nèi)容，近似于應(yīng)用的“圖片+文字介紹”的效果，其優(yōu)點(diǎn)在于將用戶關(guān)心的圖片內(nèi)容完整展現(xiàn)，而且用戶滾動(dòng)文字觀看文字介紹的時(shí)候，由于整體頁(yè)面高度與手機(jī)屏幕相同，因此無(wú)論用戶如何滾動(dòng)頁(yè)面，頁(yè)面的焦點(diǎn)圖片位置都不會(huì)發(fā)生變化，給用戶帶來(lái)極好的閱讀體驗(yàn)。

但是，目前這種頁(yè)面內(nèi)容排版方式也有缺陷，即，可滾動(dòng)區(qū)域只有文字內(nèi)容區(qū)域，但文字內(nèi)容區(qū)域一般面積比較小，而且在文字內(nèi)容區(qū)域通過(guò)手勢(shì)操作滾動(dòng)文字內(nèi)容時(shí)，手指會(huì)遮擋部分文字內(nèi)容，因此會(huì)影響瀏覽體驗(yàn)。

技術(shù)實(shí)現(xiàn)要素：

為解決上述技術(shù)問(wèn)題，本發(fā)明提供一種終端設(shè)備、頁(yè)面控制裝置及頁(yè)面控制方法，能在控制頁(yè)面內(nèi)容移動(dòng)時(shí)避免遮擋移動(dòng)的內(nèi)容，提 升瀏覽體驗(yàn)。

根據(jù)本發(fā)明的一個(gè)方面，提供一種終端設(shè)備，包括：存儲(chǔ)器、觸摸式顯示屏和處理器，

所述存儲(chǔ)器中存儲(chǔ)觸摸式顯示屏上顯示的頁(yè)面的內(nèi)容；

響應(yīng)于用戶在所述觸摸式顯示屏上的頁(yè)面的預(yù)定的觸發(fā)操作，所述處理器執(zhí)行獨(dú)立于所述頁(yè)面顯示第二區(qū)域，使所述第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對(duì)應(yīng)觸摸操作等效的操作；

響應(yīng)于所述第二區(qū)域的觸摸操作，所述處理器執(zhí)行對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于所述第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制的操作。

優(yōu)選的，所述處理器響應(yīng)于所述第二區(qū)域的觸摸操作，執(zhí)行通過(guò)將所述第二區(qū)域的觸摸坐標(biāo)轉(zhuǎn)換為所述第一區(qū)域的等效坐標(biāo)對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于所述第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制的操作。

根據(jù)本發(fā)明的另一方面，提供一種頁(yè)面控制裝置，包括：

第一處理模塊，用于響應(yīng)于預(yù)定的觸發(fā)操作，獨(dú)立于所述頁(yè)面顯示第二區(qū)域，使所述第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對(duì)應(yīng)觸摸操作等效；

第二處理模塊，用于響應(yīng)于所述第二區(qū)域的觸摸操作，對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于所述第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制。

優(yōu)選的，所述第一處理模塊包括：

接收子模塊，用于接收在頁(yè)面第一區(qū)域的觸發(fā)操作；

顯示子模塊，用于響應(yīng)于所述接收子模塊接收的在頁(yè)面第一區(qū)域的觸發(fā)操作，獨(dú)立于所述頁(yè)面顯示第二區(qū)域，使所述第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對(duì)應(yīng)觸摸操作等效，其中所述第二區(qū)域?yàn)榭赏蟿?dòng)的第二區(qū)域，或?yàn)楣潭ㄎ恢玫牡诙^(qū)域且所述固定位置位于所述第一區(qū)域外。

優(yōu)選的，所述第一處理模塊包括：

接收子模塊，用于接收觸發(fā)操作；

條件確認(rèn)子模塊，用于確定所述接收子模塊接收的觸發(fā)操作為位于可滑動(dòng)的所述第一區(qū)域中的滑動(dòng)操作，或位于可滑動(dòng)的所述第一區(qū)域中的滑動(dòng)操作且所述第一區(qū)域所屬頁(yè)面高度小于或等于屏幕高度；

顯示子模塊，用于根據(jù)所述條件確認(rèn)子模塊的結(jié)果，獨(dú)立于所述頁(yè)面顯示第二區(qū)域，使所述第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對(duì)應(yīng)觸摸操作等效。

優(yōu)選的，所述第二處理模塊包括：

接收子模塊，用于接收觸摸操作；

條件確認(rèn)子模塊，用于確定所述接收子模塊接收的觸摸操作為位于可滑動(dòng)的所述第二區(qū)域中的滑動(dòng)操作；

控制處理子模塊，用于根據(jù)所述條件確認(rèn)子模塊的結(jié)果，對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于所述第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制。

優(yōu)選的，所述控制處理子模塊包括：

坐標(biāo)轉(zhuǎn)換子模塊，用于將所述第二區(qū)域的觸摸坐標(biāo)轉(zhuǎn)換為所述第一區(qū)域的等效坐標(biāo)；

同步處理子模塊，用于根據(jù)所述坐標(biāo)轉(zhuǎn)換子模塊轉(zhuǎn)換后的所述等效坐標(biāo)，對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于所述第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制。

優(yōu)選的，所述坐標(biāo)轉(zhuǎn)換子模塊是將所述第二區(qū)域的觸摸點(diǎn)坐標(biāo)或觸摸軌跡曲線轉(zhuǎn)換為所述第一區(qū)域的等效坐標(biāo)或等效軌跡曲線；所述同步處理子模塊是基于所述等效坐標(biāo)或等效軌跡曲線，對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行頁(yè)面控制操作。

根據(jù)本發(fā)明的另一方面，提供一種頁(yè)面控制方法，用于控制頁(yè)面中第一區(qū)域內(nèi)的內(nèi)容顯示，包括：

響應(yīng)于預(yù)定的觸發(fā)操作，獨(dú)立于所述頁(yè)面顯示第二區(qū)域，使所述第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對(duì)應(yīng)觸摸操作等效；

響應(yīng)于所述第二區(qū)域的觸摸操作，對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于所述第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制。

優(yōu)選的，所述預(yù)定的觸發(fā)操作包括：所述頁(yè)面中第一區(qū)域的預(yù)定的觸發(fā)操作。

優(yōu)選的，所述第二區(qū)域?yàn)榭赏蟿?dòng)的第二區(qū)域；或，所述第二區(qū)域?yàn)楣潭ㄎ恢玫牡诙^(qū)域，其中所述固定位置位于所述第一區(qū)域外。

優(yōu)選的，所述預(yù)定的觸發(fā)操作包括：位于可滑動(dòng)的所述第一區(qū)域中的滑動(dòng)操作；或，位于可滑動(dòng)的所述第一區(qū)域中的滑動(dòng)操作且所述第一區(qū)域所屬頁(yè)面高度小于或等于屏幕高度。

優(yōu)選的，所述第二區(qū)域的觸摸操作包括：位于可滑動(dòng)的所述第二區(qū)域中的滑動(dòng)操作。

優(yōu)選的，所述滑動(dòng)操作包括：向上或向下滾動(dòng)，或，向左或向右移動(dòng)。

優(yōu)選的，所述對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于所述第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制包括：

通過(guò)將所述第二區(qū)域的觸摸坐標(biāo)轉(zhuǎn)換為所述第一區(qū)域的等效坐標(biāo)對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于所述第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制。

優(yōu)選的，所述通過(guò)將所述第二區(qū)域的觸摸坐標(biāo)轉(zhuǎn)換為所述第一區(qū)域的等效坐標(biāo)對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于所述第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制包括：

將所述第二區(qū)域的觸摸點(diǎn)坐標(biāo)或觸摸軌跡曲線轉(zhuǎn)換為所述第一區(qū)域的等效坐標(biāo)或等效軌跡曲線，基于所述等效坐標(biāo)或等效軌跡曲線，對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行頁(yè)面控制操作。

可以發(fā)現(xiàn)，本發(fā)明實(shí)施例的技術(shù)方案，在瀏覽網(wǎng)頁(yè)的頁(yè)面內(nèi)容時(shí)，根據(jù)預(yù)定的觸發(fā)操作，可以獨(dú)立于頁(yè)面顯示第二區(qū)域，使所述第二區(qū)域上的觸摸操作與頁(yè)面的第一區(qū)域上的對(duì)應(yīng)觸摸操作等效，那么在第二區(qū)域進(jìn)行觸摸操作時(shí)，就可以響應(yīng)于第二區(qū)域的觸摸操作，對(duì)第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制，由于第二區(qū)域可以在頁(yè)面第一區(qū)域之外，因此可實(shí)現(xiàn)通過(guò)第二區(qū)域的觸摸操作控制頁(yè)面第一區(qū)域內(nèi)容的移動(dòng)，避免頁(yè)面第一區(qū)域的內(nèi)容時(shí)被手指遮擋，提升瀏覽體驗(yàn)。

進(jìn)一步的，本發(fā)明實(shí)施例顯示的第二區(qū)域可以是可拖動(dòng)的，也可以是固定的，如果是固定的第二區(qū)域，只需位于頁(yè)面第一區(qū)域之外就可以避免遮擋，如果是可拖動(dòng)的，可以顯示在頁(yè)面第一區(qū)域之內(nèi)，再拖動(dòng)到其他位置即可，或直接顯示在頁(yè)面第一區(qū)域之外。

進(jìn)一步的，本發(fā)明實(shí)施例為了更精確進(jìn)行響應(yīng)，可以在觸發(fā)操作 是位于可滑動(dòng)的所述第一區(qū)域中的滑動(dòng)操作，或位于可滑動(dòng)的所述第一區(qū)域中的滑動(dòng)操作且所述第一區(qū)域所屬頁(yè)面高度小于或等于屏幕高度時(shí)，才獨(dú)立于頁(yè)面顯示第二區(qū)域。

進(jìn)一步的，本發(fā)明實(shí)施例可以適用于多種觸摸滑動(dòng)場(chǎng)景，例如向上或向下滾動(dòng)，或，向左或向右移動(dòng)等。

附圖說(shuō)明

通過(guò)結(jié)合附圖對(duì)本公開(kāi)示例性實(shí)施方式進(jìn)行更詳細(xì)的描述，本公開(kāi)的上述以及其它目的、特征和優(yōu)勢(shì)將變得更加明顯，其中，在本公開(kāi)示例性實(shí)施方式中，相同的參考標(biāo)號(hào)通常代表相同部件。

圖1是根據(jù)本發(fā)明的一個(gè)實(shí)施例的一種終端設(shè)備的示意性方框圖；

圖2是根據(jù)本發(fā)明的一個(gè)實(shí)施例的一種頁(yè)面控制裝置的示意性方框圖；

圖3是根據(jù)本發(fā)明的一個(gè)實(shí)施例的一種頁(yè)面控制裝置的另一示意性方框圖；

圖4是根據(jù)本發(fā)明的一個(gè)實(shí)施例的一種頁(yè)面控制方法的示意性流程圖；

圖5是根據(jù)本發(fā)明的一個(gè)實(shí)施例的一種頁(yè)面控制方法的另一示意性流程圖；

圖6是根據(jù)本發(fā)明的一個(gè)實(shí)施例的一種頁(yè)面控制方法中獨(dú)立于頁(yè)面顯示的同步區(qū)域示意圖。

具體實(shí)施方式

下面將參照附圖更詳細(xì)地描述本公開(kāi)的優(yōu)選實(shí)施方式。雖然附圖中顯示了本公開(kāi)的優(yōu)選實(shí)施方式，然而應(yīng)該理解，可以以各種形式實(shí)現(xiàn)本公開(kāi)而不應(yīng)被這里闡述的實(shí)施方式所限制。相反，提供這些實(shí)施方式是為了使本公開(kāi)更加透徹和完整，并且能夠?qū)⒈竟_(kāi)的范圍完整地傳達(dá)給本領(lǐng)域的技術(shù)人員。

本發(fā)明提供一種終端設(shè)備，能在控制頁(yè)面內(nèi)容移動(dòng)時(shí)避免遮擋移動(dòng)的內(nèi)容，提升瀏覽體驗(yàn)。

圖1是根據(jù)本發(fā)明的一個(gè)實(shí)施例的一種終端設(shè)備的示意性方框圖。

如圖1所示，終端設(shè)備10可以包括：存儲(chǔ)器11、觸摸式顯示屏12和處理器13。

存儲(chǔ)器11中存儲(chǔ)觸摸式顯示屏上顯示的頁(yè)面的內(nèi)容；

響應(yīng)于用戶在觸摸式顯示屏12上的頁(yè)面的預(yù)定的觸發(fā)操作，處理器13執(zhí)行獨(dú)立于頁(yè)面顯示第二區(qū)域，使第二區(qū)域上的觸摸操作與第一區(qū)域上的對(duì)應(yīng)觸摸操作等效的操作；

響應(yīng)于第二區(qū)域的觸摸操作，處理器13執(zhí)行對(duì)第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制的操作。

其中，處理器13響應(yīng)于第二區(qū)域的觸摸操作，執(zhí)行通過(guò)將第二區(qū)域的觸摸坐標(biāo)轉(zhuǎn)換為第一區(qū)域的等效坐標(biāo)對(duì)第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制的操作。

終端設(shè)備10中的處理器13，可以作為一個(gè)獨(dú)立的裝置結(jié)構(gòu)，該獨(dú)立的裝置結(jié)構(gòu)可以稱為頁(yè)面控制裝置，該頁(yè)面控制裝置可以包括多個(gè)子模塊，下文將對(duì)該頁(yè)面控制裝置結(jié)構(gòu)進(jìn)行詳細(xì)說(shuō)明。

圖2是根據(jù)本發(fā)明的一個(gè)實(shí)施例的一種頁(yè)面控制裝置的示意性方框圖。

如圖2所示，一種頁(yè)面控制裝置20可以包括：第一處理模塊21、第二處理模塊22。

第一處理模塊21，用于響應(yīng)于預(yù)定的觸發(fā)操作，獨(dú)立于頁(yè)面顯示第二區(qū)域，使第二區(qū)域上的觸摸操作與第一區(qū)域上的對(duì)應(yīng)觸摸操作等效。

第二處理模塊22，用于響應(yīng)于第二區(qū)域的觸摸操作，對(duì)第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制。

可以發(fā)現(xiàn)，本發(fā)明實(shí)施例的技術(shù)方案，在瀏覽網(wǎng)頁(yè)的頁(yè)面內(nèi)容時(shí)，根據(jù)預(yù)定的觸發(fā)操作，可以獨(dú)立于頁(yè)面顯示第二區(qū)域，使所述第二區(qū)域上的觸摸操作與頁(yè)面的第一區(qū)域上的對(duì)應(yīng)觸摸操作等效，那么在第二區(qū)域進(jìn)行觸摸操作時(shí)，就可以響應(yīng)于第二區(qū)域的觸摸操作，對(duì)第一區(qū)域顯示的內(nèi) 容進(jìn)行與響應(yīng)于第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制，由于第二區(qū)域可以在頁(yè)面第一區(qū)域之外，因此可實(shí)現(xiàn)通過(guò)第二區(qū)域的觸摸操作控制頁(yè)面第一區(qū)域內(nèi)容的移動(dòng)，避免頁(yè)面第一區(qū)域的內(nèi)容時(shí)被手指遮擋，提升瀏覽體驗(yàn)。

圖3是根據(jù)本發(fā)明的一個(gè)實(shí)施例的一種頁(yè)面控制裝置的另一示意性方框圖。

如圖3所示，一種頁(yè)面控制裝置20可以包括：第一處理模塊21、第二處理模塊22，該兩個(gè)模塊的功能可參見(jiàn)圖2所描述，此處不再贅述。

進(jìn)一步的，所述第一處理模塊21可以包括：接收子模塊211、顯示子模塊212。

接收子模塊211，用于接收在頁(yè)面第一區(qū)域的觸發(fā)操作。

顯示子模塊212，用于響應(yīng)于接收子模塊211接收的在頁(yè)面第一區(qū)域的觸發(fā)操作，獨(dú)立于頁(yè)面顯示第二區(qū)域，使第二區(qū)域上的觸摸操作與第一區(qū)域上的對(duì)應(yīng)觸摸操作等效，其中第二區(qū)域?yàn)榭赏蟿?dòng)的第二區(qū)域，或?yàn)楣潭ㄎ恢玫牡诙^(qū)域且固定位置位于第一區(qū)域外。

本發(fā)明實(shí)施例顯示的第二區(qū)域可以是可拖動(dòng)的，也可以是固定的，如果是固定的第二區(qū)域，只需位于頁(yè)面第一區(qū)域之外就可以避免遮擋，如果是可拖動(dòng)的，可以顯示在頁(yè)面第一區(qū)域之內(nèi)，再拖動(dòng)到其他位置即可，或直接顯示在頁(yè)面第一區(qū)域之外。

或者，所述第一處理模塊21可以包括：接收子模塊211、條件確認(rèn)子模塊213、顯示子模塊212。

接收子模塊211，用于接收觸發(fā)操作。

條件確認(rèn)子模塊213，用于確定接收子模塊接收的觸發(fā)操作為位于可滑動(dòng)的第一區(qū)域中的滑動(dòng)操作，或位于可滑動(dòng)的第一區(qū)域中的滑動(dòng)操作且第一區(qū)域所屬頁(yè)面高度小于或等于屏幕高度。

顯示子模塊212，用于根據(jù)條件確認(rèn)子模塊213的結(jié)果，獨(dú)立于頁(yè)面顯示第二區(qū)域，使第二區(qū)域上的觸摸操作與第一區(qū)域上的對(duì)應(yīng)觸摸操作等效。

其中，所述第二處理模塊22包括：接收子模塊221、條件確認(rèn)子模塊222、控制處理子模塊223。

接收子模塊221，用于接收觸摸操作。

條件確認(rèn)子模塊222，用于確定接收子模塊221接收的觸摸操作為位于可滑動(dòng)的第二區(qū)域中的滑動(dòng)操作。

控制處理子模塊223，用于根據(jù)條件確認(rèn)子模塊222的結(jié)果，對(duì)第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制。

其中，所述控制處理子模塊223包括：坐標(biāo)轉(zhuǎn)換子模塊2231、同步處理子模塊2232。

坐標(biāo)轉(zhuǎn)換子模塊2231，用于將第二區(qū)域的觸摸坐標(biāo)轉(zhuǎn)換為所述第一區(qū)域的等效坐標(biāo)。

同步處理子模塊2232，用于根據(jù)坐標(biāo)轉(zhuǎn)換子模塊2231轉(zhuǎn)換后的等效坐標(biāo)，對(duì)第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制。

其中，坐標(biāo)轉(zhuǎn)換子模塊2231是將第二區(qū)域的觸摸點(diǎn)坐標(biāo)或觸摸軌跡曲線轉(zhuǎn)換為第一區(qū)域的等效坐標(biāo)或等效軌跡曲線；同步處理子模塊2232是基于等效坐標(biāo)或等效軌跡曲線，對(duì)第一區(qū)域顯示的內(nèi)容進(jìn)行頁(yè)面控制操作。

圖4是根據(jù)本發(fā)明的一個(gè)實(shí)施例的一種頁(yè)面控制方法的示意性流程圖。

如圖4所示，在步驟401中，頁(yè)面控制裝置的第一處理模塊響應(yīng)于預(yù)定的觸發(fā)操作，獨(dú)立于所述頁(yè)面顯示第二區(qū)域，使所述第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對(duì)應(yīng)觸摸操作等效。

上述的頁(yè)面控制裝置，可以設(shè)于瀏覽器中，控制頁(yè)面的瀏覽。

該步驟中，預(yù)定的觸發(fā)操作可以包括：所述頁(yè)面中第一區(qū)域的預(yù)定的觸發(fā)操作。該步驟中，第二區(qū)域可以為可拖動(dòng)的第二區(qū)域；或，第二區(qū)域?yàn)楣潭ㄎ恢玫牡诙^(qū)域，其中固定位置位于第一區(qū)域外。

也就是說(shuō)，顯示的第二區(qū)域可以是可拖動(dòng)的，也可以是固定的，如果是固定的第二區(qū)域，只需位于頁(yè)面第一區(qū)域之外就可以避免遮擋，如果是可拖動(dòng)的，可以顯示在頁(yè)面第一區(qū)域之內(nèi)，再拖動(dòng)到其他位置即可，或直接顯示在頁(yè)面第一區(qū)域之外。

該步驟中，預(yù)定的觸發(fā)操作還可以包括：位于可滑動(dòng)的第一區(qū)域中的 滑動(dòng)操作；或，位于可滑動(dòng)的第一區(qū)域中的滑動(dòng)操作且第一區(qū)域所屬頁(yè)面高度小于或等于屏幕高度。

在步驟402中，頁(yè)面控制裝置的第二處理模塊響應(yīng)于所述第二區(qū)域的觸摸操作，對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于所述第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制。

其中，第二區(qū)域的觸摸操作可以包括：位于可滑動(dòng)的所述第二區(qū)域中的滑動(dòng)操作?；瑒?dòng)操作可以包括：向上或向下滾動(dòng)，或，向左或向右移動(dòng)，也就是說(shuō)，本發(fā)明實(shí)施例方案可以適用于多種場(chǎng)景，包括在頁(yè)面滾動(dòng)瀏覽等。

其中，對(duì)第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制可以包括：通過(guò)將第二區(qū)域的觸摸坐標(biāo)轉(zhuǎn)換為第一區(qū)域的等效坐標(biāo)對(duì)第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制，例如，將所述第二區(qū)域的觸摸點(diǎn)坐標(biāo)或觸摸軌跡曲線轉(zhuǎn)換為所述第一區(qū)域的等效坐標(biāo)或等效軌跡曲線，基于所述等效坐標(biāo)或等效軌跡曲線，對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行頁(yè)面控制操作。

可以發(fā)現(xiàn)，本發(fā)明實(shí)施例的技術(shù)方案，在瀏覽網(wǎng)頁(yè)的頁(yè)面內(nèi)容時(shí)，根據(jù)預(yù)定的觸發(fā)操作，可以獨(dú)立于頁(yè)面顯示第二區(qū)域，使所述第二區(qū)域上的觸摸操作與頁(yè)面的第一區(qū)域上的對(duì)應(yīng)觸摸操作等效，那么在第二區(qū)域進(jìn)行觸摸操作時(shí)，就可以響應(yīng)于第二區(qū)域的觸摸操作，對(duì)第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制，由于第二區(qū)域可以在頁(yè)面第一區(qū)域之外，因此可實(shí)現(xiàn)通過(guò)第二區(qū)域的觸摸操作控制頁(yè)面第一區(qū)域內(nèi)容的移動(dòng)，避免頁(yè)面第一區(qū)域的內(nèi)容時(shí)被手指遮擋，提升瀏覽體驗(yàn)。

圖5是根據(jù)本發(fā)明的一個(gè)實(shí)施例的一種頁(yè)面控制方法的另一示意性流程圖。

圖5相對(duì)于圖4更詳細(xì)描述了本發(fā)明實(shí)施例的技術(shù)方案。該實(shí)施例可以獨(dú)立于頁(yè)面生成一個(gè)可拖動(dòng)的第二區(qū)域例如同步區(qū)域進(jìn)行顯示，該同步區(qū)域可以浮動(dòng)于頁(yè)面的第一區(qū)域例如可滾動(dòng)區(qū)域之上，或浮動(dòng)于頁(yè)面的其他位置，該同步區(qū)域的一切滾動(dòng)操作會(huì)同步到可滾動(dòng)區(qū)域。

如圖5所示，在步驟501中，頁(yè)面控制裝置的第一處理模塊接收在頁(yè)面第一區(qū)域的預(yù)定的觸發(fā)操作。

該頁(yè)面第一區(qū)域可以是頁(yè)面中的可滑動(dòng)區(qū)域，例如是可上下滾動(dòng)的可滾動(dòng)區(qū)域，或可左右移動(dòng)的平移區(qū)域。該可滑動(dòng)區(qū)域可以是例如文字內(nèi)容區(qū)域。

需說(shuō)明的是，該步驟是以觸發(fā)操作發(fā)生在第一區(qū)域舉例說(shuō)明但不局限于此，可以是在頁(yè)面的其他位置。

該觸發(fā)操作可以是上下滾動(dòng)的滾動(dòng)操作，或左右移動(dòng)的平移操作。本實(shí)施例是以頁(yè)面第一區(qū)域?yàn)榭蓾L動(dòng)區(qū)域舉例說(shuō)明但不局限于此。

在步驟502中，第一處理模塊響應(yīng)于預(yù)定的觸發(fā)操作，獨(dú)立于頁(yè)面顯示第二區(qū)域，使第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對(duì)應(yīng)觸摸操作等效。

本發(fā)明實(shí)施例所說(shuō)的預(yù)定的觸發(fā)操作，可以包括：位于可滑動(dòng)的第一區(qū)域中的滑動(dòng)操作；或，位于可滑動(dòng)的第一區(qū)域中的滑動(dòng)操作且第一區(qū)域所屬頁(yè)面高度小于或等于屏幕高度。需說(shuō)明的是，除了滑動(dòng)操作，也可以是其他操作例如點(diǎn)擊操作等。

以下以第一區(qū)域?yàn)榭蓾L動(dòng)區(qū)域、觸發(fā)操作為滑動(dòng)操作為例說(shuō)明對(duì)觸發(fā)操作的判斷過(guò)程但不局限于此：

接收到滑動(dòng)操作后，首先判斷接收的滑動(dòng)操作所在的區(qū)域是否是可滾動(dòng)區(qū)域，如不是可滾動(dòng)區(qū)域，不進(jìn)行響應(yīng)；如是可滾動(dòng)區(qū)域，進(jìn)一步判斷可滾動(dòng)區(qū)域所屬頁(yè)面的高度是否小于或等于屏幕高度，如不小于或等于屏幕高度，不進(jìn)行響應(yīng)，如是小于或等于屏幕高度，則獨(dú)立于頁(yè)面生成浮動(dòng)在頁(yè)面上層的可滾動(dòng)的同步區(qū)域。

如果頁(yè)面高度大于屏幕高度，在可滾動(dòng)區(qū)域外做滑動(dòng)操作時(shí)，此時(shí)可能就需要滾動(dòng)整個(gè)頁(yè)面。如果此時(shí)依然生成浮動(dòng)的同步區(qū)域，那么所有的滑動(dòng)操作都可能被浮動(dòng)的同步區(qū)域接收用于響應(yīng)可滾動(dòng)區(qū)域，這時(shí)頁(yè)面可能就無(wú)法滑動(dòng)。因此可以在可滾動(dòng)區(qū)域所屬頁(yè)面的高度小于或等于屏幕高度時(shí)，生成浮動(dòng)的同步區(qū)域進(jìn)行顯示。

需說(shuō)明的是，上述所說(shuō)的可滾動(dòng)的同步區(qū)域，是由瀏覽器生成的區(qū)域而非頁(yè)面自身的區(qū)域。在可滾動(dòng)的同步區(qū)域內(nèi)所產(chǎn)生的滾動(dòng)操作將會(huì)同步到頁(yè)面內(nèi)的可滾動(dòng)區(qū)域內(nèi)，帶動(dòng)頁(yè)面內(nèi)的可滾動(dòng)區(qū)域的內(nèi)容的滾動(dòng)。

該步驟生成的同步區(qū)域可參見(jiàn)圖6所示，圖6是根據(jù)本發(fā)明的一個(gè)實(shí)施例的一種頁(yè)面控制方法中獨(dú)立于頁(yè)面顯示的同步區(qū)域示意圖。圖中顯示的第二區(qū)域即同步區(qū)域601可以是可拖動(dòng)的，也可以是固定的，如果是固定的第二區(qū)域，只需位于頁(yè)面第一區(qū)域之外就可以避免遮擋，如果是可拖動(dòng)的，可以顯示在頁(yè)面第一區(qū)域之內(nèi)，再拖動(dòng)到其他位置即可，或直接顯示在頁(yè)面第一區(qū)域之外。

在步驟503中，頁(yè)面控制裝置的第二處理模塊接收在所述第二區(qū)域的觸摸操作。

第二區(qū)域的觸摸操作可以包括：位于可滑動(dòng)的第二區(qū)域中的滑動(dòng)操作?；瑒?dòng)操作可以包括：向上或向下滾動(dòng)，或，向左或向右移動(dòng)等。

在步驟504中，第二處理模塊響應(yīng)于所述第二區(qū)域的觸摸操作，對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于所述第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制。

該步驟可以通過(guò)將第二區(qū)域的觸摸坐標(biāo)轉(zhuǎn)換為第一區(qū)域的等效坐標(biāo)對(duì)第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制，例如，將所述第二區(qū)域的觸摸點(diǎn)坐標(biāo)或觸摸軌跡曲線轉(zhuǎn)換為所述第一區(qū)域的等效坐標(biāo)或等效軌跡曲線，基于所述等效坐標(biāo)或等效軌跡曲線，對(duì)所述第一區(qū)域顯示的內(nèi)容進(jìn)行頁(yè)面控制操作。

以下內(nèi)容以該步驟的觸摸操作以滾動(dòng)操作為例說(shuō)明但不局限于此。

接收到滾動(dòng)操作后，首先判斷接收的滾動(dòng)事件是否發(fā)生在同步區(qū)域，如不是發(fā)生在同步區(qū)域，不進(jìn)行響應(yīng)；如是發(fā)生在同步區(qū)域，則將同步區(qū)域的滾動(dòng)事件坐標(biāo)轉(zhuǎn)換為實(shí)際滾動(dòng)區(qū)域坐標(biāo)(即將同步區(qū)域(第二區(qū)域)的觸摸坐標(biāo)轉(zhuǎn)換為可滾動(dòng)區(qū)域(第一區(qū)域)的等效坐標(biāo))后，再傳遞滾動(dòng)事件進(jìn)行響應(yīng)。

假設(shè)網(wǎng)頁(yè)頁(yè)面的可滾動(dòng)區(qū)域的絕對(duì)坐標(biāo)x0，y0(相對(duì)于整個(gè)頁(yè)面 的絕對(duì)坐標(biāo))，生成的同步區(qū)域記錄可滾動(dòng)區(qū)域的坐標(biāo)x0，y0，且同步區(qū)域被用戶拖動(dòng)后，同步區(qū)域的坐標(biāo)為x1，y1，同步區(qū)域的寬高為w，h，則上述將同步區(qū)域的滾動(dòng)事件坐標(biāo)轉(zhuǎn)換為實(shí)際滾動(dòng)區(qū)域坐標(biāo)再傳遞滾動(dòng)事件的過(guò)程包括：

1)檢測(cè)到用戶滾動(dòng)頁(yè)面，生成滾動(dòng)事件。

2)確認(rèn)出滾動(dòng)事件的坐標(biāo)(ex，ey)符合以下條件：x1<ex<x1+w且y1<ey<y1+h，則認(rèn)為滾動(dòng)事件發(fā)生在同步區(qū)域內(nèi)。

3)將滾動(dòng)事件的坐標(biāo)轉(zhuǎn)換為滾動(dòng)區(qū)域的坐標(biāo)，即ex1＝x0+ex,ey0＝y(tǒng)0+ey。

4)傳遞包含轉(zhuǎn)換后的坐標(biāo)的滾動(dòng)事件。

那么，可滾動(dòng)區(qū)域根據(jù)傳遞的滾動(dòng)事件中轉(zhuǎn)換后的坐標(biāo)，將滾動(dòng)區(qū)域的位置進(jìn)行同步，即將可滾動(dòng)區(qū)域的絕對(duì)坐標(biāo)x0在水平方向即x軸移動(dòng)ex，將y0在垂直方向即y軸移動(dòng)。可以發(fā)現(xiàn)，由于在滾動(dòng)時(shí)對(duì)滾動(dòng)區(qū)域不產(chǎn)生遮擋，因此可以使用戶的瀏覽體驗(yàn)更好。

以下進(jìn)一步通過(guò)一個(gè)應(yīng)用實(shí)施例進(jìn)行說(shuō)明。

假設(shè)用戶打開(kāi)一個(gè)頁(yè)面，該頁(yè)面含有可滾動(dòng)區(qū)域，當(dāng)檢測(cè)到用戶手指落在可滾動(dòng)區(qū)域內(nèi)，則瀏覽器再獨(dú)立于頁(yè)面生成一個(gè)同步區(qū)域，用戶可以將同步區(qū)域拖動(dòng)到操作時(shí)不影響滾動(dòng)頁(yè)面的位置，那么后續(xù)用戶在同步區(qū)域內(nèi)的滾動(dòng)操作，將會(huì)直接同步到可滾動(dòng)區(qū)域內(nèi)，即可滾動(dòng)區(qū)域的內(nèi)容會(huì)跟隨在同步區(qū)域的滾動(dòng)操作而滾動(dòng)，這樣就不會(huì)在滾動(dòng)時(shí)對(duì)滾動(dòng)區(qū)域產(chǎn)生遮擋。

需說(shuō)明的是，本發(fā)明實(shí)施例所說(shuō)的預(yù)定的觸發(fā)操作，還可以是例如特定位置/特定時(shí)長(zhǎng)/特定方式的特定動(dòng)作，或者是移動(dòng)終端的某個(gè)按鍵的特定操作等，通過(guò)這些特定動(dòng)作或特定操作，指定一個(gè)第二區(qū)域，使第二區(qū)域的操作與第一區(qū)域的操作對(duì)應(yīng)。而且，兩個(gè)區(qū)域中的操作也可以不相同，例如可以是第二區(qū)域中點(diǎn)擊某個(gè)部位產(chǎn)生第一區(qū)域中向某個(gè)區(qū)域滑動(dòng)的效果。另外，在第二區(qū)域中的操作除了滑動(dòng)操作，還可以是例如翻頁(yè)、關(guān)閉、取消文字顯示等。

綜上所述，本發(fā)明實(shí)施例的技術(shù)方案，在瀏覽網(wǎng)頁(yè)的頁(yè)面內(nèi)容時(shí)， 根據(jù)預(yù)定的觸發(fā)操作，可以獨(dú)立于頁(yè)面顯示第二區(qū)域，使所述第二區(qū)域上的觸摸操作與頁(yè)面的第一區(qū)域上的對(duì)應(yīng)觸摸操作等效，那么在第二區(qū)域進(jìn)行觸摸操作時(shí)，就可以響應(yīng)于第二區(qū)域的觸摸操作，對(duì)第一區(qū)域顯示的內(nèi)容進(jìn)行與響應(yīng)于第一區(qū)域的對(duì)應(yīng)觸摸操作相同的控制，由于第二區(qū)域可以在頁(yè)面第一區(qū)域之外，因此可實(shí)現(xiàn)通過(guò)第二區(qū)域的觸摸操作控制頁(yè)面第一區(qū)域內(nèi)容的移動(dòng)，避免頁(yè)面第一區(qū)域的內(nèi)容時(shí)被手指遮擋，提升瀏覽體驗(yàn)。

進(jìn)一步的，本發(fā)明實(shí)施例顯示的第二區(qū)域可以是可拖動(dòng)的，也可以是固定的，如果是固定的第二區(qū)域，只需位于頁(yè)面第一區(qū)域之外就可以避免遮擋，如果是可拖動(dòng)的，可以顯示在頁(yè)面第一區(qū)域之內(nèi)，再拖動(dòng)到其他位置即可，或直接顯示在頁(yè)面第一區(qū)域之外。

上文中已經(jīng)參考附圖詳細(xì)描述了根據(jù)本發(fā)明的技術(shù)方案。

此外，根據(jù)本發(fā)明的方法還可以實(shí)現(xiàn)為一種計(jì)算機(jī)程序，該計(jì)算機(jī)程序包括用于執(zhí)行本發(fā)明的上述方法中限定的上述各步驟的計(jì)算機(jī)程序代碼指令?；蛘?，根據(jù)本發(fā)明的方法還可以實(shí)現(xiàn)為一種計(jì)算機(jī)程序產(chǎn)品，該計(jì)算機(jī)程序產(chǎn)品包括計(jì)算機(jī)可讀介質(zhì)，在該計(jì)算機(jī)可讀介質(zhì)上存儲(chǔ)有用于執(zhí)行本發(fā)明的上述方法中限定的上述功能的計(jì)算機(jī)程序。本領(lǐng)域技術(shù)人員還將明白的是，結(jié)合這里的公開(kāi)所描述的各種示例性邏輯塊、模塊、電路和算法步驟可以被實(shí)現(xiàn)為電子硬件、計(jì)算機(jī)軟件或兩者的組合。

附圖中的流程圖和框圖顯示了根據(jù)本發(fā)明的多個(gè)實(shí)施例的系統(tǒng)和方法的可能實(shí)現(xiàn)的體系架構(gòu)、功能和操作。在這點(diǎn)上，流程圖或框圖中的每個(gè)方框可以代表一個(gè)模塊、程序段或代碼的一部分，所述模塊、程序段或代碼的一部分包含一個(gè)或多個(gè)用于實(shí)現(xiàn)規(guī)定的邏輯功能的可執(zhí)行指令。也應(yīng)當(dāng)注意，在有些作為替換的實(shí)現(xiàn)中，方框中所標(biāo)記的功能也可以以不同于附圖中所標(biāo)記的順序發(fā)生。例如，兩個(gè)連續(xù)的方框?qū)嶋H上可以基本并行地執(zhí)行，它們有時(shí)也可以按相反的順序執(zhí)行，這依所涉及的功能而定。也要注意的是，框圖和/或流程圖中的每個(gè)方框、以及框圖和/或流程圖中的方框的組合，可以用執(zhí)行規(guī)定的功能或 操作的專用的基于硬件的系統(tǒng)來(lái)實(shí)現(xiàn)，或者可以用專用硬件與計(jì)算機(jī)指令的組合來(lái)實(shí)現(xiàn)。

以上已經(jīng)描述了本發(fā)明的各實(shí)施例，上述說(shuō)明是示例性的，并非窮盡性的，并且也不限于所披露的各實(shí)施例。在不偏離所說(shuō)明的各實(shí)施例的范圍和精神的情況下，對(duì)于本技術(shù)領(lǐng)域的普通技術(shù)人員來(lái)說(shuō)許多修改和變更都是顯而易見(jiàn)的。本文中所用術(shù)語(yǔ)的選擇，旨在最好地解釋各實(shí)施例的原理、實(shí)際應(yīng)用或?qū)κ袌?chǎng)中的技術(shù)的改進(jìn)，或者使本技術(shù)領(lǐng)域的其它普通技術(shù)人員能理解本文披露的各實(shí)施例。