網(wǎng)頁調(diào)整方法、裝置及電子設(shè)備的制作方法
【專利摘要】本公開是關(guān)于一種網(wǎng)頁調(diào)整方法、裝置及電子設(shè)備，屬于計算機領(lǐng)域。所述方法包括：接收網(wǎng)頁調(diào)整指令，根據(jù)網(wǎng)頁調(diào)整指令中包含的至少一個觸控點坐標和網(wǎng)頁的文件對象模型DOM樹從網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點；將目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心。本公開通過根據(jù)接收到的網(wǎng)頁調(diào)整指令中包含的至少一個觸控點坐標的和該網(wǎng)頁的文件對象模型DOM樹從該網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，并將該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心，解決了相關(guān)技術(shù)中若要將網(wǎng)頁中的某一塊內(nèi)容調(diào)整至適合瀏覽的位置，通常需要用戶經(jīng)過多次調(diào)整操作的問題，達到簡化用戶操作，節(jié)約用戶時間的效果。
【專利說明】網(wǎng)頁調(diào)整方法、裝置及電子設(shè)備
【技術(shù)領(lǐng)域】
[0001]本公開涉及計算機領(lǐng)域，尤其涉及一種網(wǎng)頁調(diào)整方法、裝置及電子設(shè)備。
【背景技術(shù)】
[0002]隨著移動網(wǎng)絡(luò)的發(fā)展以及便攜式移動終端的普及，越來越多的用戶通過智能手機、平板電腦或者電子書閱讀器等電子設(shè)備進行網(wǎng)絡(luò)活動，而網(wǎng)頁瀏覽則是最重要的網(wǎng)絡(luò)活動之一。
[0003]由于智能手機、平板電腦或者電子書閱讀器等電子設(shè)備為了兼顧便攜性，其屏幕的尺寸通常不會太大。而當前網(wǎng)絡(luò)中已有的網(wǎng)頁大多基于PCXPersonal Computer,個人計算機)進行開發(fā)，便攜式電子設(shè)備在顯示網(wǎng)頁時，為了便于用戶瀏覽，需要對網(wǎng)頁進行調(diào)整。在相關(guān)技術(shù)中，便攜式電子設(shè)備通常提供網(wǎng)頁調(diào)整功能，用戶在瀏覽網(wǎng)頁時，可以通過手勢操作將網(wǎng)頁放大至適合瀏覽的尺寸，并通過拖拽操作移動網(wǎng)頁，從而可以瀏覽網(wǎng)頁的全部內(nèi)容。
【發(fā)明內(nèi)容】
[0004]為了解決相關(guān)技術(shù)中網(wǎng)頁的移動需要用戶手動拖拽，若要將網(wǎng)頁中的某一塊內(nèi)容調(diào)整至適合瀏覽的位置，通常需要用戶經(jīng)過多次調(diào)整操作的問題，本公開實施例提供了一種網(wǎng)頁調(diào)整方法、裝置及電子設(shè)備。所述技術(shù)方案如下:
[0005]第一方面，提供了一種網(wǎng)頁調(diào)整方法，所述方法包括:
[0006]接收網(wǎng)頁調(diào)整指令，所述網(wǎng)頁調(diào)整指令為檢測到對當前顯示的網(wǎng)頁的觸控操作時生成的指令，所述網(wǎng)頁調(diào)整指令中包含有至少一個觸控點坐標；
[0007]根據(jù)所述至少一個觸控點坐標和所述網(wǎng)頁的文件對象模型DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點；
[0008]將所述目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心。
[0009]優(yōu)選的，所述方法還包括:
[0010]根據(jù)所述目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的當前尺寸和所述屏幕的尺寸計算縮放比例；
[0011]根據(jù)所述縮放比例對所述網(wǎng)頁進行縮放。
[0012]優(yōu)選的，所述根據(jù)所述至少一個觸控點和所述網(wǎng)頁的DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，包括:
[0013]當所述至少一個觸控點坐標中包含一個觸控點坐標時,根據(jù)所述網(wǎng)頁的DOM樹確定第一候選節(jié)點集合，所述第一候選節(jié)點集合中包含有所述觸控點坐標所在的各個內(nèi)容節(jié)
占.[0014]將所述第一候選節(jié)點集合中，顯示寬度小于屏幕寬度且顯示面積最大的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
[0015]優(yōu)選的，所述根據(jù)所述至少一個觸控點和所述網(wǎng)頁的DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，包括:
[0016]當所述至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第二候選節(jié)點集合，所述第二候選節(jié)點集合中包含有與所述閉合曲線所圍區(qū)域的相交面積占所述閉合曲線所圍面積的比例大于預(yù)定比例閾值的內(nèi)容節(jié)點；
[0017]將所述第二候選節(jié)點集合中顯示面積最小的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
[0018]優(yōu)選的，所述根據(jù)所述至少一個觸控點和所述網(wǎng)頁的DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，包括:
[0019]當所述至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第三候選節(jié)點集合，所述第三候選節(jié)點集合中包含有與所述閉合曲線所圍區(qū)域的相交面積占顯不面積的比例最大的內(nèi)容節(jié)點；
[0020]將所述第三候選節(jié)點集合中顯示面積最大的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
[0021]優(yōu)選的，所述方法還包括:
[0022]在接收所述網(wǎng)頁調(diào)整指令之前，檢測所述網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積是否小于預(yù)設(shè)的面積閾值；
[0023]若檢測結(jié)果為所述網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積小于預(yù)設(shè)的面積閾值，則執(zhí)行所述接收所述網(wǎng)頁調(diào)整指令的步驟。
[0024]第二方面，提供了一種網(wǎng)頁調(diào)整裝置，所述裝置包括:
[0025]指令接收模塊，用于接收網(wǎng)頁調(diào)整指令，所述網(wǎng)頁調(diào)整指令為檢測到對當前顯示的網(wǎng)頁的觸控操作時生成的指令，所述網(wǎng)頁調(diào)整指令中包含有至少一個觸控點坐標；
[0026]目標節(jié)點確定模塊，用于根據(jù)所述至少一個觸控點坐標和所述網(wǎng)頁的文件對象模型DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點；
[0027]調(diào)整模塊，用于將所述目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心。
[0028]優(yōu)選的，所述裝置還包括:
[0029]計算模塊，用于根據(jù)所述目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的當前尺寸和所述屏幕的尺寸計算縮放比例；
[0030]縮放模塊，用于根據(jù)所述縮放比例對所述網(wǎng)頁進行縮放。
[0031]優(yōu)選的，所述目標節(jié)點確定模塊，包括:
[0032]第一確定單元，用于當所述至少一個觸控點坐標中包含一個觸控點坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第一候選節(jié)點集合，所述第一候選節(jié)點集合中包含有所述觸控點坐標所在的各個內(nèi)容節(jié)點；
[0033]第二確定單元，用于將所述第一候選節(jié)點集合中，顯示寬度小于屏幕寬度且顯示面積最大的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
[0034]優(yōu)選的，所述目標節(jié)點確定模塊，包括:
[0035]第三確定單元，用于當所述至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第二候選節(jié)點集合，所述第二候選節(jié)點集合中包含有與所述閉合曲線所圍區(qū)域的相交面積占所述閉合曲線所圍面積的比例大于預(yù)定比例閾值的內(nèi)容節(jié)點；
[0036]第四確定單元，用于將所述第二候選節(jié)點集合中顯示面積最小的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
[0037]優(yōu)選的，所述目標節(jié)點確定模塊，包括:[0038]第五確定單元，用于當所述至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第三候選節(jié)點集合，所述第三候選節(jié)點集合中包含有與所述閉合曲線所圍區(qū)域的相交面積占顯示面積的比例最大的內(nèi)容節(jié)點；
[0039]第六確定單元，用于將所述第三候選節(jié)點集合中顯示面積最大的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
[0040]優(yōu)選的，所述裝置還包括:
[0041]檢測模塊，用于在接收所述網(wǎng)頁調(diào)整指令之前，檢測所述網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積是否小于預(yù)設(shè)的面積閾值；
[0042]所述指令接收模塊，用于若所述檢測模塊的檢測結(jié)果為所述網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積小于預(yù)設(shè)的面積閾值，則執(zhí)行所述接收所述網(wǎng)頁調(diào)整指令的步驟。
[0043]第三方面，提供了 一種電子設(shè)備，所述電子設(shè)備包括:
[0044]處理器；
[0045]用于存儲所述處理器可執(zhí)行指令的存儲器；
[0046]其中，所述處理器被配置為:
[0047]接收網(wǎng)頁調(diào)整指令，所述網(wǎng)頁調(diào)整指令為檢測到對當前顯示的網(wǎng)頁的觸控操作時生成的指令，所述網(wǎng)頁調(diào)整指令中包含有至少一個觸控點坐標；
[0048]根據(jù)所述至少一個觸控點坐標和所述網(wǎng)頁的文件對象模型DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點；
[0049]將所述目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心。
[0050]本公開實施例提供的技術(shù)方案可以帶來以下有益效果:
[0051]通過接收包含有至少一個觸控點坐標的網(wǎng)頁調(diào)整指令，根據(jù)該至少一個觸控點坐標和該網(wǎng)頁的文件對象模型DOM樹從該網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，并將該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心，只需要用戶一次操作就可以將對應(yīng)的內(nèi)容節(jié)點的顯示區(qū)域移動至適合用戶瀏覽的屏幕中心位置，解決了相關(guān)技術(shù)中若要將網(wǎng)頁中的某一塊內(nèi)容調(diào)整至適合瀏覽的位置，通常需要用戶經(jīng)過多次調(diào)整操作的問題，達到簡化用戶操作，節(jié)約用戶時間的效果。
[0052]應(yīng)當理解的是，以上的一般描述和后文的細節(jié)描述僅是示例性和解釋性的，并不能限制本公開。
【專利附圖】
【附圖說明】
[0053]此處的附圖被并入說明書中并構(gòu)成本說明書的一部分，示出了符合本公開的實施例，并與說明書一起用于解釋本公開的原理。
[0054]圖1是根據(jù)一示例性實施例示出的一種網(wǎng)頁調(diào)整方法的流程圖；
[0055]圖2是根據(jù)另一示例性實施例示出的一種網(wǎng)頁調(diào)整方法的流程圖；
[0056]圖3是根據(jù)另一示例性實施例示出的一種用戶操作示意圖；
[0057]圖4是根據(jù)另一示例性實施例示出的另一種用戶操作示意圖；
[0058]圖5是根據(jù)另一示例性實施例示出的又一種用戶操作示意圖；
[0059]圖6是根據(jù)另一示例性實施例示出的一種調(diào)整后的網(wǎng)頁示意圖；[0060]圖7是根據(jù)又一示例性實施例示出的一種網(wǎng)頁調(diào)整方法的流程圖；
[0061]圖8是根據(jù)一示例性實施例示出的一種網(wǎng)頁調(diào)整裝置的示意圖；
[0062]圖9是根據(jù)另一示例性實施例示出的一種網(wǎng)頁調(diào)整裝置的示意圖；
[0063]圖10是根據(jù)一示例性實施例示出的一種電子設(shè)備的框圖；
[0064]圖11是根據(jù)一示例性實施例示出的一種電子設(shè)備的框圖。
【具體實施方式】
[0065]這里將詳細地對示例性實施例進行說明，其示例表示在附圖中。下面的描述涉及附圖時，除非另有表示，不同附圖中的相同數(shù)字表示相同或相似的要素。以下示例性實施例中所描述的實施方式并不代表與本公開相一致的所有實施方式。相反，它們僅是與如所附權(quán)利要求書中所詳述的、本公開的一些方面相一致的設(shè)備和方法的例子。
[0066]圖1是根據(jù)一示例性實施例示出的一種網(wǎng)頁調(diào)整方法的流程圖，如圖1所示，該網(wǎng)頁調(diào)整方法可以用于在電子設(shè)備中對當前顯示的網(wǎng)頁進行調(diào)整。該電子設(shè)備可以是智能手機、平板電腦或者電子書閱讀器等。該網(wǎng)頁調(diào)整方法可以包括以下步驟:
[0067]在步驟102中，接收網(wǎng)頁調(diào)整指令，該網(wǎng)頁調(diào)整指令為檢測到對當前顯示的網(wǎng)頁的觸控操作時生成的指令，該網(wǎng)頁調(diào)整指令中包含有至少一個觸控點坐標；
[0068]在步驟104中，根據(jù)該至少一個觸控點坐標和該網(wǎng)頁的DOM (Document ObjectModel，文件對象模型)樹從該網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點；
[0069]在步驟106中，將該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心。
[0070]綜上所述，本示例性實施例示出的網(wǎng)頁調(diào)整方法，通過接收包含有至少一個觸控點坐標的網(wǎng)頁調(diào)整指令，根據(jù)該至少一個觸控點坐標和該網(wǎng)頁的文件對象模型DOM樹從該網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，并將該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心，只需要用戶一次操作就可以將對應(yīng)的內(nèi)容節(jié)點的顯示區(qū)域移動至適合用戶瀏覽的屏幕中心位置，解決了相關(guān)技術(shù)中若要將網(wǎng)頁中的某一塊內(nèi)容調(diào)整至適合瀏覽的位置，通常需要用戶經(jīng)過多次調(diào)整操作的問題，達到簡化用戶操作，節(jié)約用戶時間的效果。
[0071]圖2是根據(jù)另一示例性實施例示出的一種網(wǎng)頁調(diào)整方法的流程圖，如圖2所示，該網(wǎng)頁調(diào)整方法可以用于在電子設(shè)備中對當前顯示的網(wǎng)頁進行調(diào)整。該電子設(shè)備可以是智能手機、平板電腦或者電子書閱讀器等。該網(wǎng)頁調(diào)整方法可以包括以下步驟:
[0072]在步驟202中，接收網(wǎng)頁調(diào)整指令，該網(wǎng)頁調(diào)整指令中包含有至少一個觸控點坐標；
[0073]網(wǎng)頁調(diào)整指令為檢測到對用戶當前顯示的網(wǎng)頁的觸控操作時生成的指令。其中，用戶對當前顯示的網(wǎng)頁的觸控操作可以是點擊操作或者滑動操作。比如，若用戶操作為點擊操作，該網(wǎng)頁調(diào)整指令中包含有用戶點擊位置的觸控點坐標；若用戶操作為滑動操作，且滑動軌跡為一個閉合曲線，則該網(wǎng)頁調(diào)整指令中包含有該閉合曲線所經(jīng)過的各個觸控點坐標。
[0074]在步驟204中，當該至少一個觸控點坐標中包含一個觸控點坐標時，根據(jù)該網(wǎng)頁的DOM樹確定第一候選節(jié)點集合，該第一候選節(jié)點集合中包含有該觸控點坐標所在的各個內(nèi)容節(jié)點；
[0075]網(wǎng)頁顯示在屏幕中時，該網(wǎng)頁的DOM樹中的每個可視化內(nèi)容節(jié)點都可以對應(yīng)在屏幕中的某一塊矩形顯示區(qū)域。在這些可視化內(nèi)容節(jié)點中，某些大節(jié)點可能包含一層或多層小節(jié)點，對應(yīng)在屏幕中即顯示為大的矩形顯示區(qū)域包含一層或多層小的矩形顯示區(qū)域。
[0076]以電子設(shè)備為智能手機為例，請參考圖3所示的一種用戶操作示意圖，其中，當前網(wǎng)頁中顯示有4個一級可視化內(nèi)容節(jié)點，分別對應(yīng)圖3中的四塊矩形區(qū)域A、B、C和D ;B區(qū)域?qū)?yīng)的一級可視化內(nèi)容節(jié)點中又包含有一個二級可視化內(nèi)容節(jié)點，對應(yīng)圖3中的矩形區(qū)域B1 J1區(qū)域?qū)?yīng)的二級可視化內(nèi)容節(jié)點中又包含有三個三級可視化內(nèi)容節(jié)點，對應(yīng)圖3中的矩形區(qū)域Bn、B12和B13。用戶在對該網(wǎng)頁進行點擊操作時，生成的網(wǎng)頁調(diào)整指令包含有該用戶點擊位置的觸控點坐標，智能手機根據(jù)該觸控點坐標和網(wǎng)頁的DOM樹確定該觸控點坐標處于B13區(qū)域內(nèi)，則包含觸控點坐標的區(qū)域有B、B1和B13 ;智能手機確定第一候選節(jié)點集合為區(qū)域B、B1和B13對應(yīng)的內(nèi)容節(jié)點組成的集合。
[0077]在步驟206中，將該第一候選節(jié)點集合中，顯示寬度小于屏幕寬度且顯示面積最大的內(nèi)容節(jié)點確定為目標內(nèi)容節(jié)點；
[0078]以圖3為例，區(qū)域B的寬度與屏幕寬度相同，則第一候選節(jié)點集合中區(qū)域B1和B13對應(yīng)的內(nèi)容節(jié)點的顯示寬度小于屏幕寬度，而區(qū)域B1的面積大于區(qū)域B13,因此，智能手機選擇區(qū)域B1對應(yīng)的內(nèi)容節(jié)點為目標內(nèi)容節(jié)點。
[0079]在步驟208中，當該至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)該網(wǎng)頁的DOM樹確定第二候選節(jié)點集合，該第二候選節(jié)點集合中包含有與該閉合曲線所圍區(qū)域的相交面積占該閉合曲線所圍面積的比例大于預(yù)定比例閾值的內(nèi)容節(jié)點；
[0080]其中，該預(yù)定比例閾值可以是開發(fā)人員預(yù)先設(shè)置的比例閾值，比如50%、70%或者80%等，本示例性實施例對該預(yù)定比例閾值的數(shù)值不做限定。
[0081]以電子設(shè)備為智能手機,該預(yù)設(shè)比例閾值為50%為例，請參考圖4所示的另一種用戶操作示意圖，其中，在初始時刻，智能手機在屏幕中顯示整個網(wǎng)頁的所有可視化內(nèi)容節(jié)點，各個節(jié)點對應(yīng)的顯示區(qū)域如圖4所示。用戶在對該網(wǎng)頁進行滑動操作時，滑動軌跡為一個閉合曲線，則生成的網(wǎng)頁調(diào)整指令包含有該用戶滑動軌跡上的各個觸控點坐標，智能手機根據(jù)該滑動軌跡上的各個觸控點坐標和網(wǎng)頁的DOM樹確定該各個觸控點坐標圍成的閉合曲線所覆蓋到的顯示區(qū)域有除區(qū)域A之外的所有區(qū)域，其中，與該閉合曲線所圍區(qū)域的相交面積占該閉合曲線所圍面積的比例大于50%的顯示區(qū)域有區(qū)域B和B1，智能手機將區(qū)域B和B1對應(yīng)的內(nèi)容節(jié)點組成的集合確定為第二候選節(jié)點集合。
[0082]在步驟210中，將該第二候選節(jié)點集合中顯示面積最小的內(nèi)容節(jié)點確定為該目標內(nèi)容節(jié)點；
[0083]以圖4為例，由于區(qū)域B1的面積小于區(qū)域B的面積，因此，智能手機將區(qū)域B1對應(yīng)的內(nèi)容節(jié)點確定為目標內(nèi)容節(jié)點。
[0084]在步驟212中，當該至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)該網(wǎng)頁的DOM樹確定第三候選節(jié)點集合，該第三候選節(jié)點集合中包含有與該閉合曲線所圍區(qū)域的相交面積占顯示面積的比例最大的內(nèi)容節(jié)點；
[0085]以電子設(shè)備為智能手機為例，請參考圖5所示的另一種用戶操作示意圖，其中，在初始時刻，智能手機在屏幕中顯示整個網(wǎng)頁的所有可視化內(nèi)容節(jié)點，各個節(jié)點對應(yīng)的顯示區(qū)域如圖5所示。用戶在對該網(wǎng)頁進行滑動操作時，滑動軌跡為一個閉合曲線，則生成的網(wǎng)頁調(diào)整指令包含有該用戶滑動軌跡上的各個觸控點坐標，智能手機根據(jù)該滑動軌跡上的各個觸控點坐標和網(wǎng)頁的DOM樹確定該各個觸控點坐標圍成的閉合曲線所覆蓋到的顯示區(qū)域有除區(qū)域A之外的所有區(qū)域，其中，與該閉合曲線所圍區(qū)域的相交面積占顯示面積的比例最大的內(nèi)容節(jié)點有3個，分別區(qū)域Bn、B12和B13對應(yīng)的內(nèi)容節(jié)點，其比例均為100%，則智能手機將區(qū)域Bn、B12和B13對應(yīng)的內(nèi)容節(jié)點組成的集合確定為第三候選節(jié)點集合。
[0086]在步驟214中，將該第三候選節(jié)點集合中顯示面積最大的內(nèi)容節(jié)點確定為該目標內(nèi)容節(jié)點；
[0087]以圖5為例，其中區(qū)域B13的面積大于區(qū)域B11和B12的面積，因此，智能手機將區(qū)域B13對應(yīng)的內(nèi)容節(jié)點確定為目標內(nèi)容節(jié)點。
[0088]在步驟216中，根據(jù)該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的當前尺寸和該屏幕的尺寸計算縮放比例，并根據(jù)該縮放比例對該網(wǎng)頁進行縮放。
[0089]其中，電子設(shè)備可以預(yù)先設(shè)置該目標內(nèi)容節(jié)點縮放后的顯示區(qū)域占整個屏幕的最佳比例，比如，設(shè)置該目標內(nèi)容節(jié)點縮放后的顯示區(qū)域的寬度占屏幕寬度的最佳比例或者設(shè)置該目標內(nèi)容節(jié)點縮放后的顯示區(qū)域的高度占屏幕高度的最佳比例，該最佳比例可以是80%、100%、120%或者其它數(shù)值，對此，本示例性實施例不做限定。
[0090]以設(shè)置該目標內(nèi)容節(jié)點縮放后的顯示區(qū)域的寬度占屏幕寬度的最佳比例為100%為例，假設(shè)該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的當前寬度為5，而屏幕寬度為10，則縮放比例為+100%(即放大100%)，若顯示區(qū)域的當前寬度為20，而屏幕寬度為10，則縮放比例為-50%(即縮小50%)ο
[0091]以圖3至圖5任一所示的用戶操作示意圖中所示的網(wǎng)頁為例，假設(shè)智能手機通過步驟204?206或者步驟208?210或者步驟212?214任一所示的方法確定區(qū)域B1對應(yīng)的可視化內(nèi)容節(jié)點為目標內(nèi)容節(jié)點，則將區(qū)域B1的中心調(diào)整至屏幕中心，同時按照計算出的縮放比例將區(qū)域B1的寬度調(diào)整為屏幕的寬度，調(diào)整后的網(wǎng)頁示意圖如圖6所示。
[0092]綜上所述，本示例性實施例示出的網(wǎng)頁調(diào)整方法，通過接收包含有至少一個觸控點坐標的網(wǎng)頁調(diào)整指令，根據(jù)該至少一個觸控點和該網(wǎng)頁的文件對象模型DOM樹從該網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，并將該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心，只需要用戶一次操作就可以將對應(yīng)的內(nèi)容節(jié)點的顯示區(qū)域移動至適合用戶瀏覽的屏幕中心位置，解決了相關(guān)技術(shù)中若要將網(wǎng)頁中的某一塊內(nèi)容調(diào)整至適合瀏覽的位置，通常需要用戶經(jīng)過多次調(diào)整操作的問題，達到簡化用戶操作，節(jié)約用戶時間的效果。
[0093]其次，本示例性實施例提供的網(wǎng)頁調(diào)整方法，通過根據(jù)該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的當前尺寸和該屏幕的尺寸計算縮放比例，并根據(jù)該縮放比例對該網(wǎng)頁進行縮放，將目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域調(diào)整至更佳的瀏覽尺寸，從而進一步提高用戶體驗，簡化用戶操作。
[0094]圖7是根據(jù)又一示例性實施例示出的一種網(wǎng)頁調(diào)整方法的流程圖，如圖7所示，該網(wǎng)頁調(diào)整方法可以用于在電子設(shè)備中對當前顯示的網(wǎng)頁進行調(diào)整。該電子設(shè)備可以是智能手機、平板電腦或者電子書閱讀器等。該網(wǎng)頁調(diào)整方法可以包括以下步驟:
[0095]在步驟302中，檢測當前顯示的網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積是否小于預(yù)設(shè)的面積閾值；
[0096]對網(wǎng)頁進行縮放和移動時，需要占用一定的處理資源，并消耗一定的電量，而在實際應(yīng)用中，并不是所有的網(wǎng)頁在便攜式電子設(shè)備中顯示時都需要進行縮放或者移動，為了節(jié)約電子設(shè)備的處理資源和電量，可以只對需要進行調(diào)整的網(wǎng)頁進行網(wǎng)頁調(diào)整指令的響應(yīng)。即檢測當前顯示的網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積是否小于預(yù)設(shè)的面積閾值，若小于，則該網(wǎng)頁的字符在默認狀態(tài)下顯示面積較小，需要進行調(diào)整，否則，可以不進行調(diào)整。
[0097]其中，該面積閾值可以是一個固定值，也可以根據(jù)電子設(shè)備的屏幕的分辨率和尺寸進行確定。比如，開發(fā)人員可以通過人工標注的方式確定網(wǎng)絡(luò)中不需要進行調(diào)整的網(wǎng)頁的集合，并計算集合中的各個網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積S1，在顯示網(wǎng)頁時，電子設(shè)備首先獲取當前網(wǎng)頁的純文本節(jié)點內(nèi)的字符的平均顯示面積S2，并判斷S2< k*Sl是否成立，其中，k為可以是開發(fā)人員預(yù)先設(shè)置的比例參數(shù)，也可以是根據(jù)電子設(shè)備的屏幕的分辨率和尺寸確定的比例參數(shù)，對此，本示例性實施例不做限定。
[0098]在步驟304中，若當前顯示的網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積小于預(yù)設(shè)的面積閾值，則接收網(wǎng)頁調(diào)整指令，該網(wǎng)頁調(diào)整指令中包含有至少一個觸控點坐標；
[0099]網(wǎng)頁調(diào)整指令為檢測到對用戶當前顯示的網(wǎng)頁的觸控操作時生成的指令。其中，用戶對當前顯示的網(wǎng)頁的觸控操作可以是點擊操作或者滑動操作。比如，若用戶操作為點擊操作，該網(wǎng)頁調(diào)整指令中包含有用戶點擊位置的觸控點坐標；若用戶操作為滑動操作，且滑動軌跡為一個閉合曲線，則該網(wǎng)頁調(diào)整指令中包含有該閉合曲線所經(jīng)過的各個觸控點坐標。
[0100]在步驟306中，當該至少一個觸控點坐標中包含一個觸控點坐標時，根據(jù)該網(wǎng)頁的DOM樹確定第一候選節(jié)點集合，該第一候選節(jié)點集合中包含有該觸控點坐標所在的各個內(nèi)容節(jié)點；
[0101 ] 網(wǎng)頁顯示在屏幕中時，該網(wǎng)頁的DOM樹中的每個可視化內(nèi)容節(jié)點都可以對應(yīng)在屏幕中的某一塊矩形顯示區(qū)域。在這些可視化內(nèi)容節(jié)點中，某些大節(jié)點可能包含一層或多層小節(jié)點，對應(yīng)在屏幕中即顯示為大的矩形顯示區(qū)域包含一層或多層小的矩形顯示區(qū)域。
[0102]以電子設(shè)備為智能手機為例，請參考圖3所示的一種用戶操作示意圖，其中，當前網(wǎng)頁中顯示有4個一級可視化內(nèi)容節(jié)點，分別對應(yīng)圖3中的四塊矩形區(qū)域A、B、C和D ;B區(qū)域?qū)?yīng)的一級可視化內(nèi)容節(jié)點中又包含有一個二級可視化內(nèi)容節(jié)點，對應(yīng)圖3中的矩形區(qū)域B1 J1區(qū)域?qū)?yīng)的二級可視化內(nèi)容節(jié)點中又包含有三個三級可視化內(nèi)容節(jié)點，對應(yīng)圖3中的矩形區(qū)域Bn、B12和B13。用戶在對該網(wǎng)頁進行點擊操作時，生成的網(wǎng)頁調(diào)整指令包含有該用戶點擊位置的觸控點坐標，智能手機根據(jù)該觸控點坐標和網(wǎng)頁的DOM樹確定該觸控點坐標處于B13區(qū)域內(nèi)，則包含觸控點坐標的區(qū)域有B、B1和B13 ;智能手機確定第一候選節(jié)點集合為區(qū)域B、B1和B13對應(yīng)的內(nèi)容節(jié)點組成的集合。
[0103]在步驟308中，將該第一候選節(jié)點集合中，顯示寬度小于屏幕寬度且顯示面積最大的內(nèi)容節(jié)點確定為目標內(nèi)容節(jié)點；
[0104]以圖3為例，區(qū)域B的寬度與屏幕寬度相同，則第一候選節(jié)點集合中區(qū)域B1和B13對應(yīng)的內(nèi)容節(jié)點的顯示寬度小于屏幕寬度，而區(qū)域B1的面積大于區(qū)域B13,因此，智能手機選擇區(qū)域B1對應(yīng)的內(nèi)容節(jié)點為目標內(nèi)容節(jié)點。
[0105]在步驟310中，當該至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)該網(wǎng)頁的DOM樹確定第二候選節(jié)點集合，該第二候選節(jié)點集合中包含有與該閉合曲線所圍區(qū)域的相交面積占該閉合曲線所圍面積的比例大于預(yù)定比例閾值的內(nèi)容節(jié)點；[0106]其中，該預(yù)定比例閾值可以是開發(fā)人員預(yù)先設(shè)置的比例閾值，比如50%、70%或者80%等，本示例性實施例對該預(yù)定比例閾值的數(shù)值不做限定。
[0107]以電子設(shè)備為智能手機，該預(yù)設(shè)比例閾值為50%為例，請參考圖4所示的另一種用戶操作示意圖，其中，在初始時刻，智能手機在屏幕中顯示整個網(wǎng)頁的所有可視化內(nèi)容節(jié)點，各個節(jié)點對應(yīng)的顯示區(qū)域如圖4所示。用戶在對該網(wǎng)頁進行滑動操作時，滑動軌跡為一個閉合曲線，則生成的網(wǎng)頁調(diào)整指令包含有該用戶滑動軌跡上的各個觸控點坐標，智能手機根據(jù)該滑動軌跡上的各個觸控點坐標和網(wǎng)頁的DOM樹確定該各個觸控點坐標圍成的閉合曲線所覆蓋到的顯示區(qū)域有除區(qū)域A之外的所有區(qū)域，其中，與該閉合曲線所圍區(qū)域的相交面積占該閉合曲線所圍面積的比例大于50%的顯示區(qū)域有區(qū)域B和B1,智能手機將區(qū)域B和B1對應(yīng)的內(nèi)容節(jié)點組成的集合確定為第二候選節(jié)點集合。
[0108]在步驟312中，將該第二候選節(jié)點集合中顯示面積最小的內(nèi)容節(jié)點確定為該目標內(nèi)容節(jié)點；
[0109]以圖4為例，由于區(qū)域B1的面積小于區(qū)域B的面積，因此，智能手機將區(qū)域B1對應(yīng)的內(nèi)容節(jié)點確定為目標內(nèi)容節(jié)點。
[0110]在步驟314中，當該至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)該網(wǎng)頁的DOM樹確定第三候選節(jié)點集合，該第三候選節(jié)點集合中包含有與該閉合曲線所圍區(qū)域的相交面積占顯示面積的比例最大的內(nèi)容節(jié)點；
[0111]以電子設(shè)備為智能手機，請參考圖5所示的另一種用戶操作示意圖，其中，在初始時刻，智能手機在屏幕中顯示整個網(wǎng)頁的所有可視化內(nèi)容節(jié)點，各個節(jié)點對應(yīng)的顯示區(qū)域如圖5所示。用戶在對該網(wǎng)頁進行滑動操作時，滑動軌跡為一個閉合曲線，則生成的網(wǎng)頁調(diào)整指令包含有該用戶滑動軌跡上的各個觸控點坐標，智能手機根據(jù)該滑動軌跡上的各個觸控點坐標和網(wǎng)頁的DOM樹確定該各個觸控點坐標圍成的閉合曲線所覆蓋到的顯示區(qū)域有除區(qū)域A之外的所有區(qū)域，其中，與該閉合曲線所圍區(qū)域的相交面積占顯示面積的比例最大的內(nèi)容節(jié)點有3個，分別區(qū)域Bn、B12和B13對應(yīng)的內(nèi)容節(jié)點，其比例均為100%，則智能手機將區(qū)域Bn、B12和B13對應(yīng)的內(nèi)容節(jié)點組成的集合確定為第三候選節(jié)點集合。
[0112]在步驟316中，將該第三候選節(jié)點集合中顯示面積最大的內(nèi)容節(jié)點確定為該目標內(nèi)容節(jié)點；
[0113]以圖5為例，其中區(qū)域B13的面積大于區(qū)域B11和B12的面積，因此，智能手機將區(qū)域B13對應(yīng)的內(nèi)容節(jié)點確定為目標內(nèi)容節(jié)點。
[0114]在步驟318中，根據(jù)該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的當前尺寸和該屏幕的尺寸計算縮放比例，并根據(jù)該縮放比例對該網(wǎng)頁進行縮放。
[0115]其中，電子設(shè)備可以預(yù)先設(shè)置該目標內(nèi)容節(jié)點縮放后的顯示區(qū)域占整個屏幕的最佳比例，比如，設(shè)置該目標內(nèi)容節(jié)點縮放后的顯示區(qū)域的寬度占屏幕寬度的最佳比例或者設(shè)置該目標內(nèi)容節(jié)點縮放后的顯示區(qū)域的高度占屏幕高度的最佳比例，該最佳比例可以是80%、100%、120%或者其它數(shù)值，對此，本示例性實施例不做限定。
[0116]以設(shè)置該目標內(nèi)容節(jié)點縮放后的顯示區(qū)域的寬度占屏幕寬度的最佳比例為100%為例，假設(shè)該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的當前寬度為5，而屏幕寬度為10，則縮放比例為+100%(即放大100%)，若顯示區(qū)域的當前寬度為20，而屏幕寬度為10，則縮放比例為-50%(即縮小50%)ο[0117]以圖3至圖5任一所示的用戶操作示意圖中所示的網(wǎng)頁為例，假設(shè)智能手機通過步驟306?308或者步驟310?312或者步驟314?316任一所示的方法確定區(qū)域B1對應(yīng)的可視化內(nèi)容節(jié)點為目標內(nèi)容節(jié)點，則將區(qū)域B1的中心調(diào)整至屏幕中心，同時按照計算出的縮放比例將區(qū)域B1的寬度調(diào)整為屏幕的寬度，調(diào)整后的網(wǎng)頁如圖6所示。
[0118]綜上所述，本示例性實施例示出的網(wǎng)頁調(diào)整方法，通過接收包含有至少一個觸控點坐標的網(wǎng)頁調(diào)整指令，根據(jù)該至少一個觸控點和該網(wǎng)頁的文件對象模型DOM樹從該網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，并將該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心，只需要用戶一次操作就可以將對應(yīng)的內(nèi)容節(jié)點的顯示區(qū)域移動至適合用戶瀏覽的屏幕中心位置，解決了相關(guān)技術(shù)中若要將網(wǎng)頁中的某一塊內(nèi)容調(diào)整至適合瀏覽的位置，通常需要用戶經(jīng)過多次調(diào)整操作的問題，達到簡化用戶操作，節(jié)約用戶時間的效果。
[0119]其次，本示例性實施例提供的網(wǎng)頁調(diào)整方法，通過根據(jù)該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的當前尺寸和該屏幕的尺寸計算縮放比例，并根據(jù)該縮放比例對該網(wǎng)頁進行縮放，將目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域調(diào)整至更佳的瀏覽尺寸，從而進一步提高用戶體驗，簡化用戶操作。
[0120]最后，本示例性實施例示出的網(wǎng)頁調(diào)整方法，通過在接收該網(wǎng)頁調(diào)整指令之前，檢測該網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積是否小于預(yù)設(shè)的面積閾值；若檢測結(jié)果為該網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積小于預(yù)設(shè)的面積閾值，則執(zhí)行該接收該網(wǎng)頁調(diào)整指令的步驟，避免對不需要調(diào)整的網(wǎng)頁進行調(diào)整，達到節(jié)約電子設(shè)備的處理資源和電量的效果。
[0121]圖8是根據(jù)一示例性實施例示出的一種網(wǎng)頁調(diào)整裝置的示意圖，如圖8所示,該網(wǎng)頁調(diào)整裝置可以用于在電子設(shè)備中執(zhí)行上述圖1、圖2或者圖7任一所示的方法。該電子設(shè)備可以是智能手機、平板電腦或者電子書閱讀器等。該網(wǎng)頁調(diào)整裝置可以包括:指令接收模塊401、目標節(jié)點確定模塊402以及調(diào)整模塊403 ；
[0122]指令接收模塊401設(shè)配置為用于接收網(wǎng)頁調(diào)整指令，所述網(wǎng)頁調(diào)整指令為檢測到對當前顯示的網(wǎng)頁的觸控操作時生成的指令，所述網(wǎng)頁調(diào)整指令中包含有至少一個觸控點坐標；
[0123]目標節(jié)點確定模塊402被設(shè)置為用于根據(jù)所述至少一個觸控點坐標和所述網(wǎng)頁的文件對象模型DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點；
[0124]調(diào)整模塊403被設(shè)置為用于將所述目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心。
[0125]綜上所述，本示例性實施例示出的網(wǎng)頁調(diào)整裝置，通過接收包含有至少一個觸控點坐標的網(wǎng)頁調(diào)整指令，根據(jù)該至少一個觸控點和該網(wǎng)頁的文件對象模型DOM樹從該網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，并將該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心，只需要用戶一次操作就可以將對應(yīng)的內(nèi)容節(jié)點的顯示區(qū)域移動至適合用戶瀏覽的屏幕中心位置，解決了相關(guān)技術(shù)中若要將網(wǎng)頁中的某一塊內(nèi)容調(diào)整至適合瀏覽的位置，通常需要用戶經(jīng)過多次調(diào)整操作的問題，達到簡化用戶操作，節(jié)約用戶時間的效果。
[0126]圖9是根據(jù)另一示例性實施例示出的一種網(wǎng)頁調(diào)整裝置的示意圖,如圖9所示,該網(wǎng)頁調(diào)整裝置可以用于在電子設(shè)備中執(zhí)行上述圖1、圖2或者圖7任一所示的方法。該電子設(shè)備可以是智能手機、平板電腦或者電子書閱讀器等。該網(wǎng)頁調(diào)整裝置可以包括:指令接收模塊501、目標節(jié)點確定模塊502以及調(diào)整模塊503 ；
[0127]指令接收模塊501設(shè)配置為用于接收網(wǎng)頁調(diào)整指令，所述網(wǎng)頁調(diào)整指令為檢測到對當前顯示的網(wǎng)頁的觸控操作時生成的指令，所述網(wǎng)頁調(diào)整指令中包含有至少一個觸控點坐標；
[0128]目標節(jié)點確定模塊502被設(shè)置為用于根據(jù)所述至少一個觸控點坐標和所述網(wǎng)頁的文件對象模型DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點；
[0129]調(diào)整模塊503被設(shè)置為用于將所述目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心。
[0130]所述裝置還包括:計算模塊504和縮放模塊505 ；
[0131]計算模塊504被設(shè)置為用于根據(jù)所述目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的當前尺寸和所述屏幕的尺寸計算縮放比例；
[0132]縮放模塊505被設(shè)置為用于根據(jù)所述縮放比例對所述網(wǎng)頁進行縮放。
[0133]所述目標節(jié)點確定模塊502，包括:第一確定單元502a、檢測單元502b以及第二確定單元502c ；
[0134]第一確定單元502a被設(shè)置為用于當所述至少一個觸控點坐標中包含一個觸控點坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第一候選節(jié)點集合，所述第一候選節(jié)點集合中包含有所述觸控點坐標所在的各個內(nèi)容節(jié)點；
[0135]第二確定單元502b被設(shè)置為用于將所述第一候選節(jié)點集合中，顯示寬度小于屏幕寬度且顯示面積最大的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
[0136]所述目標節(jié)點確定模塊502包括:第三確定單元502c和第四確定單元502d ；
[0137]第三確定單元502c被設(shè)置為用于當所述至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第二候選節(jié)點集合，所述第二候選節(jié)點集合中包含有與所述閉合曲線所圍區(qū)域的相交面積占所述閉合曲線所圍面積的比例大于預(yù)定比例閾值的內(nèi)容節(jié)點；
[0138]第四確定單元502d被設(shè)置為用于將所述第二候選節(jié)點集合中顯示面積最小的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
[0139]所述目標節(jié)點確定模塊502，包括:第五確定單元502e和第六確定單元502f ；
[0140]第五確定單元502e被設(shè)置為用于當所述至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第三候選節(jié)點集合，所述第三候選節(jié)點集合中包含有與所述閉合曲線所圍區(qū)域的相交面積占顯示面積的比例最大的內(nèi)容節(jié)點；
[0141]第六確定單元502f被設(shè)置為用于將所述第三候選節(jié)點集合中顯示面積最大的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
[0142]所述裝置還包括:檢測模塊506 ；
[0143]檢測模塊506被設(shè)置為用于在接收所述網(wǎng)頁調(diào)整指令之前，檢測所述網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積是否小于預(yù)設(shè)的面積閾值；
[0144]所述指令接收模塊501被設(shè)置為用于若所述檢測模塊506的檢測結(jié)果為所述網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積小于預(yù)設(shè)的面積閾值，則執(zhí)行所述接收所述網(wǎng)頁調(diào)整指令的步驟。
[0145]綜上所述，本示例性實施例示出的網(wǎng)頁調(diào)整裝置，通過接收包含有至少一個觸控點坐標的網(wǎng)頁調(diào)整指令，根據(jù)該至少一個觸控點和該網(wǎng)頁的文件對象模型DOM樹從該網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，并該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心，只需要用戶一次操作就可以將對應(yīng)的內(nèi)容節(jié)點的顯示區(qū)域移動至適合用戶瀏覽的屏幕中心位置，解決了相關(guān)技術(shù)中若要將網(wǎng)頁中的某一塊內(nèi)容調(diào)整至適合瀏覽的位置，通常需要用戶經(jīng)過多次調(diào)整操作的問題，達到簡化用戶操作，節(jié)約用戶時間的效果。
[0146]其次，本示例性實施例提供的網(wǎng)頁調(diào)整裝置，通過根據(jù)該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的當前尺寸和該屏幕的尺寸計算縮放比例，并根據(jù)該縮放比例對該網(wǎng)頁進行縮放，將目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域調(diào)整至更佳的瀏覽尺寸，從而進一步提高用戶體驗，簡化用戶操作。
[0147]最后，本示例性實施例示出的網(wǎng)頁調(diào)整裝置，通過在接收該網(wǎng)頁調(diào)整指令之前，檢測該網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積是否小于預(yù)設(shè)的面積閾值；若檢測結(jié)果為該網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積小于預(yù)設(shè)的面積閾值，則執(zhí)行該接收該網(wǎng)頁調(diào)整指令的步驟，避免對不需要調(diào)整的網(wǎng)頁進行調(diào)整，達到節(jié)約電子設(shè)備的處理資源和電量的效果。
[0148]圖10是根據(jù)一不例性實施例不出的一種電子設(shè)備的框圖，如圖10所不,該電子設(shè)備可以用于對當前顯示的網(wǎng)頁進行調(diào)整。該電子設(shè)備可以是智能手機、平板電腦或者電子書閱讀器等。該電子設(shè)備可以包括:
[0149]如上述圖8或圖9所示的網(wǎng)頁調(diào)整裝置001。
[0150]綜上所述,本示例性實施例示出的電子設(shè)備，通過接收包含有至少一個觸控點坐標的網(wǎng)頁調(diào)整指令，根據(jù)該至少一個觸控點和該網(wǎng)頁的文件對象模型DOM樹從該網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，并該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心，只需要用戶一次操作就可以將對應(yīng)的內(nèi)容節(jié)點的顯示區(qū)域移動至適合用戶瀏覽的屏幕中心位置，解決了相關(guān)技術(shù)中若要將網(wǎng)頁中的某一塊內(nèi)容調(diào)整至適合瀏覽的位置，通常需要用戶經(jīng)過多次調(diào)整操作的問題，達到簡化用戶操作，節(jié)約用戶時間的效果。
[0151]其次，本示例性實施例提供的電子設(shè)備，通過根據(jù)該目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的當前尺寸和該屏幕的尺寸計算縮放比例，并根據(jù)該縮放比例對該網(wǎng)頁進行縮放，將目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域調(diào)整至更佳的瀏覽尺寸，從而進一步提高用戶體驗，簡化用戶操作。
[0152]最后，本示例性實施例示出的電子設(shè)備，通過在接收該網(wǎng)頁調(diào)整指令之前，檢測該網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積是否小于預(yù)設(shè)的面積閾值；若檢測結(jié)果為該網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積小于預(yù)設(shè)的面積閾值，則執(zhí)行該接收該網(wǎng)頁調(diào)整指令的步驟，避免對不需要調(diào)整的網(wǎng)頁進行調(diào)整，達到節(jié)約電子設(shè)備的處理資源和電量的效果。
[0153]圖11是根據(jù)一示例性實施例示出的一種電子設(shè)備600的框圖。例如，電子設(shè)備600可以是移動電話，計算機，數(shù)字廣播終端，消息收發(fā)設(shè)備，游戲控制臺，平板設(shè)備，醫(yī)療設(shè)備，健身設(shè)備，個人數(shù)字助理等。
[0154]參照圖11，電子設(shè)備600可以包括以下一個或多個組件:處理組件602，存儲器604，電源組件606，多媒體組件608，音頻組件610，輸入/輸出(I/O)的接口 612，傳感器組件614，以及通信組件616。[0155]處理組件602通?？刂齐娮釉O(shè)備600的整體操作，諸如與顯示，電話呼叫，數(shù)據(jù)通信，相機操作和記錄操作相關(guān)聯(lián)的操作。處理組件602可以包括一個或多個處理器620來執(zhí)行指令，以完成上述的方法的全部或部分步驟。此外，處理組件602可以包括一個或多個模塊，便于處理組件602和其他組件之間的交互。例如，處理組件602可以包括多媒體模塊，以方便多媒體組件608和處理組件602之間的交互。
[0156]存儲器604被配置為存儲各種類型的數(shù)據(jù)以支持在電子設(shè)備600的操作。這些數(shù)據(jù)的示例包括用于在電子設(shè)備600上操作的任何應(yīng)用程序或方法的指令，聯(lián)系人數(shù)據(jù)，電話簿數(shù)據(jù)，消息，圖片，視頻等。存儲器604可以由任何類型的易失性或非易失性存儲設(shè)備或者它們的組合實現(xiàn)，如靜態(tài)隨機存取存儲器(SRAM)，電可擦除可編程只讀存儲器(EEPR0M)，可擦除可編程只讀存儲器(EPR0M)，可編程只讀存儲器(PR0M)，只讀存儲器(R0M)，磁存儲器，快閃存儲器，磁盤或光盤。存儲器604中還存儲有一個或多個模塊，該一個或多個模塊被配置成由該一個或多個處理器620執(zhí)行，以完成上述圖1、圖2或者圖7任一所示方法的全部或部分步驟。
[0157]電源組件606為電子設(shè)備600的各種組件提供電力。電源組件606可以包括電源管理系統(tǒng)，一個或多個電源，及其他與為電子設(shè)備600生成、管理和分配電力相關(guān)聯(lián)的組件。
[0158]多媒體組件608包括在所述電子設(shè)備600和用戶之間的提供一個輸出接口的屏幕。在一些實施例中，屏幕可以包括液晶顯示器(IXD)和觸摸面板(TP)。如果屏幕包括觸摸面板，屏幕可以被實現(xiàn)為觸摸屏，以接收來自用戶的輸入信號。觸摸面板包括一個或多個觸摸傳感器以感測觸摸、滑動和觸摸面板上的手勢。所述觸摸傳感器可以不僅感測觸摸或滑動動作的邊界，而且還檢測與所述觸摸或滑動操作相關(guān)的持續(xù)時間和壓力。在一些實施例中，多媒體組件608包括一個前置攝像頭和/或后置攝像頭。當電子設(shè)備600處于操作模式，如拍攝模式或視頻模式時，前置攝像頭和/或后置攝像頭可以接收外部的多媒體數(shù)據(jù)。每個前置攝像頭和后置攝像頭可以是一個固定的光學透鏡系統(tǒng)或具有焦距和光學變焦能力。
[0159]音頻組件610被配置為輸出和/或輸入音頻信號。例如，音頻組件610包括一個麥克風(MIC)，當電子設(shè)備600處于操作模式，如呼叫模式、記錄模式和語音識別模式時，麥克風被配置為接收外部音頻信號。所接收的音頻信號可以被進一步存儲在存儲器604或經(jīng)由通信組件616發(fā)送。在一些實施例中，音頻組件610還包括一個揚聲器，用于輸出音頻信號。
[0160]I/0接口 612為處理組件602和外圍接口模塊之間提供接口，上述外圍接口模塊可以是鍵盤，點擊輪，按鈕等。這些按鈕可包括但不限于:主頁按鈕、音量按鈕、啟動按鈕和鎖定按鈕。
[0161]傳感器組件614包括一個或多個傳感器，用于為電子設(shè)備600提供各個方面的狀態(tài)評估。例如，傳感器組件614可以檢測到電子設(shè)備600的打開/關(guān)閉狀態(tài)，組件的相對定位，例如所述組件為電子設(shè)備600的顯示器和小鍵盤，傳感器組件614還可以檢測電子設(shè)備600或電子設(shè)備600的一個組件的位置改變，用戶與電子設(shè)備600接觸的存在或不存在，電子設(shè)備600方位或加速/減速和電子設(shè)備600的溫度變化。傳感器組件614可以包括接近傳感器，被配置用來在沒有任何的物理接觸時檢測附近物體的存在。傳感器組件614還可以包括光傳感器，如CMOS或CXD圖像傳感器，用于在成像應(yīng)用中使用。在一些實施例中，該傳感器組件614還可以包括加速度傳感器，陀螺儀傳感器，磁傳感器，壓力傳感器或溫度傳感器。
[0162]通信組件616被配置為便于電子設(shè)備600和其他設(shè)備之間有線或無線方式的通信。電子設(shè)備600可以接入基于通信標準的無線網(wǎng)絡(luò)，如WiFi，2G或3G，或它們的組合。在一個示例性實施例中，通信組件616經(jīng)由廣播信道接收來自外部廣播管理系統(tǒng)的廣播信號或廣播相關(guān)信息。在一個示例性實施例中，所述通信組件616還包括近場通信(NFC)模塊，以促進短程通信。例如，在NFC模塊可基于射頻識別(RFID)技術(shù)，紅外數(shù)據(jù)協(xié)會(IrDA)技術(shù)，超寬帶(UWB)技術(shù)，藍牙(BT)技術(shù)和其他技術(shù)來實現(xiàn)。
[0163]在示例性實施例中，電子設(shè)備600可以被一個或多個應(yīng)用專用集成電路(ASIC)、數(shù)字信號處理器(DSP)、數(shù)字信號處理設(shè)備(DSPD)、可編程邏輯器件(PLD)、現(xiàn)場可編程門陣列(FPGA)、控制器、微控制器、微處理器或其他電子元件實現(xiàn)，用于執(zhí)行上述方法。
[0164]在示例性實施例中，還提供了一種包括指令的非臨時性計算機可讀存儲介質(zhì)，例如包括指令的存儲器604，上述指令可由電子設(shè)備600的處理器620執(zhí)行以完成上述方法。例如，該非臨時性計算機可讀存儲介質(zhì)可以是ROM、隨機存取存儲器(RAM)、CD-ROM、磁帶、軟盤和光數(shù)據(jù)存儲設(shè)備等。
[0165]本領(lǐng)域技術(shù)人員在考慮說明書及實踐這里的公開后，將容易想到本公開的其它實施方案。本申請旨在涵蓋本公開的任何變型、用途或者適應(yīng)性變化，這些變型、用途或者適應(yīng)性變化遵循本公開的一般性原理并包括本公開未公開的本【技術(shù)領(lǐng)域】中的公知常識或慣用技術(shù)手段。說明書和實施例僅被視為示例性的，本公開的真正范圍和精神由權(quán)利要求指出。
[0166]應(yīng)當理解的是，本公開并不局限于上面已經(jīng)描述并在附圖中示出的精確結(jié)構(gòu)，并且可以在不脫離其范圍進行各種修改和改變。本公開的范圍僅由所附的權(quán)利要求來限制。
【權(quán)利要求】
1.一種網(wǎng)頁調(diào)整方法，其特征在于，所述方法包括: 接收網(wǎng)頁調(diào)整指令，所述網(wǎng)頁調(diào)整指令為檢測到對當前顯示的網(wǎng)頁的觸控操作時生成的指令，所述網(wǎng)頁調(diào)整指令中包含有至少一個觸控點坐標； 根據(jù)所述至少一個觸控點坐標和所述網(wǎng)頁的文件對象模型DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點； 將所述目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法還包括: 根據(jù)所述目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的當前尺寸和所述屏幕的尺寸計算縮放比例； 根據(jù)所述縮放比例對所述網(wǎng)頁進行縮放。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)所述至少一個觸控點坐標和所述網(wǎng)頁的DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，包括: 當所述至少一個觸控點坐標中包含一個觸控點坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第一候選節(jié)點集合，所述第一候選節(jié)點集合中包含有所述觸控點坐標所在的各個內(nèi)容節(jié)點；將所述第一候選節(jié)點集合中，顯示寬度小于屏幕寬度且顯示面積最大的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)所述至少一個觸控點坐標和所述網(wǎng)頁的DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，包括: 當所述至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第二候選節(jié)點集合，所述第二候選節(jié)點集合中包含有與所述閉合曲線所圍區(qū)域的相交面積占所述閉合曲線所圍面積的比例大于預(yù)定比例閾值的內(nèi)容節(jié)點； 將所述第二候選節(jié)點集合中顯示面積最小的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)所述至少一個觸控點坐標和所述網(wǎng)頁的DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點，包括: 當所述至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第三候選節(jié)點集合，所述第三候選節(jié)點集合中包含有與所述閉合曲線所圍區(qū)域的相交面積占顯示面積的比例最大的內(nèi)容節(jié)點； 將所述第三候選節(jié)點集合中顯示面積最大的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
6.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法還包括: 在接收所述網(wǎng)頁調(diào)整指令之前，檢測所述網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積是否小于預(yù)設(shè)的面積閾值； 若檢測結(jié)果為所述網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積小于預(yù)設(shè)的面積閾值，則執(zhí)行所述接收所述網(wǎng)頁調(diào)整指令的步驟。
7.—種網(wǎng)頁調(diào)整裝置，其特征在于，所述裝置包括: 指令接收模塊，用于接收網(wǎng)頁調(diào)整指令，所述網(wǎng)頁調(diào)整指令為檢測到對當前顯示的網(wǎng)頁的觸控操作時生成的指令，所述網(wǎng)頁調(diào)整指令中包含有至少一個觸控點坐標； 目標節(jié)點確定模塊，用于根據(jù)所述至少一個觸控點坐標和所述網(wǎng)頁的文件對象模型DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點； 調(diào)整模塊，用于將所述目標 內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的中心調(diào)整至屏幕的中心。
8.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述裝置還包括: 計算模塊，用于根據(jù)所述目標內(nèi)容節(jié)點對應(yīng)的顯示區(qū)域的當前尺寸和所述屏幕的尺寸計算縮放比例； 縮放模塊，用于根據(jù)所述縮放比例對所述網(wǎng)頁進行縮放。
9.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述目標節(jié)點確定模塊，包括: 第一確定單元，用于當所述至少一個觸控點坐標中包含一個觸控點坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第一候選節(jié)點集合，所述第一候選節(jié)點集合中包含有所述觸控點坐標所在的各個內(nèi)容節(jié)點； 第二確定單元，用于將所述第一候選節(jié)點集合中，顯示寬度小于屏幕寬度且顯示面積最大的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
10.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述目標節(jié)點確定模塊，包括: 第三確定單元，用于當所述至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第二候選節(jié)點集合，所述第二候選節(jié)點集合中包含有與所述閉合曲線所圍區(qū)域的相交面積占所述閉合曲線所圍面積的比例大于預(yù)定比例閾值的內(nèi)容節(jié)點； 第四確定單元，用于將所述第二候選節(jié)點集合中顯示面積最小的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
11.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述目標節(jié)點確定模塊，包括: 第五確定單元，用于當所述至少一個觸控點坐標為一段閉合曲線的坐標時，根據(jù)所述網(wǎng)頁的DOM樹確定第三候選節(jié)點集合，所述第三候選節(jié)點集合中包含有與所述閉合曲線所圍區(qū)域的相交面積占顯示面積的比例最大的內(nèi)容節(jié)點； 第六確定單元，用于將所述第三候選節(jié)點集合中顯示面積最大的內(nèi)容節(jié)點確定為所述目標內(nèi)容節(jié)點。
12.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述裝置還包括: 檢測模塊，用于在接收所述網(wǎng)頁調(diào)整指令之前，檢測所述網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積是否小于預(yù)設(shè)的面積閾值； 所述指令接收模塊，用于若所述檢測模塊的檢測結(jié)果為所述網(wǎng)頁中的純文本節(jié)點內(nèi)的字符的平均顯示面積小于預(yù)設(shè)的面積閾值，則執(zhí)行所述接收所述網(wǎng)頁調(diào)整指令的步驟。
13.—種電子設(shè)備,其特征在于,所述電子設(shè)備包括: 處理器； 用于存儲所述處理器可執(zhí)行指令的存儲器； 其中，所述處理器被配置為: 接收網(wǎng)頁調(diào)整指令，所述網(wǎng)頁調(diào)整指令為檢測到對當前顯示的網(wǎng)頁的觸控操作時生成的指令，所述網(wǎng)頁調(diào)整指令中包含有至少一個觸控點坐標； 根據(jù)所述至少一個觸控點坐標和所述網(wǎng)頁的文件對象模型DOM樹從所述網(wǎng)頁的各個內(nèi)容節(jié)點中確定目標內(nèi)容節(jié)點； 將所述目標內(nèi)容節(jié)點對應(yīng) 的顯示區(qū)域的中心調(diào)整至屏幕的中心。
【文檔編號】G06F3/0488GK103885712SQ201410108833
【公開日】2014年6月25日 申請日期:2014年3月21日 優(yōu)先權(quán)日:2014年3月21日
【發(fā)明者】杜中義, 左景龍, 徐國市 申請人:小米科技有限責任公司