[發(fā)明專利]網(wǎng)頁調整方法、裝置及電子設備

有效

• 申請?zhí)枺?/td>: 201410108833.X
• 申請日: 2014-03-21
• 公開（公告）號: CN103885712B
• 公開（公告）日: 2017-08-15
• 發(fā)明（設計）人: 杜中義;左景龍;徐國市
• 申請（專利權）人: 小米科技有限責任公司
• 主分類號: G06F3/0488
• 分類號: G06F3/0488
• 代理公司: 北京三高永信知識產權代理有限責任公司11138
• 代理人: 劉映東

技術領域

本公開涉及計算機領域，尤其涉及一種網(wǎng)頁調整方法、裝置及電子設備。

背景技術

隨著移動網(wǎng)絡的發(fā)展以及便攜式移動終端的普及，越來越多的用戶通過智能手機、平板電腦或者電子書閱讀器等電子設備進行網(wǎng)絡活動，而網(wǎng)頁瀏覽則是最重要的網(wǎng)絡活動之一。

由于智能手機、平板電腦或者電子書閱讀器等電子設備為了兼顧便攜性，其屏幕的尺寸通常不會太大。而當前網(wǎng)絡中已有的網(wǎng)頁大多基于PC(Personal Computer，個人計算機)進行開發(fā)，便攜式電子設備在顯示網(wǎng)頁時，為了便于用戶瀏覽，需要對網(wǎng)頁進行調整。在相關技術中，便攜式電子設備通常提供網(wǎng)頁調整功能，用戶在瀏覽網(wǎng)頁時，可以通過手勢操作將網(wǎng)頁放大至適合瀏覽的尺寸，并通過拖拽操作移動網(wǎng)頁，從而可以瀏覽網(wǎng)頁的全部內容。

發(fā)明內容

為了解決相關技術中網(wǎng)頁的移動需要用戶手動拖拽，若要將網(wǎng)頁中的某一塊內容調整至適合瀏覽的位置，通常需要用戶經(jīng)過多次調整操作的問題，本公開實施例提供了一種網(wǎng)頁調整方法、裝置及電子設備。所述技術方案如下：

第一方面，提供了一種網(wǎng)頁調整方法，所述方法包括：

接收網(wǎng)頁調整指令，所述網(wǎng)頁調整指令為檢測到對當前顯示的網(wǎng)頁的觸控操作時生成的指令，所述網(wǎng)頁調整指令中包含有至少一個觸控點坐標；

根據(jù)所述至少一個觸控點坐標和所述網(wǎng)頁的文件對象模型DOM樹從所述網(wǎng)頁的各個內容節(jié)點中確定目標內容節(jié)點，所述網(wǎng)頁的文件對象模型DOM樹中的每個可視化內容節(jié)點對應顯示所述網(wǎng)頁的屏幕中的一塊矩形區(qū)域；

將所述目標內容節(jié)點對應的顯示區(qū)域的中心調整至屏幕的中心。

優(yōu)選的，所述方法還包括：

根據(jù)所述目標內容節(jié)點對應的顯示區(qū)域的當前尺寸和所述屏幕的尺寸計算縮放比例；

根據(jù)所述縮放比例對所述網(wǎng)頁進行縮放。

優(yōu)選的，所述根據(jù)所述至少一個觸控點和所述網(wǎng)頁的DOM樹從所述網(wǎng)頁的各個內容節(jié)點中確定目標內容節(jié)點，包括：

當所述至少一個觸控點坐標中包含一個觸控點坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第一候選節(jié)點集合，所述第一候選節(jié)點集合中包含有所述觸控點坐標所在的各個內容節(jié)點；

將所述第一候選節(jié)點集合中，顯示寬度小于屏幕寬度且顯示面積最大的內容節(jié)點確定為所述目標內容節(jié)點。

優(yōu)選的，所述根據(jù)所述至少一個觸控點和所述網(wǎng)頁的DOM樹從所述網(wǎng)頁的各個內容節(jié)點中確定目標內容節(jié)點，包括：

當所述至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第二候選節(jié)點集合，所述第二候選節(jié)點集合中包含有與所述閉合曲線所圍區(qū)域的相交面積占所述閉合曲線所圍面積的比例大于預定比例閾值的內容節(jié)點；

將所述第二候選節(jié)點集合中顯示面積最小的內容節(jié)點確定為所述目標內容節(jié)點。

優(yōu)選的，所述根據(jù)所述至少一個觸控點和所述網(wǎng)頁的DOM樹從所述網(wǎng)頁的各個內容節(jié)點中確定目標內容節(jié)點，包括：

當所述至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第三候選節(jié)點集合，所述第三候選節(jié)點集合中包含有與所述閉合曲線所圍區(qū)域的相交面積占顯示面積的比例最大的內容節(jié)點；

將所述第三候選節(jié)點集合中顯示面積最大的內容節(jié)點確定為所述目標內容節(jié)點。

在第一方面中，所述方法還包括：

在接收所述網(wǎng)頁調整指令之前，檢測所述網(wǎng)頁中的純文本節(jié)點內的字符的平均顯示面積是否小于預設的面積閾值；

若檢測結果為所述網(wǎng)頁中的純文本節(jié)點內的字符的平均顯示面積小于預設的面積閾值，則執(zhí)行所述接收所述網(wǎng)頁調整指令的步驟。

第二方面，提供了一種網(wǎng)頁調整裝置，所述裝置包括：

指令接收模塊，用于接收網(wǎng)頁調整指令，所述網(wǎng)頁調整指令為檢測到對當前顯示的網(wǎng)頁的觸控操作時生成的指令，所述網(wǎng)頁調整指令中包含有至少一個觸控點坐標；

目標節(jié)點確定模塊，用于根據(jù)所述至少一個觸控點坐標和所述網(wǎng)頁的文件對象模型DOM樹從所述網(wǎng)頁的各個內容節(jié)點中確定目標內容節(jié)點，所述網(wǎng)頁的文件對象模型DOM樹中的每個可視化內容節(jié)點對應顯示所述網(wǎng)頁的屏幕中的一塊矩形區(qū)域；

調整模塊，用于將所述目標內容節(jié)點對應的顯示區(qū)域的中心調整至屏幕的中心。

優(yōu)選的，所述裝置還包括：

計算模塊，用于根據(jù)所述目標內容節(jié)點對應的顯示區(qū)域的當前尺寸和所述屏幕的尺寸計算縮放比例；

縮放模塊，用于根據(jù)所述縮放比例對所述網(wǎng)頁進行縮放。

優(yōu)選的，所述目標節(jié)點確定模塊，包括：