專利名稱：基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法和系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及移動(dòng)互聯(lián)網(wǎng)的網(wǎng)頁(yè)處理技術(shù)領(lǐng)域，更為具體地，涉及一種移動(dòng)網(wǎng)絡(luò)中的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法和系統(tǒng)。
背景技術(shù)：
隨著社會(huì)的進(jìn)步和技術(shù)的發(fā)展，人們?cè)絹碓蕉嗟厥褂媒尤虢K端來以無線的方式接入因特網(wǎng)來獲取信息，但是，傳統(tǒng)的www網(wǎng)頁(yè)的排版和顯示都是針對(duì)電腦來進(jìn)行設(shè)計(jì)的，由于以手機(jī)為主流的移動(dòng)終端的顯示屏幕往往遠(yuǎn)遠(yuǎn)小于通常的PC機(jī)，在手機(jī)等移動(dòng)終端中瀏覽PC排版方式的www網(wǎng)頁(yè)之前還需要對(duì)網(wǎng)頁(yè)進(jìn)行適應(yīng)移動(dòng)終端顯示方式的重新排版。隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的發(fā)展，專門面向移動(dòng)終端的手機(jī)網(wǎng)站應(yīng)運(yùn)而生。現(xiàn)在，大部分的流行門戶網(wǎng)站如網(wǎng)易、新浪和QQ等都同時(shí)提供建立在WAP(WireleSS Application Protocol，無線應(yīng)用協(xié)議)基礎(chǔ)上的移動(dòng)終端專用網(wǎng)站，以滿足廣大網(wǎng)民對(duì)移動(dòng)互聯(lián)網(wǎng)服務(wù)的需求。但是，由于以手機(jī)為主流產(chǎn)品的移動(dòng)終端在品牌和型號(hào)上的多樣性，導(dǎo)致移動(dòng)互聯(lián)網(wǎng)應(yīng)用終端的屏幕的物理尺寸和分辨率各不相同，因此，手機(jī)網(wǎng)站的網(wǎng)頁(yè)如果想要適應(yīng)所有的手機(jī)是非常痛苦的事情，往往需要寫多個(gè)網(wǎng)頁(yè)；或者只寫一個(gè)網(wǎng)頁(yè)，適應(yīng)最廣泛使用的屏幕分辨率。例如流行的門戶網(wǎng)站網(wǎng)易、新浪和QQ，他們3G版本的首頁(yè)都是按照屏幕寬度為 MOpx的手機(jī)編寫，但是這些網(wǎng)頁(yè)如果不經(jīng)放大直接顯示在分辨率更大的手機(jī)上面，會(huì)出現(xiàn)內(nèi)容太小，難以看清的問題；如果不經(jīng)放大直接顯示在分辨率更小的手機(jī)上面，會(huì)出現(xiàn)內(nèi)容太大，瀏覽不方便、視覺效果差的問題。為了解決上述問題，有的手機(jī)在瀏覽器中以放大或者縮小當(dāng)前頁(yè)面顯示內(nèi)容的手段讓使用者根據(jù)自己的需求手動(dòng)放大顯示在終端屏幕中的頁(yè)面內(nèi)容，但這樣會(huì)增加使用者的操作，而且對(duì)每一個(gè)顯示頁(yè)面都需要進(jìn)行至少一次的縮放操作才能滿足用戶的瀏覽需求，降低瀏覽效率。隨著手機(jī)的廣泛普及以及手機(jī)功能的日益強(qiáng)大，使用手機(jī)訪問網(wǎng)絡(luò)的需求也變得越來普遍。然而當(dāng)今手機(jī)應(yīng)用技術(shù)的現(xiàn)狀卻較為復(fù)雜。除了手機(jī)型號(hào)的千差萬別外，尚有操作系統(tǒng)、瀏覽器、WAP協(xié)議等諸多不同，因此，如何使得頁(yè)面能夠在絕大多數(shù)用戶手機(jī)上以相對(duì)基本相同的效果顯示，成為瀏覽器服務(wù)提供商必須面對(duì)的問題。

發(fā)明內(nèi)容
鑒于上述問題，本發(fā)明的目的是提供一種移動(dòng)網(wǎng)絡(luò)中的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法和系統(tǒng)，自動(dòng)根據(jù)移動(dòng)終端當(dāng)前的分辨率來放大所瀏覽的網(wǎng)頁(yè)。根據(jù)本發(fā)明的一個(gè)方面，提供了一種基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法，包括根據(jù)網(wǎng)頁(yè)頁(yè)面的源代碼，獲取源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值；根據(jù)所述移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率和所獲取的源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值，確定所述頁(yè)面在所述移動(dòng)終端的放大比例a，a =移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率/源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值；按照所述放大比例a在所述移動(dòng)終端放大所述網(wǎng)頁(yè)頁(yè)面內(nèi)所有層疊樣式屬性中的絕對(duì)長(zhǎng)度值；在所述移動(dòng)終端按照所述放大后的層疊樣式數(shù)據(jù)排版顯示所述網(wǎng)頁(yè)。根據(jù)本發(fā)明的另一方面，提供了一種基于移動(dòng)終端的頁(yè)面自動(dòng)放大系統(tǒng)，包括原始分辨率獲取單元，用于根據(jù)網(wǎng)頁(yè)頁(yè)面的源代碼，獲取源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值；放大比例確定單元，用于根據(jù)所述移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率和所獲取的源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值，確定所述頁(yè)面在所述移動(dòng)終端的放大比例a，a =移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率/源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值；網(wǎng)頁(yè)放大單元，用于按照所述放大比例a在所述移動(dòng)終端放大所述網(wǎng)頁(yè)頁(yè)面內(nèi)所有層疊樣式屬性中的絕對(duì)長(zhǎng)度值；網(wǎng)頁(yè)展示單元，用于在所述移動(dòng)終端按照所述放大后的層疊樣式數(shù)據(jù)排版顯示所述網(wǎng)頁(yè)。利用上述根據(jù)本發(fā)明的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法和系統(tǒng)，可以使網(wǎng)頁(yè)設(shè)計(jì)者不必考慮移動(dòng)終端的配置條件設(shè)計(jì)網(wǎng)頁(yè)，也能在終端獲得基本相同的顯示效果，大大降低網(wǎng)頁(yè)設(shè)計(jì)的工作量。并且對(duì)于最終用戶來說，本發(fā)明所提供的根據(jù)終端分辨率所實(shí)現(xiàn)的自動(dòng)放大功能也能夠大大提高用戶的瀏覽體驗(yàn)。為了實(shí)現(xiàn)上述以及相關(guān)目的，本發(fā)明的一個(gè)或多個(gè)方面包括后面將詳細(xì)說明并在權(quán)利要求中特別指出的特征。下面的說明以及附圖詳細(xì)說明了本發(fā)明的某些示例性方面。 然而，這些方面指示的僅僅是可使用本發(fā)明的原理的各種方式中的一些方式。此外，本發(fā)明旨在包括所有這些方面以及它們的等同物。


通過參考以下結(jié)合附圖的說明及權(quán)利要求書的內(nèi)容，并且隨著對(duì)本發(fā)明的更全面理解，本發(fā)明的其它目的及結(jié)果將更加明白及易于理解。在附圖中圖1為根據(jù)本發(fā)明實(shí)施例的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法流程示意圖；圖2為根據(jù)本發(fā)明實(shí)施例的基于移動(dòng)終端的頁(yè)面自動(dòng)放大裝置的方框示意圖。在所有附圖中相同的標(biāo)號(hào)指示相似或相應(yīng)的特征或功能。
具體實(shí)施例方式以下將結(jié)合附圖對(duì)本發(fā)明的具體實(shí)施例進(jìn)行詳細(xì)描述。由于目前作為移動(dòng)互聯(lián)網(wǎng)載體的主要為手機(jī)，因此，在下面對(duì)比本發(fā)明具體實(shí)施方式
的表述中，“移動(dòng)終端”、“手機(jī)”均是指用戶訪問移動(dòng)互聯(lián)網(wǎng)所使用的目標(biāo)載體，同時(shí)可以將“手機(jī)”理解為“移動(dòng)終端”的一種但不是唯一的一種具體表現(xiàn)形式。目前的網(wǎng)頁(yè)一般采用CSS (Cascading Style Sheet，可譯為“層疊樣式表”或“級(jí)聯(lián)樣式表”)格式設(shè)置，以便將頁(yè)面的內(nèi)容與表現(xiàn)形式分離，從而控制Web頁(yè)面的外觀。本發(fā)明所涉及的網(wǎng)頁(yè)也是采用CSS格式設(shè)計(jì)的。
圖1為根據(jù)本發(fā)明實(shí)施例的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法流程示意圖。如圖 1所示，本發(fā)明提供的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法包括如下基本流程SllO 根據(jù)網(wǎng)頁(yè)頁(yè)面的源代碼，獲取源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值；S120:根據(jù)移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率和所獲取的源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值，確定網(wǎng)頁(yè)頁(yè)面在移動(dòng)終端的放大比例a，a =移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率/值；S130 按照放大比例a在移動(dòng)終端放大網(wǎng)頁(yè)頁(yè)面內(nèi)所有層疊樣式屬性中的絕對(duì)長(zhǎng)度值；S140 在移動(dòng)終端按照放大后的層疊樣式數(shù)據(jù)排版顯示上述網(wǎng)頁(yè)。由于隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，許多大型的網(wǎng)站都設(shè)置了專門的WAP網(wǎng)站，因此，在下述本發(fā)明的具體實(shí)施方式
表述中，針對(duì)通過移動(dòng)終端瀏覽專門為手機(jī)設(shè)計(jì)的網(wǎng)站(WAP 網(wǎng)站)在移動(dòng)終端的頁(yè)面自動(dòng)放大流程進(jìn)行說明。作為示例，在用戶通過手機(jī)瀏覽器瀏覽使用wap2. 0標(biāo)準(zhǔn)設(shè)計(jì)的網(wǎng)頁(yè)(大多數(shù)WAP網(wǎng)頁(yè)的彩板和炫版都是使用wap2. 0標(biāo)準(zhǔn)設(shè)計(jì)) 時(shí)，網(wǎng)站服務(wù)器所返回的網(wǎng)頁(yè)的源代碼為如下結(jié)構(gòu)<html><head>.....</head><body>____</body></html>由于在CSS格式設(shè)計(jì)的網(wǎng)頁(yè)中，頁(yè)面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則則存放在另一個(gè)文件中或HTML文檔的某一部分，通常為文件頭部分。這樣才能將網(wǎng)頁(yè)的內(nèi)容與表現(xiàn)形式分離，從而使維護(hù)站點(diǎn)的外觀更加容易、HTML文檔代碼更加簡(jiǎn)練，縮短瀏覽器的加載時(shí)間。因此，在上述源代碼格式中，<head>標(biāo)簽里面會(huì)包含層疊樣式(CSS)的數(shù)據(jù)，另外還包含一些元數(shù)據(jù)(meta) ；<body>標(biāo)簽里面則是頁(yè)面的內(nèi)容。由于CSS數(shù)據(jù)由選擇符(selector)，屬性(properties)和屬性的取值(value)三個(gè)部分構(gòu)成，因此，在<head>部分里面，設(shè)計(jì)者可以通過代碼<meta name = “ MobileOptimized" content = “ 240“ />來指定網(wǎng)頁(yè)的目標(biāo)手機(jī)所期望的屏幕橫向點(diǎn)陣分辨率，也就是說，在上述源代碼中，預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值為240，這也是目前主流的手機(jī)屏幕的橫向點(diǎn)陣分辨率。另外網(wǎng)頁(yè)設(shè)計(jì)者還可以通過CSS里面指定網(wǎng)頁(yè)中每一項(xiàng)內(nèi)容的字體大小。在移動(dòng)終端通過瀏覽器獲得目標(biāo)網(wǎng)頁(yè)的上述網(wǎng)頁(yè)頁(yè)面源代碼后，通過分析網(wǎng)頁(yè)頁(yè)面源代碼，可以得到元數(shù)據(jù)MobileOptimized的值，這就是網(wǎng)頁(yè)設(shè)計(jì)者在源代碼中所預(yù)設(shè)的該網(wǎng)頁(yè)正常顯示所需要的目標(biāo)手機(jī)的屏幕橫向點(diǎn)陣分辨率期望值。基于同樣的原理，對(duì)于WWW網(wǎng)站來說，也可以應(yīng)用本發(fā)明的上述根據(jù)網(wǎng)頁(yè)源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值和目標(biāo)移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率來確定網(wǎng)頁(yè)頁(yè)面在移動(dòng)終端的放大比例。這種類推和應(yīng)用是本領(lǐng)域技術(shù)人員容易實(shí)現(xiàn)的，因此在此不再詳述本發(fā)明在www網(wǎng)站的應(yīng)用。事實(shí)上，由于目標(biāo)手機(jī)終端配置的千差萬別，用于瀏覽該網(wǎng)頁(yè)的目標(biāo)手機(jī)的真正屏幕橫向點(diǎn)陣分辨率未必是對(duì)0，因此目標(biāo)手機(jī)瀏覽器通過網(wǎng)頁(yè)頁(yè)面源代碼中的元數(shù)據(jù) MobileOptimized的值(即預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值)和目標(biāo)手機(jī)本身的屏幕橫向點(diǎn)陣分辨率確定該網(wǎng)頁(yè)在該目標(biāo)手機(jī)的放大比例，即將a放大比例設(shè)置為a =屏幕橫向點(diǎn)陣分辨率/MobileOptimized上述放大比例能夠使網(wǎng)頁(yè)頁(yè)面在目標(biāo)手機(jī)以網(wǎng)頁(yè)設(shè)計(jì)者所期望的顯示效果顯示。 在確定了放大比例后，瀏覽器就可以將頁(yè)面內(nèi)的所有層疊樣式的屬性中值為絕對(duì)長(zhǎng)度的屬性值按照放大比例放大a倍。比如將頁(yè)面內(nèi)所有字體大小按放大比例a放大。之所以僅放大值為絕對(duì)長(zhǎng)度的屬性值，是因?yàn)橄鄬?duì)長(zhǎng)度單位一般指百分比或者設(shè)置兩倍字體高度，一般而言放大了絕對(duì)長(zhǎng)度單位之后，相對(duì)長(zhǎng)度無需專門放大也可以隨著絕對(duì)長(zhǎng)度的變大自動(dòng)變大，如，本來父元素的寬度IOOpx，對(duì)于50%而言，就是50px，父元素的寬度放大到150px之后，百分比不變，但是得到值也會(huì)放大到75px。最后，按照以上放大后的層疊樣式數(shù)據(jù)來排版顯示網(wǎng)頁(yè)，這樣即便目標(biāo)手機(jī)與元數(shù)據(jù)MobileOptimized的值(如MO)所確定的分辨率不同，也能夠以網(wǎng)頁(yè)設(shè)計(jì)者所期望的顯示效果顯示在目標(biāo)手機(jī)顯示該網(wǎng)頁(yè)頁(yè)面。需要說明的是，本發(fā)明中的“放大”并不是絕對(duì)的放大，放大比例a的取值可能大于1，也可能等于1或這小于1，在目標(biāo)手機(jī)的屏幕橫向點(diǎn)陣分辨率小于網(wǎng)頁(yè)頁(yè)面源代碼中的元數(shù)據(jù)MobileOptimized的值時(shí)，a < 1，則將頁(yè)面放大a倍實(shí)質(zhì)上是縮小顯示頁(yè)面。另外，為了保障頁(yè)面基本的顯示效果和比例關(guān)系，也可以根據(jù)移動(dòng)終端對(duì)字體的顯示要求等參數(shù)對(duì)放大比例a的值作出限定，比如，如果網(wǎng)頁(yè)頁(yè)面源代碼所設(shè)定的字體原始大小為F，在目標(biāo)移動(dòng)終端所確定的放大比例為a，如果a*F比一個(gè)預(yù)先設(shè)置的最大字體值FMax大，則將字體放大比例修正為b = FMax/F然后將網(wǎng)頁(yè)頁(yè)面內(nèi)所有字體大小按放大比例b放大(相當(dāng)于直接將網(wǎng)頁(yè)頁(yè)面內(nèi)所有字體放大為FMax)，并按照放大后的層疊樣式數(shù)據(jù)來排版顯示網(wǎng)頁(yè)。同樣，如果a*F比一個(gè)預(yù)先設(shè)置的最小字體值!^in小，則將字體放大比例修正為c = FMin/F然后將網(wǎng)頁(yè)頁(yè)面內(nèi)所有字體大小按放大比例c放大(相當(dāng)于直接將網(wǎng)頁(yè)頁(yè)面內(nèi)所有字體放大為FMin)，并按照放大后的層疊樣式數(shù)據(jù)來排版顯示網(wǎng)頁(yè)。如果原始網(wǎng)頁(yè)頁(yè)面的源代碼中沒有指定元數(shù)據(jù)MobileOptimized的值，則在本發(fā)明的一個(gè)優(yōu)選實(shí)施方式中，目標(biāo)終端的瀏覽器直接把源代碼中的MobileOptimized指定為當(dāng)前手機(jī)終端的屏幕橫向點(diǎn)陣分辨率。即將放大比例a確定為1，相當(dāng)于直接在目標(biāo)終端原樣顯示原始網(wǎng)頁(yè)頁(yè)面而不做任何放大處理。在本發(fā)明的另一優(yōu)選實(shí)施方式中，如果原始網(wǎng)頁(yè)頁(yè)面的源代碼中沒有指定元數(shù)據(jù) MobileOptimized的值，目標(biāo)終端的瀏覽器把MobileOptimized指定為某一個(gè)預(yù)置數(shù)值，如主流的M0，然后以目標(biāo)終端的屏幕橫向點(diǎn)陣分辨率與該預(yù)置數(shù)值的比值作為該網(wǎng)頁(yè)頁(yè)面在該目標(biāo)終端顯示的放大比例。另外，為了使網(wǎng)頁(yè)頁(yè)面在目標(biāo)終端的顯示更加協(xié)調(diào)美觀，還可以將頁(yè)面的圖片和背景圖根據(jù)上述所確定的放大比例放大。通常來說，圖片的大小可以設(shè)置也可以不設(shè)置，如果不設(shè)置就需要在下載圖片之后再計(jì)算其大小，圖片的大小可以通過程序獲得，獲得之后就是一個(gè)絕對(duì)長(zhǎng)度，所以也可以進(jìn)行放大。如上參照?qǐng)D1描述了根據(jù)本發(fā)明的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法。本發(fā)明的上述基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法，可以采用軟件實(shí)現(xiàn)，也可以采用硬件實(shí)現(xiàn)，或采用軟件和硬件組合的方式實(shí)現(xiàn)。另外，本發(fā)明還提供一種與上述方法相對(duì)應(yīng)的基于移動(dòng)終端的頁(yè)面自動(dòng)放大系統(tǒng)，圖2示出了根據(jù)本發(fā)明實(shí)施例的基于移動(dòng)終端的頁(yè)面自動(dòng)放大系統(tǒng)200的方框示意圖。 如圖2所示，基于移動(dòng)終端的頁(yè)面自動(dòng)放大系統(tǒng)200包括原始分辨率獲取單元210、放大比例確定單元220、網(wǎng)頁(yè)放大單元230和網(wǎng)頁(yè)展示單元M0。其中，原始分辨率獲取單元210用于根據(jù)網(wǎng)頁(yè)頁(yè)面的源代碼，獲取源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值；放大比例確定單元220用于根據(jù)移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率和原始分辨率獲取單元210所獲取的源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值， 確定所述頁(yè)面在所述移動(dòng)終端的放大比例a，a=移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率/源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值；網(wǎng)頁(yè)放大單元230用于按照放大比例確定單元220 所確定的放大比例a在所述移動(dòng)終端放大所述網(wǎng)頁(yè)頁(yè)面內(nèi)所有層疊樣式屬性中的絕對(duì)長(zhǎng)度值；網(wǎng)頁(yè)展示單元240用于在移動(dòng)終端按照網(wǎng)頁(yè)放大單元230所放大后的層疊樣式數(shù)據(jù)排版顯示所述網(wǎng)頁(yè)。為了保障頁(yè)面基本的顯示效果和比例關(guān)系，在本發(fā)明的一個(gè)優(yōu)選實(shí)施方式中，放大比例確定單元220還包括放大字體控制單元221 (圖中未示出)，用于控制所述網(wǎng)頁(yè)字體的放大比例，如果放大后的字體a*F大于預(yù)置的最大字體值FMax，則將字體直接放大為 FMax ；如果放大后的字體a*F小于預(yù)置的最小字體值FMin，則將字體直接放大為FMin ；其中，F(xiàn)為所述頁(yè)面內(nèi)的原始字體大小。具體地，作為示例，在使用一個(gè)Symbian 5th的手機(jī)訪問網(wǎng)易的3G手機(jī)版 http://3g. 163. com/x/時(shí)，網(wǎng)頁(yè)源代碼中寫明<meta name = “ MobileOptimized" content = “ 240“ />原始分辨率獲取單元210則通過上述信息獲得源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值(即元數(shù)據(jù)MobileOptimized的值)為對(duì)0，而目標(biāo)手機(jī)Symbian 5th的屏幕分辨率為360*640，則放大比例確定單元220可以據(jù)此得到a = 360/240 = 1. 5然后網(wǎng)頁(yè)放大單元230按照1. 5倍的放大比例來放大整個(gè)頁(yè)面。也就是說，當(dāng)用戶用Symbian 5&版的手機(jī)Nokia 5800瀏覽網(wǎng)易的3G手機(jī)版http//3g. 163. com/x/網(wǎng)頁(yè)的時(shí)候，將會(huì)按照1. 5倍的放大比例來放大整個(gè)頁(yè)面。另外如果在該Symbian 5th版的手機(jī)Nokia 5800種設(shè)置有字體顯示的大小限制 FMax為M、FMin為21，根據(jù)上面所確定的放大倍數(shù)1. 5所確定的在該目標(biāo)手機(jī)上所顯示的網(wǎng)易首頁(yè)的字體大小為12px，a*F為18，小于最小顯示字體FMin所限定的值21，所以將放大比例確定為c = 22/12，從而最終頁(yè)面字體的放大比例按11/6進(jìn)行放大。如果用Symbian 3版的手機(jī)如E52訪問上述網(wǎng)頁(yè)，目標(biāo)終端的屏幕點(diǎn)陣分辨率為對(duì)0*320，則放大比例a = 240/240 = 1 ；這種情況下頁(yè)面將不會(huì)放大，以初始網(wǎng)頁(yè)的設(shè)計(jì)格式顯示在目標(biāo)終端。依據(jù)用戶終端環(huán)境對(duì)WAP頁(yè)面進(jìn)行適配，可以有效地?cái)U(kuò)大一個(gè)WAP系統(tǒng)能夠正確服務(wù)的手機(jī)用戶范圍，并且，一個(gè)良好的適配方案也能夠減少開發(fā)人員的工作量。為了解決 WAP頁(yè)面適配的問題，本發(fā)明所提供的這種結(jié)合源代碼的期望分辨率(或者說預(yù)置分辨率) 和目標(biāo)終端的真正分辨率所確定的放大比例來進(jìn)行WAP頁(yè)面適配的技術(shù)，無論是對(duì)移動(dòng)網(wǎng)站的運(yùn)營(yíng)和設(shè)計(jì)方還是對(duì)終端用戶都會(huì)帶來顯著的益處。對(duì)于移動(dòng)網(wǎng)站的運(yùn)營(yíng)和設(shè)計(jì)方而言，無論是面向任何型號(hào)的移動(dòng)終端，只需要設(shè)計(jì)一個(gè)網(wǎng)頁(yè)，就可以在不同的移動(dòng)終端上面展現(xiàn)出基本相同的效果，大大降低設(shè)計(jì)網(wǎng)頁(yè)的工作量；對(duì)于最終用戶而言，在瀏覽網(wǎng)頁(yè)的過程中，無需任何手動(dòng)輔助操作，瀏覽器會(huì)自動(dòng)放大網(wǎng)頁(yè)的內(nèi)容以供閱讀，大大提高了分辨率高的手機(jī)瀏覽網(wǎng)頁(yè)的用戶體驗(yàn)。如上參照?qǐng)D1和圖2以示例的方式描述根據(jù)本發(fā)明的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法和系統(tǒng)。但是，本領(lǐng)域技術(shù)人員應(yīng)當(dāng)理解，對(duì)于上述本發(fā)明所提出的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法及系統(tǒng)，還可以在不脫離本發(fā)明內(nèi)容的基礎(chǔ)上做出各種改進(jìn)。因此，本發(fā)明的保護(hù)范圍應(yīng)當(dāng)由所附的權(quán)利要求書的內(nèi)容確定。
權(quán)利要求
1.一種基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法，包括根據(jù)網(wǎng)頁(yè)頁(yè)面的源代碼，獲取所述源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值； 根據(jù)所述移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率和所獲取的所述源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值，確定所述頁(yè)面在所述移動(dòng)終端的放大比例a，a =移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率/所述源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值；按照所述放大比例a在所述移動(dòng)終端放大所述網(wǎng)頁(yè)頁(yè)面內(nèi)所有層疊樣式屬性中的絕對(duì)長(zhǎng)度值；在所述移動(dòng)終端按照所述放大后的層疊樣式數(shù)據(jù)排版顯示所述網(wǎng)頁(yè)。
2.如權(quán)利要求1所述的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法，其中，在所述按照所述放大比例a在所述移動(dòng)終端放大所述網(wǎng)頁(yè)頁(yè)面內(nèi)所有層疊樣式屬性中的絕對(duì)長(zhǎng)度值的過程中，按照所述放大比例放大頁(yè)面內(nèi)的所有字體。
3.如權(quán)利要求2所述的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法，其中，在按照所述放大比例放大頁(yè)面內(nèi)的所有字體的過程中，假設(shè)所述頁(yè)面內(nèi)的原始字體大小為F，如果放大后的字體a*F大于預(yù)置的最大字體值FMax，則將字體直接放大為FMax ； 如果放大后的字體a*F小于預(yù)置的最小字體值FMin，則將字體直接放大為FMin。
4.如權(quán)利要求1所述的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法，其中，如果所述網(wǎng)頁(yè)頁(yè)面的源代碼中沒有預(yù)設(shè)屏幕橫向點(diǎn)陣分辨率期望值，則將所述網(wǎng)頁(yè)頁(yè)面在所述移動(dòng)終端的放大比例a確定為1。
5.如權(quán)利要求1所述的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法，其中，如果所述網(wǎng)頁(yè)頁(yè)面的源代碼中沒有預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值，則把所述屏幕橫向點(diǎn)陣分辨率期望值指定為預(yù)置數(shù)值。
6.如權(quán)利要求5所述的基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法，其中， 所述指定的屏幕橫向點(diǎn)陣分辨率期望值的預(yù)置數(shù)值為240。
7.一種基于移動(dòng)終端的頁(yè)面自動(dòng)放大系統(tǒng)，包括原始分辨率獲取單元，用于根據(jù)網(wǎng)頁(yè)頁(yè)面的源代碼，獲取源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值；放大比例確定單元，用于根據(jù)所述移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率和所獲取的源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值，確定所述頁(yè)面在所述移動(dòng)終端的放大比例a，a =移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率/源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值；網(wǎng)頁(yè)放大單元，用于按照所述放大比例a在所述移動(dòng)終端放大所述網(wǎng)頁(yè)頁(yè)面內(nèi)所有層疊樣式屬性中的絕對(duì)長(zhǎng)度值；網(wǎng)頁(yè)展示單元，用于在所述移動(dòng)終端按照所述放大后的層疊樣式數(shù)據(jù)排版顯示所述網(wǎng)頁(yè)。
8.如權(quán)利要求7所述的基于移動(dòng)終端的頁(yè)面自動(dòng)放大系統(tǒng)，所述放大比例確定單元包括放大字體控制單元，用于控制所述網(wǎng)頁(yè)字體的放大比例，如果放大后的字體a*F大于預(yù)置的最大字體值FMax，則將字體直接放大為FMax ；如果放大后的字體a*F小于預(yù)置的最小字體值FMin，則將字體直接放大為i^Min ；其中，F(xiàn)為所述頁(yè)面內(nèi)的原始字體大小。
全文摘要
本發(fā)明提供了一種基于移動(dòng)終端的頁(yè)面自動(dòng)放大方法，包括根據(jù)網(wǎng)頁(yè)頁(yè)面的源代碼，獲取源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值；根據(jù)移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率和所獲取的源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值，確定頁(yè)面在移動(dòng)終端的放大比例a，a＝移動(dòng)終端的屏幕橫向點(diǎn)陣分辨率/所述源代碼中預(yù)設(shè)的屏幕橫向點(diǎn)陣分辨率期望值；按照放大比例a在移動(dòng)終端放大網(wǎng)頁(yè)頁(yè)面內(nèi)所有層疊樣式屬性中的絕對(duì)長(zhǎng)度值；在移動(dòng)終端按照放大后的層疊樣式數(shù)據(jù)排版顯示網(wǎng)頁(yè)。利用本發(fā)明能夠在不同的手機(jī)上以基本相同的顯示效果展現(xiàn)一個(gè)網(wǎng)頁(yè)，從而降低網(wǎng)頁(yè)設(shè)計(jì)的工作量，同時(shí)提高用戶通過移動(dòng)終端瀏覽網(wǎng)頁(yè)的體驗(yàn)。
文檔編號(hào)G06F17/30GK102364460SQ20111017758
公開日2012年2月29日 申請(qǐng)日期2011年6月28日 優(yōu)先權(quán)日2011年6月28日
發(fā)明者梁捷, 陳炳輝, 黃慶 申請(qǐng)人:廣州市動(dòng)景計(jì)算機(jī)科技有限公司