專利名稱：網(wǎng)頁(yè)頁(yè)面重排方法及裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及瀏覽器領(lǐng)域，更為具體地，涉及用于對(duì)包含圖片數(shù)據(jù)的網(wǎng)頁(yè)頁(yè)面內(nèi)容進(jìn)行重排的網(wǎng)頁(yè)頁(yè)面重排方法及裝置。
背景技術(shù)：
隨著技術(shù)的進(jìn)步和社會(huì)的發(fā)展，人們?cè)絹?lái)越喜歡利用移動(dòng)終端(例如，手機(jī))來(lái)進(jìn)行網(wǎng)頁(yè)瀏覽。在現(xiàn)有的移動(dòng)終端中，當(dāng)需要進(jìn)行網(wǎng)頁(yè)瀏覽時(shí)，通常通過(guò)移動(dòng)終端的瀏覽器訪問(wèn)服務(wù)器。在移動(dòng)終端的瀏覽器訪問(wèn)服務(wù)器時(shí)，一般都是先訪問(wèn)服務(wù)器上的網(wǎng)頁(yè)頁(yè)面內(nèi)容 (body)，該網(wǎng)頁(yè)頁(yè)面內(nèi)容通常由多個(gè)控件組成，例如文字控件、圖片控件等。在獲得網(wǎng)頁(yè)頁(yè)面內(nèi)容后，首先對(duì)所有控件進(jìn)行排版展示，其中，圖片控件是根據(jù)初始大小值進(jìn)行排版，然后會(huì)繼續(xù)根據(jù)圖片控件的鏈接去下載該圖片控件的圖片數(shù)據(jù)，等到圖片數(shù)據(jù)下載完成，再在瀏覽器上重新顯示圖片。這時(shí)，如果所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容中的圖片控件的初始值大小與最終下載到的圖片大小有偏差，那么就必須對(duì)在瀏覽器上顯示的網(wǎng)頁(yè)頁(yè)面進(jìn)行重新排版。在這種情況下，現(xiàn)有的移動(dòng)終端瀏覽器通常都是在該網(wǎng)頁(yè)頁(yè)面內(nèi)容中包含的所有圖片控件對(duì)應(yīng)的圖片數(shù)據(jù)都下載完成后，才開始按照統(tǒng)一的方式，對(duì)網(wǎng)頁(yè)頁(yè)面進(jìn)行重新排版。由于所有圖片控件的圖片數(shù)據(jù)都下載完成需要較長(zhǎng)的時(shí)間，從而導(dǎo)致重新排版涉及的范圍廣，所花費(fèi)的時(shí)間長(zhǎng)，因而重新排版的效率低，特別在瀏覽器性能差的移動(dòng)終端上，這種情形更加明顯。此外，上述重新排版方式是在所有圖片數(shù)據(jù)都下載完成后才開始，在這種情況下， 可能會(huì)出現(xiàn)圖片數(shù)據(jù)與文字?jǐn)?shù)據(jù)重疊的情形，從而導(dǎo)致用戶瀏覽網(wǎng)頁(yè)的體驗(yàn)不佳。因此，需要一種新的網(wǎng)頁(yè)頁(yè)面快速重排方法及裝置，其能夠快速地完成頁(yè)面重排以及不會(huì)出現(xiàn)圖片與文字重疊。

發(fā)明內(nèi)容
鑒于上述，本發(fā)明提供了一種對(duì)包含圖片數(shù)據(jù)的網(wǎng)頁(yè)頁(yè)面內(nèi)容進(jìn)行重排的網(wǎng)頁(yè)頁(yè)面重排方法及裝置，利用上述方法和裝置，可以基于網(wǎng)頁(yè)頁(yè)面內(nèi)容中所包含的圖片控件，對(duì)排版后的網(wǎng)頁(yè)頁(yè)面進(jìn)行區(qū)域劃分，并針對(duì)劃分出的不同區(qū)域，按照不同的方式進(jìn)行重新排版，由此重新排版時(shí)所涉及的范圍小，從而可以減少重排時(shí)的運(yùn)算量，由此提高頁(yè)面重排速率。此外，由于當(dāng)所獲得網(wǎng)頁(yè)頁(yè)面內(nèi)容包含多個(gè)圖片控件時(shí)，只有在當(dāng)前處理的圖片控件完成處理后，才對(duì)下一圖片控件進(jìn)行處理，從而可以避免出現(xiàn)圖片與文字重疊，由此提高用戶瀏覽網(wǎng)頁(yè)的體驗(yàn)。根據(jù)本發(fā)明的一個(gè)方面，提供了一種用于對(duì)包含圖片數(shù)據(jù)的網(wǎng)頁(yè)頁(yè)面進(jìn)行重排的網(wǎng)頁(yè)頁(yè)面重排方法，包括利用從網(wǎng)頁(yè)內(nèi)容服務(wù)器所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容的初始數(shù)據(jù)，對(duì)該網(wǎng)頁(yè)頁(yè)面進(jìn)行排版，其中，所述初始數(shù)據(jù)至少包括所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容中的圖片控件的
4初始大小的尺寸數(shù)據(jù)；基于所述網(wǎng)頁(yè)頁(yè)面內(nèi)容所包含的圖片控件，將該排版的網(wǎng)頁(yè)頁(yè)面劃分為包括從所述網(wǎng)頁(yè)頁(yè)面的第一個(gè)元素開始到該圖片控件但不包括該圖片控件的圖片控件之前區(qū)域、包括從該圖片控件開始到下一換行符控件的圖片控件區(qū)域和/或包括從該換行符控件到網(wǎng)頁(yè)頁(yè)面結(jié)束的圖片控件之后區(qū)域；在獲得與該圖片控件對(duì)應(yīng)的圖片數(shù)據(jù)后， 針對(duì)所劃分出的區(qū)域，按照不同的方式進(jìn)行重新排版，以獲得在移動(dòng)終端的瀏覽上顯示的重新排版后的網(wǎng)頁(yè)頁(yè)面。此外，在本發(fā)明的一個(gè)示例中，針對(duì)所劃分出的不同區(qū)域，按照不同的方式進(jìn)行重新排版的步驟包括對(duì)于圖片控件之前區(qū)域，不進(jìn)行重新排版；對(duì)于圖片控件區(qū)域，根據(jù)所獲得的圖片數(shù)據(jù)的實(shí)際大小的尺寸數(shù)據(jù)，對(duì)該圖片控件區(qū)域中所包含的所有控件的控件坐標(biāo)進(jìn)行重新計(jì)算，并按照重新計(jì)算后的坐標(biāo)進(jìn)行重新排版；以及對(duì)于圖片控件之后區(qū)域，基于圖片控件區(qū)域重新排版后的Y軸方向值，在進(jìn)行重新排版時(shí)，將該圖片控件之后區(qū)域中的所有控件沿Y軸下移，該下移的偏移量為重新排版后的圖片控件區(qū)域Y軸方向值減去重新排版前的圖片控件區(qū)域Y軸方向值所得的差值。此外，當(dāng)所獲得網(wǎng)頁(yè)頁(yè)面內(nèi)容包含多個(gè)圖片控件時(shí)，按照先后順序?qū)υ摱鄠€(gè)圖片控件依次進(jìn)行處理，并且只有在當(dāng)前處理的圖片控件完成處理后，才對(duì)下一圖片控件進(jìn)行處理。在這種情況下，在處理當(dāng)前圖片控件時(shí)，基于當(dāng)前處理的圖片控件，將基于前一圖片控件重新排版后的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件之前區(qū)域、圖片控件區(qū)域和/或圖片控件之后區(qū)域。此外，在本發(fā)明的一個(gè)示例中，當(dāng)所述網(wǎng)頁(yè)頁(yè)面內(nèi)容的第一個(gè)元素是圖片控件時(shí)， 將該排版的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件區(qū)域和/或圖片控件之后區(qū)域。此外，所述方法在移動(dòng)終端瀏覽器上實(shí)現(xiàn)。根據(jù)本發(fā)明的另一方面，提供了一種用于對(duì)包含圖片數(shù)據(jù)的網(wǎng)頁(yè)頁(yè)面進(jìn)行重排的網(wǎng)頁(yè)頁(yè)面重排裝置，包括網(wǎng)頁(yè)頁(yè)面初始排版單元，用于利用從網(wǎng)頁(yè)內(nèi)容服務(wù)器所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容的初始數(shù)據(jù)，對(duì)該網(wǎng)頁(yè)頁(yè)面進(jìn)行排版，其中，所述初始數(shù)據(jù)至少包括所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容中的圖片控件的初始大小的尺寸數(shù)據(jù)；網(wǎng)頁(yè)頁(yè)面區(qū)域劃分單元，用于基于所述網(wǎng)頁(yè)頁(yè)面內(nèi)容所包含的圖片控件，將該排版的網(wǎng)頁(yè)頁(yè)面劃分為包括從所述網(wǎng)頁(yè)頁(yè)面的第一個(gè)元素開始到該圖片控件但不包括該圖片控件的圖片控件之前區(qū)域、包括從該圖片控件開始到下一換行符控件的圖片控件區(qū)域和/或包括從該換行符控件到網(wǎng)頁(yè)頁(yè)面結(jié)束的圖片控件之后區(qū)域；以及網(wǎng)頁(yè)頁(yè)面重排單元，用于在獲得與該圖片控件對(duì)應(yīng)的圖片數(shù)據(jù)后，針對(duì)所劃分出的區(qū)域，按照不同的方式進(jìn)行重新排版，以獲得在移動(dòng)終端的瀏覽上顯示的重新排版后的網(wǎng)頁(yè)頁(yè)面。此外，對(duì)于圖片控件之前區(qū)域，所述網(wǎng)頁(yè)頁(yè)面重排單元不進(jìn)行重新排版；對(duì)于圖片控件區(qū)域，所述網(wǎng)頁(yè)頁(yè)面重排單元根據(jù)所獲得的圖片數(shù)據(jù)的實(shí)際大小的尺寸數(shù)據(jù)，對(duì)該圖片控件區(qū)域中所包含的所有控件的控件坐標(biāo)進(jìn)行重新計(jì)算，并按照重新計(jì)算后的坐標(biāo)進(jìn)行重新排版；以及對(duì)于圖片控件之后區(qū)域，所述網(wǎng)頁(yè)頁(yè)面重排單元基于圖片控件區(qū)域重新排版后的Y軸方向值，在進(jìn)行重新排版時(shí)，將該圖片控件之后區(qū)域中的所有控件沿Y軸下移， 該下移的偏移量為重新排版后的圖片控件區(qū)域Y軸方向值減去重新排版前的圖片控件區(qū)域Y軸方向值所得的差值。此外，當(dāng)所獲得網(wǎng)頁(yè)頁(yè)面內(nèi)容包含多個(gè)圖片控件時(shí)，所述網(wǎng)頁(yè)頁(yè)面重排單元按照先后順序?qū)υ摱鄠€(gè)圖片控件依次進(jìn)行處理，并且只有在當(dāng)前處理的圖片控件完成處理后， 才對(duì)下一圖片控件進(jìn)行處理。并且，在處理當(dāng)前圖片控件時(shí)，所述網(wǎng)頁(yè)頁(yè)面區(qū)域劃分單元基于當(dāng)前處理的圖片控件，將基于前一圖片控件重新排版后的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件之前區(qū)域、圖片控件區(qū)域和/或圖片控件之后區(qū)域。此外，當(dāng)所述網(wǎng)頁(yè)頁(yè)面內(nèi)容的第一個(gè)元素是圖片控件時(shí)，所述網(wǎng)頁(yè)頁(yè)面區(qū)域劃分單元將該排版的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件區(qū)域和/或圖片控件之后區(qū)域。此外，所述裝置位于移動(dòng)終端瀏覽器中。根據(jù)本發(fā)明的另一方面，提供了一種移動(dòng)終端，包括如上所述的裝置。根據(jù)本發(fā)明的另一方面，提供了一種服務(wù)器，包括如上所述的裝置。為了實(shí)現(xiàn)上述以及相關(guān)目的，本發(fā)明的一個(gè)或多個(gè)方面包括后面將詳細(xì)說(shuō)明并在權(quán)利要求中特別指出的特征。下面的說(shuō)明以及附圖詳細(xì)說(shuō)明了本發(fā)明的某些示例性方面。 然而，這些方面指示的僅僅是可使用本發(fā)明的原理的各種方式中的一些方式。此外，本發(fā)明旨在包括所有這些方面以及它們的等同物。有益效果利用上述方法和裝置，可以基于網(wǎng)頁(yè)頁(yè)面內(nèi)容中所包含的圖片控件，對(duì)排版后的網(wǎng)頁(yè)頁(yè)面進(jìn)行區(qū)域劃分，并針對(duì)劃分出的不同區(qū)域，按照不同的方式進(jìn)行重新排版，由此重新排版時(shí)所涉及的范圍小，從而可以減少重排時(shí)的運(yùn)算量，由此提高頁(yè)面重排速率。此外，由于當(dāng)所獲得網(wǎng)頁(yè)頁(yè)面內(nèi)容包含多個(gè)圖片控件時(shí)，只有在當(dāng)前處理的圖片控件完成處理后，才對(duì)下一圖片控件進(jìn)行處理，從而可以避免出現(xiàn)圖片與文字重疊，由此提高用戶瀏覽網(wǎng)頁(yè)的體驗(yàn)。


通過(guò)參考以下結(jié)合附圖的說(shuō)明及權(quán)利要求書的內(nèi)容，并且隨著對(duì)本發(fā)明的更全面理解，本發(fā)明的其它目的及結(jié)果將更加明白及易于理解。在附圖中
圖1示出了根據(jù)本發(fā)明的一個(gè)實(shí)施例的網(wǎng)頁(yè)頁(yè)面重排方法的流程圖； 圖2A示出了在網(wǎng)頁(yè)頁(yè)面內(nèi)容包含一個(gè)圖片控件時(shí)，利用網(wǎng)頁(yè)頁(yè)面內(nèi)容的初始數(shù)據(jù)進(jìn)行排版后的結(jié)果；
圖2B示出了在網(wǎng)頁(yè)頁(yè)面內(nèi)容包含一個(gè)圖片控件時(shí)，利用本發(fā)明的網(wǎng)頁(yè)頁(yè)面重排方法進(jìn)行網(wǎng)頁(yè)頁(yè)面重排后的結(jié)果；
圖3A示出了在網(wǎng)頁(yè)頁(yè)面內(nèi)容包含多個(gè)圖片控件時(shí)，利用網(wǎng)頁(yè)頁(yè)面內(nèi)容的初始數(shù)據(jù)進(jìn)行排版后的結(jié)果；
圖:3B示出了在網(wǎng)頁(yè)頁(yè)面內(nèi)容包含多個(gè)圖片控件時(shí)，利用本發(fā)明的網(wǎng)頁(yè)頁(yè)面重排方法進(jìn)行網(wǎng)頁(yè)頁(yè)面重排后的結(jié)果；
圖4示出了根據(jù)本發(fā)明的網(wǎng)頁(yè)頁(yè)面重排裝置的方框示意圖； 圖5示出了包含根據(jù)本發(fā)明的網(wǎng)頁(yè)頁(yè)面重排裝置的移動(dòng)終端的方框示意圖； 圖6示出了包含根據(jù)本發(fā)明的網(wǎng)頁(yè)頁(yè)面重排裝置的服務(wù)器的方框示意圖。在所有附圖中相同的標(biāo)號(hào)指示相似或相應(yīng)的特征或功能。
6具體實(shí)施例在下面的描述中，出于說(shuō)明的目的，為了提供對(duì)一個(gè)或多個(gè)實(shí)施例的全面理解，闡述了許多具體細(xì)節(jié)。然而，很明顯，也可以在沒(méi)有這些具體細(xì)節(jié)的情況下實(shí)現(xiàn)這些實(shí)施例。 在其它例子中，為了便于描述一個(gè)或多個(gè)實(shí)施例，公知的結(jié)構(gòu)和設(shè)備以方框圖的形式示出。下面將參照附圖來(lái)對(duì)根據(jù)本發(fā)明的各個(gè)實(shí)施例進(jìn)行詳細(xì)描述。圖1示出了根據(jù)本發(fā)明的一個(gè)實(shí)施例的用于在移動(dòng)終端的瀏覽器上對(duì)包含圖片數(shù)據(jù)的網(wǎng)頁(yè)頁(yè)面內(nèi)容進(jìn)行重排的網(wǎng)頁(yè)頁(yè)面重排方法的流程圖。如圖1所示，在瀏覽器從網(wǎng)頁(yè)內(nèi)容服務(wù)器獲取網(wǎng)頁(yè)頁(yè)面內(nèi)容后，首先，在步驟SllO 中，利用從網(wǎng)頁(yè)內(nèi)容服務(wù)器所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容的初始數(shù)據(jù)，對(duì)該網(wǎng)頁(yè)頁(yè)面進(jìn)行排版， 其中，所獲得的初始數(shù)據(jù)例如包含文字控件的坐標(biāo)數(shù)據(jù)以及圖片控件的初始大小的尺寸數(shù)據(jù)，即在X軸和Y軸方向的尺寸數(shù)據(jù)。這里，所述圖片控件的初始大小可以例如是固定的， 例如所述圖片控件的初始大小可以在X軸方向上為ι，以及在Y軸方向上為2。當(dāng)然，也可以根據(jù)需要采用其它合適值。圖2A示出了在網(wǎng)頁(yè)頁(yè)面內(nèi)容包含一個(gè)圖片控件時(shí)，利用網(wǎng)頁(yè)頁(yè)面內(nèi)容的初始數(shù)據(jù)進(jìn)行排版后的結(jié)果。圖3A示出了在網(wǎng)頁(yè)頁(yè)面內(nèi)容包含多個(gè)圖片控件時(shí)，利用網(wǎng)頁(yè)頁(yè)面內(nèi)容的初始數(shù)據(jù)進(jìn)行排版后的結(jié)果。在利用網(wǎng)頁(yè)頁(yè)面內(nèi)容的初始數(shù)據(jù)進(jìn)行排版后，在步驟S120，基于所述網(wǎng)頁(yè)頁(yè)面內(nèi)容所包含的圖片控件，將該排版的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件之前區(qū)域、圖片控件區(qū)域和/或圖片控件之后區(qū)域，其中圖片控件之前區(qū)域包括從所述網(wǎng)頁(yè)頁(yè)面的第一個(gè)元素開始到該圖片控件但不包括該圖片控件的區(qū)域，圖片控件區(qū)域包括從該圖片控件開始到下一換行符控件的區(qū)域，以及圖片控件之后區(qū)域包括從該換行符控件到網(wǎng)頁(yè)頁(yè)面結(jié)束的區(qū)域，如圖2A中所示。然后，在步驟S130中，在獲得與該圖片控件對(duì)應(yīng)的圖片數(shù)據(jù)后，針對(duì)所劃分出的不同區(qū)域，按照不同的方式進(jìn)行重新排版，以獲得在移動(dòng)終端的瀏覽上顯示的重新排版后的網(wǎng)頁(yè)頁(yè)面。例如，在本發(fā)明的一個(gè)示例中，針對(duì)所劃分出的不同區(qū)域，可以按照下述的不同方式進(jìn)行重新排版。( 1)對(duì)于圖片控件之前區(qū)域，不進(jìn)行重新排版。(2)對(duì)于圖片控件區(qū)域，根據(jù)所獲得的圖片數(shù)據(jù)的實(shí)際大小，對(duì)該圖片控件區(qū)域中所包含的所有控件的控件坐標(biāo)進(jìn)行重新計(jì)算，并按照重新計(jì)算后的坐標(biāo)進(jìn)行重新排版。也就是，根據(jù)所獲得的圖片數(shù)據(jù)的實(shí)際大小的X軸方向值和Y軸方向值，對(duì)圖片控件區(qū)域中的所有控件的控件坐標(biāo)在χ軸和Y軸方向重新進(jìn)行計(jì)算，并按照重新計(jì)算后的坐標(biāo)對(duì)該區(qū)域進(jìn)行重新排版。例如，首先清空?qǐng)D片控件區(qū)域中的控件排版信息，接著從當(dāng)前圖片控件左上角開始，自左向右，自上向下將圖片控件區(qū)域中的控件依次計(jì)算好排版位置，插入到頁(yè)面排版信息中。以及(3)對(duì)于圖片控件之后區(qū)域，基于圖片控件區(qū)域重新排版后的Y軸方向值， 在進(jìn)行重新排版時(shí)，將該圖片控件之后區(qū)域中的所有控件沿Y軸下移，該下移的偏移量為重新排版后的圖片控件區(qū)域Y軸方向值減去重新排版前的圖片控件區(qū)域Y軸方向值所得的差值，也就是說(shuō)，將該圖片控件之后區(qū)域中的所有控件的Y軸控件坐標(biāo)加上重新排版后的圖片控件區(qū)域Y軸方向值減去重新排版前的圖片控件區(qū)域Y軸方向值所得的差值，作為圖片控件之后區(qū)域中的所有控件的實(shí)際坐標(biāo)。例如，假設(shè)重新排版前圖片控件區(qū)域在Y軸方向值為20，重新排版后的圖片控件區(qū)域在Y軸方向值為30，則圖片控件之后區(qū)域中所有控件需要向下偏移10。在這種情況下，僅僅需要如上在Y軸方向上進(jìn)行下移處理，而不需要在X軸方向上進(jìn)行重排處理。這里要說(shuō)明的是，上述的不同重新排版方式僅僅是本發(fā)明的一個(gè)示例，本領(lǐng)域的技術(shù)人員還可以根據(jù)需要，采取其他不同的方式來(lái)實(shí)現(xiàn)。以上是針對(duì)所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容中只包含一個(gè)圖片控件的情形進(jìn)行的說(shuō)明。這里要說(shuō)明的是，所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容還可以包括多個(gè)圖片控件。當(dāng)所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容包含多個(gè)圖片控件時(shí)，按照先后順序?qū)υ摱鄠€(gè)圖片控件依次進(jìn)行處理，并且只有在當(dāng)前處理的圖片控件完成重新排版處理后，才對(duì)下一圖片控件進(jìn)行處理。而且，在這種情況下， 在處理當(dāng)前圖片控件時(shí)，基于處理的當(dāng)前圖片控件，將基于前一圖片控件重新排版后的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件之前區(qū)域、圖片控件區(qū)域和/或圖片控件之后區(qū)域。然后，針對(duì)所劃分出的不同區(qū)域，按照上述的不同方式進(jìn)行重新排版，以獲得在移動(dòng)終端的瀏覽上顯示的重新排版后的網(wǎng)頁(yè)頁(yè)面。此外，這里還要說(shuō)明的是，在本發(fā)明的一個(gè)示例中，當(dāng)所述網(wǎng)頁(yè)頁(yè)面內(nèi)容的第一個(gè)元素是當(dāng)前處理的圖片控件時(shí)，將該排版后的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件區(qū)域和/或圖片控件之后區(qū)域。在本發(fā)明的另一示例中，當(dāng)所述網(wǎng)頁(yè)頁(yè)面內(nèi)容的最后一個(gè)元素是當(dāng)前處理的圖片控件時(shí)，將該排版后的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件之前區(qū)域和/或圖片控件區(qū)域。這里要說(shuō)明的是，上述方法可以利用移動(dòng)終端的瀏覽器來(lái)實(shí)現(xiàn)，也可以在服務(wù)器端實(shí)現(xiàn)。在利用移動(dòng)終端的瀏覽器實(shí)現(xiàn)時(shí)，需要該瀏覽器具有強(qiáng)大的性能。在利用服務(wù)器實(shí)現(xiàn)時(shí)，移動(dòng)終端中的瀏覽器客戶端將需要瀏覽的網(wǎng)址URL發(fā)送給服務(wù)器，并且將移動(dòng)終端的屏幕大小(以像素為單位)信息發(fā)送給服務(wù)器，然后由服務(wù)器從該網(wǎng)址獲取網(wǎng)頁(yè)數(shù)據(jù)并進(jìn)行解析重排。在完成重排后，服務(wù)器將重排結(jié)果發(fā)送給瀏覽器客戶端。如上參照?qǐng)D1、圖2A-2B和圖3A_;3B描述了根據(jù)本發(fā)明的對(duì)包含圖片數(shù)據(jù)的網(wǎng)頁(yè)頁(yè)面內(nèi)容進(jìn)行重排的網(wǎng)頁(yè)頁(yè)面重排方法。本發(fā)明的上述對(duì)包含圖片數(shù)據(jù)的網(wǎng)頁(yè)頁(yè)面內(nèi)容進(jìn)行重排的網(wǎng)頁(yè)頁(yè)面重排方法，可以采用軟件實(shí)現(xiàn)，也可以采用硬件實(shí)現(xiàn)，或采用軟件和硬件組合的方式實(shí)現(xiàn)。圖4示出了根據(jù)本發(fā)明的對(duì)包含圖片數(shù)據(jù)的網(wǎng)頁(yè)頁(yè)面內(nèi)容進(jìn)行重排的網(wǎng)頁(yè)頁(yè)面重排裝置400的方框示意圖。如圖4所示，根據(jù)本發(fā)明的網(wǎng)頁(yè)頁(yè)面重排裝置400包括網(wǎng)頁(yè)頁(yè)面初始排版單元410、網(wǎng)頁(yè)頁(yè)面區(qū)域劃分單元420以及網(wǎng)頁(yè)頁(yè)面重排單元430。在從網(wǎng)頁(yè)內(nèi)容服務(wù)器獲取網(wǎng)頁(yè)頁(yè)面內(nèi)容后，網(wǎng)頁(yè)頁(yè)面初始排版單元410利用從網(wǎng)頁(yè)內(nèi)容服務(wù)器所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容的初始數(shù)據(jù)，對(duì)該網(wǎng)頁(yè)頁(yè)面進(jìn)行排版。然后，網(wǎng)頁(yè)頁(yè)面區(qū)域劃分單元420基于所述網(wǎng)頁(yè)頁(yè)面內(nèi)容所包含的圖片控件，將該排版的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件之前區(qū)域、圖片控件區(qū)域和/或圖片控件之后區(qū)域，其中圖片控件之前區(qū)域包括從所述網(wǎng)頁(yè)頁(yè)面的第一個(gè)元素開始到該圖片控件但不包括該圖片控件的區(qū)域，圖片控件區(qū)域包括從該圖片控件開始到下一換行符控件的區(qū)域，以及圖片控件之后區(qū)域包括從該換行符控件到網(wǎng)頁(yè)頁(yè)面結(jié)束的區(qū)域。隨后在獲得與該圖片控件對(duì)應(yīng)的圖片數(shù)據(jù)后，網(wǎng)頁(yè)頁(yè)面重排單元430針對(duì)所劃分出的不同區(qū)域，按照不同的方式進(jìn)行重新排版，以獲得在移動(dòng)終端的瀏覽上顯示的重新排版后的網(wǎng)頁(yè)頁(yè)面。例如，在本發(fā)明的一個(gè)示例中，針對(duì)所劃分出的不同區(qū)域，可以按照下述的不同方式進(jìn)行重新排版。
(1)對(duì)于圖片控件之前區(qū)域，不進(jìn)行重新排版。(2)對(duì)于圖片控件區(qū)域，根據(jù)所獲得的圖片數(shù)據(jù)的實(shí)際大小，對(duì)該圖片控件區(qū)域中所包含的所有控件的控件坐標(biāo)進(jìn)行重新計(jì)算，并按照重新計(jì)算后的坐標(biāo)進(jìn)行重新排版。也就是，根據(jù)所獲得的圖片數(shù)據(jù)的X軸方向值和Y軸方向值，對(duì)圖片控件區(qū)域中的所有控件的控件坐標(biāo)在X軸和Y軸方向重新進(jìn)行計(jì)算，并按照重新計(jì)算后的坐標(biāo)對(duì)該區(qū)域進(jìn)行重新排版。例如，首先清空?qǐng)D片控件區(qū)域中的控件排版信息，接著從當(dāng)前圖片控件左上角開始，自左向右，自上向下將圖片控件區(qū)域中的控件依次計(jì)算好排版位置，插入到頁(yè)面排版信息中。 以及(3)對(duì)于圖片控件之后區(qū)域，基于圖片控件區(qū)域重新排版后的Y軸方向值，在進(jìn)行重新排版時(shí)，將該圖片控件之后區(qū)域中的所有控件沿Y軸下移，該下移的偏移量為重新排版后的圖片控件區(qū)域Y軸方向值減去重新排版前的圖片控件區(qū)域Y軸方向值所得的差值，也就是說(shuō)，將該圖片控件之后區(qū)域中的所有控件的Y軸控件坐標(biāo)加上重新排版后的圖片控件區(qū)域Y軸方向值減去重新排版前的圖片控件區(qū)域Y軸方向值所得的差值，作為圖片控件之后區(qū)域中的所有控件的實(shí)際坐標(biāo)。在這種情況下，僅僅需要如上在Y軸方向上進(jìn)行下移處理， 而不需要在X軸方向上進(jìn)行重排處理。此外，當(dāng)所獲得網(wǎng)頁(yè)頁(yè)面內(nèi)容包含多個(gè)圖片控件時(shí)，所述網(wǎng)頁(yè)頁(yè)面重排單元430 按照先后順序?qū)υ摱鄠€(gè)圖片控件依次進(jìn)行處理，并且只有在當(dāng)前處理的圖片控件完成處理后，才對(duì)下一圖片控件進(jìn)行處理。并且，在處理當(dāng)前圖片控件時(shí)，所述網(wǎng)頁(yè)頁(yè)面區(qū)域劃分單元430基于當(dāng)前處理的圖片控件，將基于前一圖片控件重新排版后的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件之前區(qū)域、圖片控件區(qū)域和/或圖片控件之后區(qū)域。此外，當(dāng)所述網(wǎng)頁(yè)頁(yè)面內(nèi)容的第一個(gè)元素是圖片控件時(shí)，所述網(wǎng)頁(yè)頁(yè)面區(qū)域劃分單元420將該排版的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件區(qū)域和/或圖片控件之后區(qū)域。或者，當(dāng)所述網(wǎng)頁(yè)頁(yè)面內(nèi)容的最后一個(gè)元素是當(dāng)前處理的圖片控件時(shí)，所述網(wǎng)頁(yè)頁(yè)面區(qū)域劃分單元420 將該排版后的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件之前區(qū)域和/或圖片控件區(qū)域。這里要說(shuō)明的是，所述網(wǎng)頁(yè)頁(yè)面重排裝置400可以設(shè)置在移動(dòng)終端的瀏覽器中， 也可以設(shè)置在服務(wù)器端。圖5示出了包括根據(jù)本發(fā)明的網(wǎng)頁(yè)頁(yè)面重排裝置400的移動(dòng)終端 10。圖6示出了包括根據(jù)本發(fā)明的網(wǎng)頁(yè)頁(yè)面重排裝置400的服務(wù)器20。典型地，本發(fā)明所述的移動(dòng)終端可為各種可能進(jìn)行網(wǎng)頁(yè)瀏覽的終端設(shè)備，例如手機(jī)、個(gè)人數(shù)字助理等，因此本發(fā)明的保護(hù)范圍不應(yīng)限定為某種特定類型的移動(dòng)終端。盡管前面公開的內(nèi)容示出了本發(fā)明的示例性實(shí)施例，但是應(yīng)當(dāng)注意，在不背離權(quán)利要求限定的本發(fā)明的范圍的前提下，可以進(jìn)行多種改變和修改。根據(jù)這里描述的發(fā)明實(shí)施例的方法權(quán)利要求的功能、步驟和/或動(dòng)作不需以任何特定順序執(zhí)行。此外，盡管本發(fā)明的元素可以以個(gè)體形式描述或要求，但是也可以設(shè)想多個(gè)，除非明確限制為單數(shù)。盡管已經(jīng)結(jié)合詳細(xì)示出并描述的優(yōu)選實(shí)施例公開了本發(fā)明，但是本領(lǐng)域技術(shù)人員應(yīng)當(dāng)理解，對(duì)于上述本發(fā)明所提出的對(duì)包含圖片數(shù)據(jù)的網(wǎng)頁(yè)頁(yè)面內(nèi)容進(jìn)行重排的網(wǎng)頁(yè)頁(yè)面重排方法及裝置，還可以在不脫離本發(fā)明內(nèi)容的基礎(chǔ)上做出各種改進(jìn)。因此，本發(fā)明的保護(hù)范圍應(yīng)當(dāng)由所附的權(quán)利要求書的內(nèi)容確定。
權(quán)利要求
1.一種用于對(duì)包含圖片數(shù)據(jù)的網(wǎng)頁(yè)頁(yè)面進(jìn)行重排的網(wǎng)頁(yè)頁(yè)面重排方法，包括利用從網(wǎng)頁(yè)內(nèi)容服務(wù)器所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容的初始數(shù)據(jù)，對(duì)該網(wǎng)頁(yè)頁(yè)面進(jìn)行排版， 其中，所述初始數(shù)據(jù)至少包括所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容中的圖片控件的初始大小的尺寸數(shù)據(jù)；基于所述網(wǎng)頁(yè)頁(yè)面內(nèi)容所包含的圖片控件，將該排版的網(wǎng)頁(yè)頁(yè)面劃分為包括從所述網(wǎng)頁(yè)頁(yè)面的第一個(gè)元素開始到該圖片控件但不包括該圖片控件的圖片控件之前區(qū)域、包括從該圖片控件開始到下一換行符控件的圖片控件區(qū)域和/或包括從該換行符控件到網(wǎng)頁(yè)頁(yè)面結(jié)束的圖片控件之后區(qū)域；在獲得與該圖片控件對(duì)應(yīng)的圖片數(shù)據(jù)后，針對(duì)所劃分出的區(qū)域，按照不同的方式進(jìn)行重新排版。
2.如權(quán)利要求1所述的網(wǎng)頁(yè)頁(yè)面重排方法，其中，針對(duì)所劃分出的不同區(qū)域，按照不同的方式進(jìn)行重新排版的步驟包括對(duì)于圖片控件之前區(qū)域，不進(jìn)行重新排版；對(duì)于圖片控件區(qū)域，根據(jù)所獲得的圖片數(shù)據(jù)的實(shí)際大小的尺寸數(shù)據(jù)，對(duì)該圖片控件區(qū)域中所包含的所有控件的控件坐標(biāo)進(jìn)行重新計(jì)算，并按照重新計(jì)算后的坐標(biāo)進(jìn)行重新排版；以及對(duì)于圖片控件之后區(qū)域，基于圖片控件區(qū)域重新排版后的Y軸方向值，在進(jìn)行重新排版時(shí)，將該圖片控件之后區(qū)域中的所有控件沿Y軸下移，該下移的偏移量為重新排版后的圖片控件區(qū)域Y軸方向值減去重新排版前的圖片控件區(qū)域Y軸方向值所得的差值。
3.如權(quán)利要求2所述的網(wǎng)頁(yè)頁(yè)面重排方法，其中，當(dāng)所獲得網(wǎng)頁(yè)頁(yè)面內(nèi)容包含多個(gè)圖片控件時(shí)，按照先后順序?qū)υ摱鄠€(gè)圖片控件依次進(jìn)行處理，并且只有在當(dāng)前處理的圖片控件完成處理后，才對(duì)下一圖片控件進(jìn)行處理，其中，在處理當(dāng)前圖片控件時(shí)，基于當(dāng)前處理的圖片控件，將基于前一圖片控件重新排版后的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件之前區(qū)域、圖片控件區(qū)域和/或圖片控件之后區(qū)域。
4.如權(quán)利要求1所述的網(wǎng)頁(yè)頁(yè)面重排方法，其中，當(dāng)所述網(wǎng)頁(yè)頁(yè)面內(nèi)容的第一個(gè)元素是圖片控件時(shí)，將該排版的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件區(qū)域和/或圖片控件之后區(qū)域。
5.如權(quán)利要求1到4中任何一個(gè)所述的網(wǎng)頁(yè)頁(yè)面重排方法，其中，所述方法在移動(dòng)終端瀏覽器上實(shí)現(xiàn)。
6.一種用于對(duì)包含圖片數(shù)據(jù)的網(wǎng)頁(yè)頁(yè)面進(jìn)行重排的網(wǎng)頁(yè)頁(yè)面重排裝置，包括網(wǎng)頁(yè)頁(yè)面初始排版單元，用于利用從網(wǎng)頁(yè)內(nèi)容服務(wù)器所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容的初始數(shù)據(jù)，對(duì)該網(wǎng)頁(yè)頁(yè)面進(jìn)行排版，其中，所述初始數(shù)據(jù)至少包括所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容中的圖片控件的初始大小的尺寸數(shù)據(jù)；網(wǎng)頁(yè)頁(yè)面區(qū)域劃分單元，用于基于所述網(wǎng)頁(yè)頁(yè)面內(nèi)容所包含的圖片控件，將該排版的網(wǎng)頁(yè)頁(yè)面劃分為包括從所述網(wǎng)頁(yè)頁(yè)面的第一個(gè)元素開始到該圖片控件但不包括該圖片控件的圖片控件之前區(qū)域、包括從該圖片控件開始到下一換行符控件的圖片控件區(qū)域和/或包括從該換行符控件到網(wǎng)頁(yè)頁(yè)面結(jié)束的圖片控件之后區(qū)域；以及網(wǎng)頁(yè)頁(yè)面重排單元，用于在獲得與該圖片控件對(duì)應(yīng)的圖片數(shù)據(jù)后，針對(duì)所劃分出的區(qū)域，按照不同的方式進(jìn)行重新排版，以獲得在移動(dòng)終端的瀏覽上顯示的重新排版后的網(wǎng)頁(yè)頁(yè)面。
7.如權(quán)利要求6所述的網(wǎng)頁(yè)頁(yè)面重排裝置，其中，對(duì)于圖片控件之前區(qū)域，所述網(wǎng)頁(yè)頁(yè)面重排單元不進(jìn)行重新排版；對(duì)于圖片控件區(qū)域，所述網(wǎng)頁(yè)頁(yè)面重排單元根據(jù)所獲得的圖片數(shù)據(jù)的實(shí)際大小的尺寸數(shù)據(jù)，對(duì)該圖片控件區(qū)域中所包含的所有控件的控件坐標(biāo)進(jìn)行重新計(jì)算，并按照重新計(jì)算后的坐標(biāo)進(jìn)行重新排版；以及對(duì)于圖片控件之后區(qū)域，所述網(wǎng)頁(yè)頁(yè)面重排單元基于圖片控件區(qū)域重新排版后的Y軸方向值，在進(jìn)行重新排版時(shí)，將該圖片控件之后區(qū)域中的所有控件沿Y軸下移，該下移的偏移量為重新排版后的圖片控件區(qū)域Y 軸方向值減去重新排版前的圖片控件區(qū)域Y軸方向值所得的差值。
8.如權(quán)利要求7所述的網(wǎng)頁(yè)頁(yè)面重排方法，其中，當(dāng)所獲得網(wǎng)頁(yè)頁(yè)面內(nèi)容包含多個(gè)圖片控件時(shí)，所述網(wǎng)頁(yè)頁(yè)面重排單元按照先后順序?qū)υ摱鄠€(gè)圖片控件依次進(jìn)行處理，并且只有在當(dāng)前處理的圖片控件完成處理后，才對(duì)下一圖片控件進(jìn)行處理，并且在處理當(dāng)前圖片控件時(shí)，所述網(wǎng)頁(yè)頁(yè)面區(qū)域劃分單元基于當(dāng)前處理的圖片控件，將基于前一圖片控件重新排版后的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件之前區(qū)域、圖片控件區(qū)域和/或圖片控件之后區(qū)域。
9.如權(quán)利要求6所述的網(wǎng)頁(yè)頁(yè)面重排裝置，其中，當(dāng)所述網(wǎng)頁(yè)頁(yè)面內(nèi)容的第一個(gè)元素是圖片控件時(shí)，所述網(wǎng)頁(yè)頁(yè)面區(qū)域劃分單元將該排版的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件區(qū)域和/ 或圖片控件之后區(qū)域。
10.如權(quán)利要求6到9中任何一個(gè)所述的網(wǎng)頁(yè)頁(yè)面重排裝置，其中，所述裝置位于移動(dòng)終端瀏覽器中。
11.一種移動(dòng)終端，包括如權(quán)利要求6到9中任何一個(gè)所述的裝置。
12.一種服務(wù)器，包括如權(quán)利要求6到9中任何一個(gè)所述的裝置。
全文摘要
本發(fā)明提供一種用于對(duì)包含圖片數(shù)據(jù)的網(wǎng)頁(yè)頁(yè)面進(jìn)行重排的網(wǎng)頁(yè)頁(yè)面重排方法，包括利用從網(wǎng)頁(yè)內(nèi)容服務(wù)器所獲得的網(wǎng)頁(yè)頁(yè)面內(nèi)容的初始數(shù)據(jù)，對(duì)該網(wǎng)頁(yè)頁(yè)面進(jìn)行排版；基于網(wǎng)頁(yè)頁(yè)面內(nèi)容包含的圖片控件，將該排版的網(wǎng)頁(yè)頁(yè)面劃分為圖片控件之前區(qū)域、圖片控件區(qū)域和/或圖片控件之后區(qū)域；在獲得與該圖片控件對(duì)應(yīng)的圖片數(shù)據(jù)后，針對(duì)所劃分出的區(qū)域，按照不同的方式進(jìn)行重新排版，以獲得在移動(dòng)終端的瀏覽上顯示的重新排版后的網(wǎng)頁(yè)頁(yè)面，從而可以減少重排時(shí)的運(yùn)算量，由此提高頁(yè)面重排速率，并且避免出現(xiàn)圖片與文字重疊，由此提高用戶瀏覽網(wǎng)頁(yè)的體驗(yàn)。
文檔編號(hào)G06F17/30GK102156716SQ201110071489
公開日2011年8月17日 申請(qǐng)日期2011年3月24日 優(yōu)先權(quán)日2010年12月2日
發(fā)明者梁捷, 許煒鑫 申請(qǐng)人:廣州市動(dòng)景計(jì)算機(jī)科技有限公司