用于移動終端的網(wǎng)頁顯示方法及裝置制造方法
【專利摘要】本發(fā)明提出一種用于移動終端的網(wǎng)頁顯示方法及裝置，其中用于移動終端的網(wǎng)頁顯示方法包括以下步驟：識別網(wǎng)頁中的點觸熱區(qū)；對點觸熱區(qū)中的不同種類的元素進行標注；以及當用戶點擊點觸熱區(qū)時，改變點觸熱區(qū)中的不同種類的元素的顯示方式。根據(jù)本發(fā)明實施例的用于移動終端的網(wǎng)頁顯示方法，通過對點觸熱區(qū)進行標注當用戶瀏覽或點擊時，點觸熱區(qū)元素形態(tài)發(fā)生了變化，方便了用戶的點擊和交互，提高了移動設備的易用性并提升了用戶的體驗感。
【專利說明】用于移動終端的網(wǎng)頁顯示方法及裝置
【技術(shù)領域】
[0001]本發(fā)明涉及網(wǎng)站頁面轉(zhuǎn)碼【技術(shù)領域】，特別涉及一種用于移動終端的網(wǎng)頁顯示方法及裝置
【背景技術(shù)】
[0002]現(xiàn)如今，移動終端越來越普及，許多桌面設備設計的網(wǎng)頁需要轉(zhuǎn)換后用于各種移動終端進行瀏覽，但是一些頁面在轉(zhuǎn)碼后頁面結(jié)構(gòu)緊湊，不利于閱讀或交互，因此需要對一些點觸熱區(qū)(即交互或者點擊觸摸的密集區(qū)域)進行優(yōu)化。
[0003]現(xiàn)有的技術(shù)主要是通過將原網(wǎng)頁轉(zhuǎn)換為一個固定的網(wǎng)頁使得可點擊的交互元素不至于布局過于緊密。但是目前技術(shù)至少存在以下缺點
[0004](I)網(wǎng)頁寬度只能較好的適應一種屏幕大小的移動終端，不能普遍適應各種移動終端；
[0005](2)網(wǎng)頁布局不能夠自動調(diào)整，無法根據(jù)終端屏幕的改變而進行相應的動態(tài)的改變。

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

[0006]本發(fā)明旨在至少解決上述技術(shù)問題之一。
[0007]為此，本發(fā)明的第一個目的在于提出一種用于移動終端的網(wǎng)頁顯示方法。
[0008]本發(fā)明的第二個目的在于提出一種用于移動終端的網(wǎng)頁顯示裝置。
[0009]為了實現(xiàn)上述目的，根據(jù)本發(fā)明的第一方面實施例的用于移動終端的網(wǎng)頁顯示方法包括以下步驟:識別所述網(wǎng)頁中的點觸熱區(qū)；對所述點觸熱區(qū)中的不同種類的元素進行標注；以及當用戶點擊所述點觸熱區(qū)時，改變所述點觸熱區(qū)中的所述不同種類的元素的顯
,」、O
[0010]根據(jù)本發(fā)明實施例的用于移動終端的網(wǎng)頁顯示方法，通過對點觸熱區(qū)進行標注當用戶瀏覽或點擊時，點觸熱區(qū)元素形態(tài)發(fā)生了變化，方便了用戶的點擊和交互，提高了移動設備的易用性并提升了用戶的體驗感。
[0011]為實現(xiàn)上述目的，本發(fā)明第二方面的實施例的用于移動終端的網(wǎng)頁顯示裝置包括:識別模塊，所述識別模塊用于識別所述網(wǎng)頁中的點觸熱區(qū)；標注模塊，所述標注模塊用于對所述點觸熱區(qū)中的不同種類的元素進行標注；以及改變模塊，所述改變模塊用于當用戶點擊所述點觸熱區(qū)時，改變所述點觸熱區(qū)中的所述不同種類的元素的顯示方式。
[0012]根據(jù)本發(fā)明實施例的用于移動終端的網(wǎng)頁顯示裝置，通過識別模塊識別出點觸熱區(qū)，標注模塊進行標注，然后當用戶點擊時，改變模塊對熱區(qū)元素進行改變，方便了用戶的點擊和交互，提高了移動設備的易用性并提升了用戶的體驗感。
[0013]本發(fā)明的附加方面和優(yōu)點將在下面的描述中部分給出，部分將從下面的描述中變得明顯，或通過本發(fā)明的實踐了解到?！緦＠綀D】

【附圖說明】
[0014]本發(fā)明上述的和/或附加的方面和優(yōu)點從下面結(jié)合附圖對實施例的描述中將變得明顯和容易理解，其中:
[0015]圖1為根據(jù)本發(fā)明一個實施例的一種用于移動終端的網(wǎng)頁顯示方法的流程圖；以及
[0016]圖2為根據(jù)本發(fā)明一個實施例的用于移動終端的網(wǎng)頁顯示裝置的結(jié)構(gòu)示意圖。【具體實施方式】
[0017]下面詳細描述本發(fā)明的實施例，所述實施例的示例在附圖中示出，其中自始至終相同或類似的標號表示相同或類似的元件或具有相同或類似功能的元件。下面通過參考附圖描述的實施例是示例性的，僅用于解釋本發(fā)明，而不能解釋為對本發(fā)明的限制。
[0018]參照下面的描述和附圖，將清楚本發(fā)明的實施例的這些和其他方面。在這些描述和附圖中，具體公開了本發(fā)明的實施例中的一些特定實施方式，來表示實施本發(fā)明的實施例的原理的一些方式，但是應當理解，本發(fā)明的實施例的范圍不受此限制。相反，本發(fā)明的實施例包括落入所附加權(quán)利要求書的精神和內(nèi)涵范圍內(nèi)的所有變化、修改和等同物。
[0019]下面參考說明書附圖描述根據(jù)本發(fā)明實施例的用于移動終端的網(wǎng)頁顯示方法。
[0020]一種用于移動終端的網(wǎng)頁顯示方法，包括以下步驟:識別網(wǎng)頁中的點觸熱區(qū)；對點觸熱區(qū)中的不同種類的元素進行標注；以及當用戶點擊點觸熱區(qū)時，改變點觸熱區(qū)中的不同種類的元素的顯示方式。
[0021]圖1為本發(fā)明一個實施例的用于移動終端的網(wǎng)頁顯示方法的流程圖。
[0022]如圖1所示，根據(jù)本發(fā)明實施例的用于移動終端的網(wǎng)頁顯示方法包括下述步驟。
[0023]步驟SIO1:識別網(wǎng)頁中的點觸熱區(qū)。
[0024]具體地，根據(jù)網(wǎng)頁中交互元素的標注以及連接元素的標注識別出網(wǎng)頁中的可點擊的交互元素布局密集的區(qū)域。
[0025]步驟S102:對點觸熱區(qū)中的不同種類的元素進行標注。
[0026]具體地，將識別出的點觸熱區(qū)進行標注。
[0027]步驟S103:當用戶點擊點觸熱區(qū)時，改變點觸熱區(qū)中的不同種類的元素的顯示方式。
[0028]具體地，當用戶查看或點擊交互熱區(qū)時，則對該區(qū)域進行放大或空間替換，當用戶查看或點擊鏈接熱區(qū)時，對鏈接熱區(qū)的圖片進行放大，對該區(qū)域的文字進行放大，增加間距，增加背景按鈕，邊框。
[0029]在本發(fā)明的一個實施例中，識別網(wǎng)頁中的點觸熱區(qū)的步驟包括:當出現(xiàn)小圖鏈接元素或短鏈接元素并且在小圖鏈接元素或短鏈接元素周圍IOpx距離內(nèi)存在可以輸出的元素時，將小圖鏈接元素或短鏈接元素所在的區(qū)域識別為點觸熱區(qū)；當出現(xiàn)小的交互元素并且小的交互元素周圍IOpx距離內(nèi)存在可以輸出的元素時，將小的交互元素所在的區(qū)域識別為點觸熱區(qū)；以及當出現(xiàn)兩個以上的連續(xù)的中等大小的交互元素、兩個以上的連續(xù)的圖片鏈接元素或兩個以上的連續(xù)的文本鏈接元素時，將兩個以上的連續(xù)的中等大小的交互元素、兩個以上的連續(xù)的圖片鏈接元素或兩個以上的連續(xù)的文本鏈接元素所在的區(qū)域識別為點觸熱區(qū)。[0030]具體地，通過網(wǎng)頁布局進行判斷識別，當有其他可以輸出的元素的位置坐標出現(xiàn)在小圖鏈接元素或短鏈接元素周圍的IOpx的距離里，則該區(qū)域交互時可能會出現(xiàn)點擊錯誤區(qū)域的情況，將該小圖鏈接元素或短鏈接元素所在的區(qū)域識別為點觸熱區(qū)；當有其他可以輸出的元素的位置坐標出現(xiàn)在小的交互元素并且小的交互元素周圍IOpx距離內(nèi)時，則該區(qū)域交互時可能會出現(xiàn)兩個元素同時表示輸出的現(xiàn)象，將小的交互元素所在的區(qū)域識別為點觸熱區(qū)；當在頁面布局中連續(xù)出現(xiàn)兩個或兩個以上的中等大小的交互元素、兩個以上的連續(xù)的圖片鏈接元素或兩個以上的連續(xù)的文本鏈接元素時，則該區(qū)域很可能出現(xiàn)點擊錯誤，結(jié)果展示重疊等現(xiàn)象，將該兩個以上的連續(xù)的中等大小的交互元素、兩個以上的連續(xù)的圖片鏈接元素或兩個以上的連續(xù)的文本鏈接元素所在的區(qū)域識別為點觸熱區(qū)。
[0031]在本發(fā)明的一個實施例中，當交互元素的寬度在32px以下時，將交互元素定義為小的交互元素；當交互元素的寬度在32px到120px之間時，將交互元素定義為中等大小的交互元素；當圖片鏈接元素的寬度小于32px時，將圖片鏈接元素定義為小圖鏈接元素；當圖片鏈接元素的寬度在32px到120px之間時，將圖片鏈接元素定義為中等大小的圖片鏈接元素；當文本鏈接元素的文本長度小于等于6字節(jié)時，將文本鏈接元素定義為短文本鏈接元素；以及當文本鏈接元素的文本長度在6字節(jié)到10字節(jié)時，將文本鏈接元素定義為中等大小的文本鏈接元素。
[0032]具體地，根據(jù)網(wǎng)頁中標簽進行識別，如果有Input, button, select等交互標簽則為交互元素，在根據(jù)標簽中的元素寬度屬性進行判斷，如果交互元素的寬度設定在32px以下時，將交互元素定義為小的交互元素，如果交互元素的寬度屬性設定在32px到120px之間時，將交互元素定義為中等大小的交互元素。如果識別到a標簽，則為鏈接元素，然后對鏈接元素中的屬性進行判斷，如果a標簽內(nèi)部為圖片，且圖片鏈接元素的寬度屬性設定為小于32px時，將圖片鏈接元素定義為小圖鏈接元素；當圖片鏈接元素的寬度屬性設定在32px到120px之間時，將圖片鏈接元素定義為中等大小的圖片鏈接元素；如果a標簽內(nèi)部為文本，且文本鏈接元素的文本長度設定為小于等于6字節(jié)時，將文本鏈接元素定義為短鏈接元素；以及當文本鏈接元素的文本長度設定在6字節(jié)到10字節(jié)時，將文本鏈接元素定義為中等大小的文本鏈接元素。
[0033]在本發(fā)明的一個實施例中，根據(jù)點觸熱區(qū)中的交互元素的標簽、圖片鏈接元素的標簽以及文本鏈接元素的標簽分別計算交互元素、圖片鏈接元素以及文本鏈接元素在網(wǎng)頁上的寬度。
[0034]具體地,通過識別交互標簽如Input, button, select,及a標簽來識別交互元素及連接元素，并通過標簽內(nèi)的正體來判斷是圖片連接還是文本連接，然后根據(jù)標簽內(nèi)設定的寬度屬性來確認這些交互元素、圖片鏈接元素以及文本鏈接元素在網(wǎng)頁上的寬度。
[0035]在本發(fā)明的一個實施例中，對點觸熱區(qū)中的不同種類的元素進行標注的步驟包括:分別標注在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素，在大于或等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素、四個以上的連續(xù)的小圖片鏈接元素，四個以上的連續(xù)的中等大小的圖片鏈接元素或交互元素。
[0036]具體地，對于鏈接元素中在小于50字節(jié)的連續(xù)字節(jié)中包含的的兩個以上的連續(xù)的短文本鏈接元素作為一類進行標注，對鏈接元素中在大于等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素作為另一類進行標注，對在布局上在大于等于50字節(jié)的連續(xù)字節(jié)中包含的兩個或三個的連續(xù)在一起的鏈接圖片元素單做一類進行標注，而在頁面中在大于等于50字節(jié)的連續(xù)字節(jié)中包含的連續(xù)的四個以上的小圖片鏈接元素作為一類進行標注，而在大于等于50字節(jié)的連續(xù)字節(jié)中包含的四個以上的連續(xù)的中等大小的圖片鏈接元素或交互元素則作為最后一類進行標注。
[0037]在本發(fā)明的一個實施例中，改變點觸熱區(qū)中的不同種類的元素的顯示方式的步驟包括:對于寬度小于50字節(jié)的兩個以上的連續(xù)的文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素:對于在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素:對于在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素進行放大；增加在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素間的外邊距；以及對于在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素進行重排版。
[0038]具體地，對于在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素這兩類標注的元素，首先對這些元素的標簽內(nèi)的連接圖片或者交互文件的主體進行放大，然后在頁面布局中為這些元素增加外邊距與其他元素增加一定的距離，然后再對這些元素進行重新排版，使得他們布局適應于增加放大后的元素以及增加的外邊距。
[0039]在本發(fā)明的一個實施例中，改變點觸熱區(qū)中的不同種類的元素的顯示方式的步驟包括:對于在大于或等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素或四個以上的連續(xù)的小圖片鏈接元素:識別在大于或等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素或四個以上的連續(xù)的小圖片鏈接元素中的重要鏈接；顯示重要鏈接；隱藏其它鏈接；以及增加展開其它鏈接的展開按鈕以及隱藏其它鏈接的隱藏按鈕。
[0040]具體地，對于在大于或等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的文本鏈接元素或四個以上的連續(xù)的小圖片鏈接元素這兩類元素，首先通過連接a標簽識別，然后到標簽內(nèi)獲取其中的重要連接，然后將這些重要連接單獨顯示出來，再將其他連接通過設定隱藏屬性給隱藏不顯示或是折疊起來，然后再頁面中增加這些隱藏連接的展開按鈕以及展示連接的隱藏按鈕，可以用于控制隱藏或是展示這些連接。
[0041 ] 在本發(fā)明的一個實施例中，改變點觸熱區(qū)中的不同種類的元素的顯示方式的步驟包括:對于四個以上的連續(xù)的中等大小的圖片鏈接元素:對四個以上的連續(xù)的中等大小的圖片鏈接元素進行重排版；增加可滑動空間；以及通過滑動顯示在當前頁面顯示不下的其它中等大小的鏈接圖片元素。
[0042]具體地，對于四個以上的連續(xù)的中等大小的圖片鏈接元素這類元素是，首先對四個以上的連續(xù)的中等大小的圖片鏈接元素在頁面中的布局進行重新排版，同時在頁面中增加可滑動空間供這些圖片鏈接元素進行滑動，然后在當前頁面顯示不下的鏈接圖片元素則會滑動到下方，可以通過滑動顯示提供給用戶。
[0043]根據(jù)本發(fā)明實施例的用于移動終端的網(wǎng)頁顯示方法，通過對點觸熱區(qū)進行識別標注當用戶瀏覽或點擊時，改變點觸熱區(qū)元素以方便用戶的點擊和交互，提高了移動設備的易用性并提升了用戶的體驗感。
[0044]下面參考說明書附圖描述根據(jù)本發(fā)明實施例的用于移動終端的網(wǎng)頁顯示裝置。
[0045]一種用于移動終端的網(wǎng)頁顯示裝置包括:識別模塊，識別模塊用于識別網(wǎng)頁中的點觸熱區(qū)；標注模塊，標注模塊用于對點觸熱區(qū)中的不同種類的元素進行標注；以及改變模塊，改變模塊用于當用戶點擊點觸熱區(qū)時，改變點觸熱區(qū)中的不同種類的元素的顯示方式。
[0046]圖2為本發(fā)明一個實施例的用于移動終端的網(wǎng)頁顯示裝置的結(jié)構(gòu)示意圖。
[0047]如圖2所示，根據(jù)本發(fā)明實施例的于移動終端的網(wǎng)頁顯示裝置，包括:識別模塊110，標注模塊120以及改變模塊130，定義模塊140和計算模塊150。
[0048]具體地，識別模塊110用于識別網(wǎng)頁中的點觸熱區(qū)；標注模塊120用于對點觸熱區(qū)中的不同種類的元素進行標注；以及改變模塊130用于當用戶點擊點觸熱區(qū)時，改變點觸熱區(qū)中的不同種類的元素的顯示方式。定義模塊140用于當交互元素的寬度在32px以下時，將交互元素定義為小的交互元素；當交互元素的寬度在32px到120px之間時，將交互元素定義為中等大小的交互元素；當圖片鏈接元素的寬度小于32px時，將圖片鏈接元素定義為小圖鏈接元素；當文本鏈接元素的文本長度小于等于6字節(jié)時，將文本鏈接元素定義為短文本鏈接元素；以及當文本鏈接元素的文本長度在6字節(jié)到10字節(jié)時，將文本鏈接元素定義為中等大小的文本鏈接元素。計算模塊150用于根據(jù)點觸熱區(qū)中的交互元素的標簽、圖片鏈接元素的標簽以及文本鏈接元素的標簽分別計算交互元素、圖片鏈接元素以及文本鏈接元素在網(wǎng)頁上的寬度。
[0049]更具體地，識別模塊110根據(jù)網(wǎng)頁中交互元素的標注以及連接元素的標注識別出網(wǎng)頁中的可點擊的交互元素布局密集的區(qū)域。標注模塊120將識別出的點觸熱區(qū)進行標注.改變模塊130當用戶查看或點擊交互熱區(qū)時，則對該區(qū)域進行放大或空間替換，當用戶查看或點擊鏈接熱區(qū)時，對鏈接熱區(qū)的圖片進行放大，對該區(qū)域的文字進行放大，增加間距，增加背景按鈕，邊框。定義模塊140用于根據(jù)網(wǎng)頁中標簽進行識別，如果有Input，button, select等交互標簽則為交互元素，在根據(jù)標簽中的元素寬度屬性進行判斷，如果交互元素的寬度設定在32px以下時，將交互元素定義為小的交互元素，如果交互元素的寬度屬性設定在32px到120px之間時，將交互元素定義為中等大小的交互元素。如果識別到a標簽，則為鏈接元素，然后對鏈接元素中的屬性進行判斷，如果a標簽內(nèi)部為圖片，且圖片鏈接元素的寬度屬性設定為小于32px時，將圖片鏈接元素定義為小圖鏈接元素；當圖片鏈接元素的寬度屬性設定在32px到120px之間時，將圖片鏈接元素定義為中等大小的圖片鏈接元素；如果a標簽內(nèi)部為文本，且文本鏈接元素的文本長度設定為小于等于6字節(jié)時，將文本鏈接元素定義為短鏈接元素；以及當文本鏈接元素的文本長度設定在6字節(jié)到10字節(jié)時，將文本鏈接元素定義為中等大小的文本鏈接元素；計算模塊150用于通過識別交互標簽如Input, button, select,及a標簽來識別交互元素及連接元素,并通過標簽內(nèi)的正體來判斷是圖片連接還是文本連接，然后根據(jù)標簽內(nèi)設定的寬度屬性來確認這些交互元素、圖片鏈接元素以及文本鏈接元素在網(wǎng)頁上的寬度。
[0050]在本發(fā)明的一個實施例中，識別模塊110用于:當出現(xiàn)小圖鏈接元素或短鏈接元素并且在小圖鏈接元素或短鏈接元素周圍IOpx距離內(nèi)存在可以輸出的元素時，將小圖鏈接元素或短鏈接元素所在的區(qū)域識別為點觸熱區(qū)；當出現(xiàn)小的交互元素并且小的交互元素周圍IOpx距離內(nèi)存在可以輸出的元素時，將小的交互元素所在的區(qū)域識別為點觸熱區(qū)；以及當出現(xiàn)兩個以上的連續(xù)的中等大小的交互元素時，將兩個以上的連續(xù)的中等大小的交互元素所在的區(qū)域識別為點觸熱區(qū)。
[0051]具體地，識別模塊110通過網(wǎng)頁布局進行判斷識別，當有其他可以輸出的元素的位置坐標出現(xiàn)在小圖鏈接元素或短鏈接元素周圍的IOpx的距離里，則該區(qū)域交互時可能會出現(xiàn)點擊錯誤區(qū)域的情況，將該小圖鏈接元素或短鏈接元素所在的區(qū)域識別為點觸熱區(qū)；當有其他可以輸出的元素的位置坐標出現(xiàn)在小的交互元素并且小的交互元素周圍IOpx距離內(nèi)時，則該區(qū)域交互時可能會出現(xiàn)兩個元素同時表示輸出的現(xiàn)象，將小的交互元素所在的區(qū)域識別為點觸熱區(qū)；當在頁面布局中連續(xù)出現(xiàn)兩個或兩個以上的中等大小的交互元素、兩個以上的連續(xù)的圖片鏈接元素或兩個以上的連續(xù)的文本鏈接元素時，則該區(qū)域很可能出現(xiàn)點擊錯誤，結(jié)果展示重疊等現(xiàn)象，將該兩個以上的連續(xù)的中等大小的交互元素、兩個以上的連續(xù)的圖片鏈接元素或兩個以上的連續(xù)的文本鏈接元素所在的區(qū)域識別為點觸熱區(qū)。
[0052]在本發(fā)明的一個實施例中，標注模塊120用于:分別標注在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素，在大于或等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素、四個以上的連續(xù)的小圖片鏈接元素，四個以上的連續(xù)的中等大小的圖片鏈接元素或交互元素。
[0053]具體地，對于鏈接元素中在小于50字節(jié)的連續(xù)字節(jié)中包含的的兩個以上的連續(xù)的短文本鏈接元素作為一類進行標注，對鏈接元素中在大于等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素作為另一類進行標注，對在布局上在大于等于50字節(jié)的連續(xù)字節(jié)中包含的兩個或三個的連續(xù)在一起的鏈接圖片元素單做一類進行標注，而在頁面中在大于等于50字節(jié)的連續(xù)字節(jié)中包含的連續(xù)的四個以上的小圖片鏈接元素作為一類進行標注，而在大于等于50字節(jié)的連續(xù)字節(jié)中包含的四個以上的連續(xù)的中等大小的圖片鏈接元素或交互元素則作為最后一類進行標注。
[0054]在本發(fā)明的一個實施例中，改變模塊130用于:對于寬度小于50字節(jié)的兩個以上的連續(xù)的文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素:對于在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素:對于在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素進行放大；增加在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素間的外邊距；以及對于在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素進行重排版。
[0055]具體地，改變模塊130對于在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素這兩類標注的元素，首先對這些元素的標簽內(nèi)的連接圖片或者交互文件的主體進行放大，然后在頁面布局中為這些元素增加外邊距與其他元素增加一定的距離，然后再對這些元素進行重新排版，使得他們布局適應于增加放大后的元素以及增加的外邊距。
[0056]在本發(fā)明的一個實施例中，改變模塊130還用于:對于在大于或等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素或四個以上的連續(xù)的小圖片鏈接元素:識別在大于或等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素或四個以上的連續(xù)的小圖片鏈接元素中的重要鏈接；顯示重要鏈接；隱藏其它鏈接；以及增加展開其它鏈接的展開按鈕以及隱藏其它鏈接的隱藏按鈕。
[0057]具體地，改變模塊130對于在大于或等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的文本鏈接元素或四個以上的連續(xù)的小圖片鏈接元素這兩類元素，首先通過連接a標簽識別，然后到標簽內(nèi)獲取其中的重要連接，然后將這些重要連接單獨顯示出來，再將其他連接通過設定隱藏屬性給隱藏不顯示或是折疊起來，然后再頁面中增加這些隱藏連接的展開按鈕以及展示連接的隱藏按鈕，可以用于控制隱藏或是展示這些連接。
[0058]在本發(fā)明的一個實施例中，改變模塊130還用于:對于四個以上的連續(xù)的中等大小的圖片鏈接元素:對四個以上的連續(xù)的中等大小的圖片鏈接元素進行重排版；增加可滑動空間；以及通過滑動顯示在當前頁面顯示不下的其它中等大小的鏈接圖片元素。
[0059]具體地，對于四個以上的連續(xù)的中等大小的圖片鏈接元素這類元素是，首先對四個以上的連續(xù)的中等大小的圖片鏈接元素在頁面中的布局進行重新排版，同時在頁面中增加可滑動空間供這些圖片鏈接元素進行滑動，然后在當前頁面顯示不下的鏈接圖片元素則會滑動到下方，可以通過滑動顯示提供給用戶。
[0060]根據(jù)本發(fā)明實施例的用于移動終端的網(wǎng)頁顯示裝置，通過識別模塊識別出點觸熱區(qū)，標注模塊進行標注，然后當用戶點擊時，改變模塊對熱區(qū)元素進行改變，方便了用戶的點擊和交互，提高了移動設備的易用性并提升了用戶的體驗感。
[0061]在本說明書的描述中，參考術(shù)語“一個實施例”、“一些實施例”、“示例”、“具體示例”、或“一些示例”等的描述意指結(jié)合該實施例或示例描述的具體特征、結(jié)構(gòu)、材料或者特點包含于本發(fā)明的至少一個實施例或示例中。在本說明書中，對上述術(shù)語的示意性表述不一定指的是相同的實施例或示例。而且，描述的具體特征、結(jié)構(gòu)、材料或者特點可以在任何的一個或多個實施例或示例中以合適的方式結(jié)合。
[0062]盡管已經(jīng)示出和描述了本發(fā)明的實施例，對于本領域的普通技術(shù)人員而言，可以理解在不脫離本發(fā)明的原理和精神的情況下可以對這些實施例進行多種變化、修改、替換和變型，本發(fā)明的范圍由所附權(quán)利要求及其等同限定。
【權(quán)利要求】
1.一種用于移動終端的網(wǎng)頁顯示方法，其特征在于，包括以下步驟: 識別所述網(wǎng)頁中的點觸熱區(qū)； 對所述點觸熱區(qū)中的不同種類的元素進行標注；以及 當用戶點擊所述點觸熱區(qū)時，改變所述點觸熱區(qū)中的所述不同種類的元素的顯示方式。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，識別所述網(wǎng)頁中的點觸熱區(qū)的步驟包括: 當出現(xiàn)小圖鏈接元素或短鏈接元素并且在所述小圖鏈接元素或短鏈接元素周圍IOpx距離內(nèi)存在可以輸出的元素時，將所述小圖鏈接元素或短鏈接元素所在的區(qū)域識別為點觸熱區(qū)； 當出現(xiàn)小的交互元素并且所述小的交互元素周圍IOpx距離內(nèi)存在可以輸出的元素時，將所述小的交互元素所在的區(qū)域識別為點觸熱區(qū)；以及 當出現(xiàn)兩個以上的連續(xù)的中等大小的交互元素、兩個以上的連續(xù)的圖片鏈接元素或兩個以上的連續(xù)的文本鏈接元素時，將所述兩個以上的連續(xù)的中等大小的交互元素、兩個以上的連續(xù)的圖片鏈接元素或兩個以上的連續(xù)的文本鏈接元素所在的區(qū)域識別為點觸熱區(qū)。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于， 當交互元素的寬度在32px以下時，將所述交互元素定義為小的交互元素； 當交互元素的寬度在32px到120px之間時，將所述交互元素定義為中等大小的交互元素； 當圖片鏈接元素的寬度小于32px時，將所述圖片鏈接元素定義為小圖鏈接元素； 當圖片鏈接元素的寬度在32px到120px之間時，將所述圖片鏈接元素定義為中等大小的圖片鏈接元素； 當文本鏈接元素的文本長度小于等于6字節(jié)時，將所述文本鏈接元素定義為短文本鏈接元素；以及 當文本鏈接元素的文本長度在6字節(jié)到10字節(jié)時，將所述文本鏈接元素定義為中等大小的文本鏈接元素。
4.根據(jù)權(quán)利要求3所述的方法，其特征在于，根據(jù)所述點觸熱區(qū)中的交互元素的標簽、圖片鏈接元素的標簽以及文本鏈接元素的標簽分別計算所述交互元素、所述圖片鏈接元素以及所述文本鏈接元素在所述網(wǎng)頁上的寬度。
5.根據(jù)權(quán)利要求2至4中任一項所述的方法，其特征在于，對所述點觸熱區(qū)中的不同種類的元素進行標注的步驟包括: 分別標注在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素，在大于或等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素、四個以上的連續(xù)的小圖片鏈接元素，四個以上的連續(xù)的中等大小的圖片鏈接元素或交互元素。
6.根據(jù)權(quán)利要求5所述的方法，其特征在于，改變所述點觸熱區(qū)中的所述不同種類的元素的顯示方式的步驟包括: 對于在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素: 對于在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素進行放大； 增加在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素間的外邊距；以及 對于在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素進行重排版。
7.根據(jù)權(quán)利要求5所述的方法，其特征在于，改變所述點觸熱區(qū)中的所述不同種類的元素的顯示方式的步驟包括: 對于在大于或等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素或四個以上的連續(xù)的小圖片鏈接元素: 識別在大于或等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素或四個以上的連續(xù)的小圖片鏈接元素中的重要鏈接； 顯示所述重要鏈接； 隱藏其它鏈接；以及 增加展開所述其它鏈接的展開按鈕以及隱藏所述其它鏈接的隱藏按鈕。
8.根據(jù)權(quán)利要求5所述的方法，其特征在于，改變所述點觸熱區(qū)中的所述不同種類的元素的顯示方式的步驟包括: 對于四個以上的連續(xù)的中等大小的圖片鏈接元素: 對所述四個以上的連續(xù)的中等大小的圖片鏈接元素進行重排版； 增加可滑動空間；以及 通過滑動顯示在當前頁面顯示不下的其它中等大小的鏈接圖片元素。
9.一種用于移動終端的網(wǎng)頁顯示裝置，其特征在于，包括: 識別模塊，所述識別模塊用于識別所述網(wǎng)頁中的點觸熱區(qū)； 標注模塊，所述標注模塊用于對所述點觸熱區(qū)中的不同種類的元素進行標注；以及改變模塊，所述改變模塊用于當用戶點擊所述點觸熱區(qū)時，改變所述點觸熱區(qū)中的所述不同種類的元素的顯示方式。
10.根據(jù)權(quán)利要求9所述的裝置，其特征在于，所述識別模塊用于: 當出現(xiàn)小圖鏈接元素或短鏈接元素并且在所述小圖鏈接元素或短鏈接元素周圍IOpx距離內(nèi)存在可以輸出的元素時，將所述小圖鏈接元素或短鏈接元素所在的區(qū)域識別為點觸熱區(qū)； 當出現(xiàn)小的交互元素并且所述小的交互元素周圍IOpx距離內(nèi)存在可以輸出的元素時，將所述小的交互元素所在的區(qū)域識別為點觸熱區(qū)；以及 當出現(xiàn)兩個以上的連續(xù)的中等大小的交互元素、兩個以上的連續(xù)的圖片鏈接元素或兩個以上的連續(xù)的文本鏈接元素時，將所述兩個以上的連續(xù)的中等大小的交互元素、兩個以上的連續(xù)的圖片鏈接元素或兩個以上的連續(xù)的文本鏈接元素所在的區(qū)域識別為點觸熱區(qū)。
11.根據(jù)權(quán)利要求10所述的裝置，其特征在于，進一步包括定義模塊，所述定義模塊用于: 當交互元素的寬度在32px以下時，將所述交互元素定義為小的交互元素； 當交互元素的寬度在32px到120px之間時，將所述交互元素定義為中等大小的交互元素；當圖片鏈接元素的寬度小于32px時，將所述圖片鏈接元素定義為小圖鏈接元素； 當圖片鏈接元素的寬度在32px到120px之間時，將所述圖片鏈接元素定義為中等大小的圖片鏈接元素； 當文本鏈接元素的文本長度小于等于6字節(jié)時，將所述文本鏈接元素定義為短文本鏈接元素；以及 當文本鏈接元素的文本長度在6字節(jié)到10字節(jié)時，將所述文本鏈接元素定義為中等大小的文本鏈接元素。
12.根據(jù)權(quán)利要求11所述的裝置，其特征在于，進一步包括計算模塊，所述計算模塊用于根據(jù)所述點觸熱區(qū)中的交互元素的標簽、圖片鏈接元素的標簽以及文本鏈接元素的標簽分別計算所述交互元素、所述圖片鏈接元素以及所述文本鏈接元素在所述網(wǎng)頁上的寬度。
13.根據(jù)權(quán)利要求11或12所述的裝置，其特征在于，所述標注模塊用于: 分別標注在小于50字節(jié)的連續(xù)字節(jié)數(shù)中包含的兩個以上的連續(xù)的短文本鏈接元素，在大于或等于50字節(jié)的連續(xù)字節(jié)數(shù)中包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素、四個以上的連續(xù)的小圖片鏈接元素，四個以上的連續(xù)的中等大小的圖片鏈接元素或交互元素。
14.根據(jù)權(quán)利要求13所述的裝置，其特征在于，所述改變模塊用于: 對于在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素: 對于在小于50字節(jié)的連續(xù)字節(jié)中 包含的兩個以上的連續(xù)的短文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素進行放大； 增加在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素間的外邊距；以及 對于在小于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的文本鏈接元素、兩個或三個的連續(xù)的鏈接圖片元素或交互元素進行重排版。
15.根據(jù)權(quán)利要求13所述的裝置，其特征在于，所述改變模塊用于: 對于在大于或等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素或四個以上的連續(xù)的小圖片鏈接元素: 識別在大于或等于50字節(jié)的連續(xù)字節(jié)中包含的兩個以上的連續(xù)的短文本鏈接元素或四個以上的連續(xù)的小圖片鏈接元素中的重要鏈接； 顯示所述重要鏈接； 隱藏其它鏈接；以及 增加展開所述其它鏈接的展開按鈕以及隱藏所述其它鏈接的隱藏按鈕。
16.根據(jù)權(quán)利要求13所述的裝置，其特征在于，所述改變模塊用于: 對于四個以上的連續(xù)的中等大小的圖片鏈接元素: 對所述四個以上的連續(xù)的中等大小的圖片鏈接元素進行重排版； 增加可滑動空間；以及 通過滑動顯示在當前頁面顯示不下的其它中等大小的鏈接圖片元素。
【文檔編號】G06F17/30GK103544155SQ201210238158
【公開日】2014年1月29日 申請日期:2012年7月9日 優(yōu)先權(quán)日:2012年7月9日
【發(fā)明者】劉承誠, 王智杰, 王倩 申請人:百度在線網(wǎng)絡技術(shù)（北京）有限公司