亚洲成年人黄色一级片,日本香港三级亚洲三级,黄色成人小视频,国产青草视频,国产一区二区久久精品,91在线免费公开视频,成年轻人网站色直接看

一種在移動終端中顯示網(wǎng)頁的方法及裝置制造方法

文檔序號:6629551閱讀:248來源:國知局
一種在移動終端中顯示網(wǎng)頁的方法及裝置制造方法【專利摘要】本發(fā)明公開了一種在移動終端中顯示網(wǎng)頁的方法及裝置,其中,所述方法包括,接收到通過移動終端訪問網(wǎng)頁的請求,根據(jù)所述請求向網(wǎng)頁服務(wù)器獲取所述網(wǎng)頁對應(yīng)的資源;對所述網(wǎng)頁資源中包含的頁面元素進行解析,解析過程中判斷當前頁面元素對應(yīng)的標簽是否影響排版,如果存在影響排版的標簽,則對所述影響排版的標簽進行處理;根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點,判斷是否存在影響排版的層疊樣式表CSS屬性,如果存在影響排版的層疊樣式表css屬性,則去除影響排版的CSS屬性,之后按照構(gòu)造的渲染樹對網(wǎng)頁內(nèi)容進行繪制并顯示。通過本發(fā)明,能夠從一定程度上保留一些應(yīng)有的畫面效果,保證網(wǎng)頁顯示的生動性?!緦@f明】-種在移動終端中顯示網(wǎng)頁的方法及裝置【
技術(shù)領(lǐng)域
】[0001]本發(fā)明涉及計算機【
技術(shù)領(lǐng)域
】,特別是涉及一種在移動終端中顯示網(wǎng)頁的方法及裝置?!?br>背景技術(shù)
】[0002]隨著科技飛速發(fā)展,移動終端(如手機等)已經(jīng)擁有了強大的處理能力,移動終端正在從簡單的通話工具變?yōu)橐粋€綜合信息處理平臺,尤其是利用移動終端瀏覽網(wǎng)頁,已經(jīng)成為人們獲取信息的重要途徑。[0003]最初,為了能夠在移動終端上瀏覽網(wǎng)頁,使用了專門的協(xié)議一WAP(WireleSSApplicationProtocol,無線應(yīng)用協(xié)議),網(wǎng)頁制作者需要按照該協(xié)議制作專用于在移動終端上瀏覽的網(wǎng)頁(這種網(wǎng)頁一般是使用WML(WirelessMarkupLanguage)語言來制作的,因此,一般可以簡稱為WML網(wǎng)頁)。但是,隨著用戶需求的不斷提升以及技術(shù)的發(fā)展,目前也能夠在移動終端上瀏覽普通的HTML(HypertextMarkupLanguage,超文本標記語言)網(wǎng)頁,也即因特網(wǎng)中普遍使用的基于HTML語言制作的網(wǎng)頁。然而,這種HTML網(wǎng)頁一般都是針對傳統(tǒng)的具有較大顯示屏的設(shè)備(例如臺式電腦、筆記本電腦等)而設(shè)計的,而對于移動終端(如手機等)而言,由于其顯示屏的尺寸比較小,因此,要想在移動終端中正常顯示HTML網(wǎng)頁,一般還需要預(yù)先對HTML網(wǎng)頁進行處理,將其轉(zhuǎn)換為類似WML網(wǎng)頁的格式。在將HTML網(wǎng)頁轉(zhuǎn)換為WML網(wǎng)頁的過程中,首先需要對頁面元素進行窄排適配處理,也即,需要按照移動終端的屏幕寬度重新對HTML網(wǎng)頁中的頁面元素進行排版,使得每一行中顯示的頁面元素數(shù)目變少,從而使得在較小的顯示屏中顯示時,字體不會太小,同時,避免出現(xiàn)水平方向上的滾動條的現(xiàn)象,便于用戶的瀏覽。然而現(xiàn)有技術(shù)在對頁面進行窄排的過程中,為了避免出現(xiàn)內(nèi)容溢出手機屏幕或者屏幕留白、重疊顯示等現(xiàn)象,一般會將HTML網(wǎng)頁中原有的為一些頁面元素設(shè)計的CSS樣式去掉。但是這樣就會造成網(wǎng)頁顯示不生動,一些應(yīng)有的畫面效果消失。【
發(fā)明內(nèi)容】[0004]本發(fā)明提供了一種在移動終端中顯示網(wǎng)頁的方法與裝置,能夠從一定程度上保留一些應(yīng)有的畫面效果,保證網(wǎng)頁顯示的生動性。[0005]本發(fā)明提供了如下方案:[0006]-種在移動終端中顯示網(wǎng)頁的方法,包括:[0007]接收到通過移動終端訪問網(wǎng)頁的請求,根據(jù)所述請求向網(wǎng)頁服務(wù)器獲取所述網(wǎng)頁對應(yīng)的資源;[0008]對所述網(wǎng)頁資源中包含的頁面元素進行解析,解析過程中判斷當前頁面元素對應(yīng)的標簽是否影響排版,如果存在影響排版的標簽,則對所述影響排版的標簽進行處理;[0009]根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點,判斷是否存在影響排版的層疊樣式表CSS屬性,如果存在影響排版的層疊樣式表CSS屬性,則去除影響排版的CSS屬性,之后按照構(gòu)造的渲染樹對網(wǎng)頁內(nèi)容進行繪制并顯示。[0010]其中,所述對所述影響排版的標簽進行處理包括:[0011]將影響排版的標簽去掉,以便在根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點時,將該標簽對應(yīng)的頁面元素作為普通文本處理。[0012]其中,所述將影響排版的標簽去掉包括:[0013]如果所述當前正在解析的頁面元素為普通卷動元素、下標元素或上標元素,則將這種頁面元素的標簽去掉。[0014]其中,所述對所述影響排版的標簽進行處理包括:[0015]將當前頁面元素去掉,以便在根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點時,不再生成該頁面元素對應(yīng)的節(jié)點。[0016]其中,所述將當前頁面元素去掉包括:[0017]如果所述當前正在解析的頁面元素為普通卷動元素、包含對象的元素、嵌入頁面的元素、下標元素或上標元素,則將這種頁面元素去掉。[0018]其中,所述對所述影響排版的標簽進行處理包括:[0019]將影響排版的標簽中定義的CSS屬性值進行修改;[0020]所述根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點包括:[0021]利用修改后的CSS屬性值為渲染樹中該頁面元素對應(yīng)的節(jié)點的CSS屬性進行賦值。[0022]其中,所述將影響排版的標簽中定義的CSS屬性值進行修改包括:[0023]當所述當前正在解析的頁面元素為表格元素時,對表格元素及表格元素的內(nèi)聯(lián)元素的CSS值進行修改,以便所述表格元素能夠自動換行;[0024]或者,[0025]當所述當前正在解析的頁面元素為表單輸入控件、下拉菜單/列表、文本域或內(nèi)聯(lián)框架元素,并且存在表示其寬度的絕對數(shù)值時,將所述絕對數(shù)值修改為相對數(shù)值;[0026]或者,[0027]當所述當前正在解析的頁面元素為圖像元素時,比較該圖像元素的width值與移動終端的屏幕寬度值,如果所述width值大于移動終端的屏幕寬度值,則按照所述width值與移動終端的屏幕寬度之間的比例,等比例縮小所述width值;如果所述width值小于移動終端的屏幕寬度值,但大于移動終端的屏幕寬度值的二分之一,則將該圖像元素的位置屬性值修改為居中顯示;[0028]或者,[0029]如果所述當前正在解析的頁面元素為超鏈接元素,并且所述超鏈接元素中包含img標簽以及文本,則為所述img標簽加入邊界屬性值;[0030]或者,[0031]如果所述當前正在解析的頁面元素為分區(qū)元素,則為所述分區(qū)元素加入邊界屬性值。[0032]其中,所述將渲染樹節(jié)點中包含的影響排版的CSS屬性去掉包括:[0033]將所述當前正在解析的頁面元素包含的寬度高度的絕對屬性、定位屬性、背景圖屬性和/或與文本顯示相關(guān)的屬性去掉;[0034]和/或,[0035]將元素盒模型中的邊框與填充屬性去掉。[0036]其中,如果將所述當前正在解析的頁面元素的背景圖去掉,則還包括:[0037]修改所述頁面元素中包含的文本的顏色屬性值,以保證在去掉背景圖之后所述文本的辨識度。[0038]其中,所述修改所述頁面元素中包含的文本的顏色屬性值,包括:[0039]如果頁面元素內(nèi)文本顏色是白色,則設(shè)置所述文本顏色為網(wǎng)頁文本默認顏色;[0040]或者,[0041]如果網(wǎng)頁元素內(nèi)文本顏色不是白色,并且所述元素背景色不透明,則設(shè)置文本顏色為所述元素背景色具有預(yù)置色差值的顏色;[0042]或者,[0043]如果網(wǎng)頁元素內(nèi)文本顏色不是白色,并且所述元素背景色透明,則設(shè)置文本顏色為與此網(wǎng)頁的主體元素的背景色具有預(yù)置色差值的顏色。[0044]一種在移動終端中顯示網(wǎng)頁的裝置,包括:[0045]資源獲取單元,用于接收到通過移動終端訪問網(wǎng)頁的請求,根據(jù)所述請求向網(wǎng)頁服務(wù)器獲取所述網(wǎng)頁對應(yīng)的資源;[0046]標簽處理單元,用于對所述網(wǎng)頁資源中包含的頁面元素進行解析,解析過程中,判斷當前頁面元素對應(yīng)的標簽是否影響排版,如果存在影響排版的標簽,則對所述影響排版的標簽進行處理;[0047]渲染樹構(gòu)造單元,用于根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點,判斷是否存在影響排版的層疊樣式表CSS屬性,如果存在影響排版的層疊樣式表CSS屬性,則去除影響排版的CSS屬性,之后按照構(gòu)造的渲染樹對網(wǎng)頁內(nèi)容進行繪制并顯示。[0048]其中,所述標簽處理單元包括:[0049]標簽去掉子單元,用于將影響排版的標簽去掉,以便在根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點時,將該標簽對應(yīng)的頁面元素作為普通文本處理。[0050]其中,所述標簽去掉子單元具體用于:如果所述當前正在解析的頁面元素為普通卷動元素、下標元素或上標元素,則將這種頁面元素的標簽去掉。[0051]其中,所述標簽處理單元包括:[0052]元素去掉子單元,用于將當前頁面元素去掉,以便在根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點時,不再生成該頁面元素對應(yīng)的節(jié)點。[0053]其中,所述元素去掉子單元具體用于:如果所述當前正在解析的頁面元素為普通卷動元素、包含對象的元素、嵌入頁面的元素、下標元素或上標元素,則將這種頁面元素去掉。[0054]其中,所述標簽處理單元包括:[0055]屬性值修改子單元,用于將影響排版的標簽中定義的CSS屬性值進行修改;[0056]所述渲染樹構(gòu)造單元還用于:[0057]利用修改后的CSS屬性值為渲染樹中該頁面元素對應(yīng)的節(jié)點的CSS屬性進行賦值。[0058]其中,所述屬性值修改子單元包括:[0059]第一修改子單元,用于當所述當前正在解析的頁面元素為表格元素時,對表格元素及表格元素的內(nèi)聯(lián)元素的CSS值進行修改,以便所述表格元素能夠自動換行;[0060]或者,[0061]第二修改子單元,用于當所述當前正在解析的頁面元素為表單輸入控件、下拉菜單/列表、文本域或內(nèi)聯(lián)框架元素,并且存在表示其寬度的絕對數(shù)值時,將所述絕對數(shù)值修改為相對數(shù)值;[0062]或者,[0063]第三修改子單元,用于當所述當前正在解析的頁面元素為圖像元素時,比較該圖像元素的width值與移動終端的屏幕寬度值,如果所述width值大于移動終端的屏幕寬度值,則按照所述Width值與移動終端的屏幕寬度之間的比例,等比例縮小所述width值;如果所述width值小于移動終端的屏幕寬度值,但大于移動終端的屏幕寬度值的二分之一,則將該圖像元素的位置屬性值修改為居中顯示;[0064]或者,[0065]第四修改子單元,用于如果所述當前正在解析的頁面元素為超鏈接元素,并且所述超鏈接元素中包含img標簽以及文本,則為所述img標簽加入邊界屬性值;[0066]或者,[0067]第五修改子單元,用于如果所述當前正在解析的頁面元素為分區(qū)元素,則為所述分區(qū)元素加入邊界屬性值。[0068]其中,所述渲染樹構(gòu)造單元包括:[0069]第一屬性去掉子單元,用于將所述當前正在解析的頁面元素包含的寬度高度的絕對屬性、定位屬性、背景圖屬性和/或與文本顯示相關(guān)的屬性去掉;[0070]和/或,[0071]第二屬性去掉子單元,用于將元素盒模型中的邊框與填充屬性去掉。[0072]其中,還包括:[0073]文本顏色修改單元,用于如果將所述當前正在解析的頁面元素的背景圖去掉,修改所述頁面元素中包含的文本的顏色屬性值,以保證在去掉背景圖之后所述文本的辨識度。[0074]其中,所述文本顏色修改單元包括:[0075]第一顏色修改子單元,用于如果頁面元素內(nèi)文本顏色是白色,則設(shè)置所述文本顏色為網(wǎng)頁文本默認顏色;[0076]或者,[0077]第二顏色修改子單元,用于如果網(wǎng)頁元素內(nèi)文本顏色不是白色,并且所述元素背景色不透明,則設(shè)置文本顏色為所述元素背景色具有預(yù)置色差值的顏色;[0078]或者,[0079]第三顏色修改子單元,用于如果網(wǎng)頁元素內(nèi)文本顏色不是白色,并且所述元素背景色透明,則設(shè)置文本顏色為與此網(wǎng)頁的主體元素的背景色具有預(yù)置色差值的顏色。[0080]根據(jù)本發(fā)明提供的具體實施例,本發(fā)明達到了以下技術(shù)效果:如果當前頁面元素對應(yīng)的標簽影響排版,則對影響排版的標簽進行處理,以消除所述標簽對排版的影響,通過對標簽的處理可以避免標簽對應(yīng)的頁面元素對排版的影響;根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點,并且,如果存在影響排版的層疊樣式表css屬性,則將所述影響排版的css屬性去掉,以便按照構(gòu)造的渲染樹在移動終端中對網(wǎng)頁內(nèi)容進行繪制并顯示,將影響排版的CSS屬性去掉,可以避免CSS屬性的設(shè)置而使得頁面元素的顯示效果影響排版。其中對標簽的處理包括對標簽對應(yīng)的CSS屬性的修改,例如將其寬度的絕對屬性修改為相對屬性,因此使得網(wǎng)頁排版可以根據(jù)客戶端屏幕大小來適配不同的客戶端。同時,本發(fā)明實施例中只是將影響排版的標簽CSS屬性進行處理,以及去掉影響排版的CSS屬性,而不用將為頁面元素所設(shè)計的所有CSS樣式去掉,因此,可以從一定程度上保留一些應(yīng)有的畫面效果,保證網(wǎng)頁顯示的生動性。【專利附圖】【附圖說明】[0081]為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案,下面將對實施例中所需要使用的附圖作簡單地介紹,顯而易見地,下面描述中的附圖僅僅是本發(fā)明的一些實施例,對于本領(lǐng)域普通技術(shù)人員來講,在不付出創(chuàng)造性勞動的前提下,還可以根據(jù)這些附圖獲得其他的附圖。[0082]圖1是本發(fā)明實施例提供的方法的流程圖;[0083]圖2是本發(fā)明實施例提供的第一裝置的示意圖;[0084]圖3是本發(fā)明實施例提供的第二裝置的示意圖;[0085]圖4是本發(fā)明實施例提供的第三裝置的示意圖;[0086]圖5是本發(fā)明實施例提供的第四裝置的示意圖?!揪唧w實施方式】[0087]下面將結(jié)合本發(fā)明實施例中的附圖,對本發(fā)明實施例中的技術(shù)方案進行清楚、完整地描述,顯然,所描述的實施例僅僅是本發(fā)明一部分實施例,而不是全部的實施例。基于本發(fā)明中的實施例,本領(lǐng)域普通技術(shù)人員所獲得的所有其他實施例,都屬于本發(fā)明保護的范圍。[0088]S101:接收到通過移動終端訪問網(wǎng)頁的請求,根據(jù)所述請求向網(wǎng)頁服務(wù)器獲取所述網(wǎng)頁對應(yīng)的資源;[0089]首先需要說明的是,當前的網(wǎng)頁瀏覽器大概分成兩種類型:客戶端直接嵌入瀏覽器和c/s(客戶端/代理服務(wù)器)架構(gòu)瀏覽器。其中,前者是直接通過瀏覽器訪問網(wǎng)頁,也艮P,瀏覽器在接收到用戶訪問某網(wǎng)頁的請求之后,直接將該請求發(fā)送到網(wǎng)頁服務(wù)器,獲取網(wǎng)頁服務(wù)器返回的網(wǎng)頁數(shù)據(jù)后,在本地進行解析和渲染,最終進行顯示;后者是將瀏覽器分為客戶端和服務(wù)端兩部分,其中客戶端在用戶終端上運行,服務(wù)端在遠程服務(wù)器上運行,客戶端在接收到用戶訪問網(wǎng)頁的請求之后,首先將請求發(fā)送給自己的服務(wù)端,然后由服務(wù)端訪問網(wǎng)頁服務(wù)器,在獲取到網(wǎng)頁服務(wù)器返回的網(wǎng)頁數(shù)據(jù)后,在服務(wù)端進行解析和渲染計算,然后通過私有協(xié)議將計算的結(jié)果發(fā)送給客戶端,由客戶端根據(jù)計算結(jié)果顯示在用戶終端上,相當于所有的交互都是在服務(wù)端的協(xié)助下完成的。本發(fā)明實施例可以適用于上述任何一種情況。[0090]網(wǎng)頁服務(wù)器在接受到移動終端,如手機,PAD(PersonalDigitalAssistant,個人助理)等,發(fā)送的訪問網(wǎng)頁的http請求時,會返回所述的網(wǎng)頁資源,但是現(xiàn)有的網(wǎng)頁排版和顯示大多數(shù)都是針對傳統(tǒng)的PC(personalcomputer,個人電腦)顯示屏,因此,通過移動終端訪問網(wǎng)頁時,需要對所述的網(wǎng)頁內(nèi)容進行窄排適配,否則會使得網(wǎng)頁內(nèi)容在移動終端中顯示時出現(xiàn)文本內(nèi)容溢出屏幕或者其它不適配的情況。移動終端在發(fā)送訪問網(wǎng)頁請求時,請求信息中可以包含其分辨率信息,因此,可以通過解析請求信息,根據(jù)移動終端的分辨率信息進行相應(yīng)的窄排適配。另外,對于手機瀏覽器來說,也可以是服務(wù)器端預(yù)先保存各型號手機的分辨率信息,此時,只需獲取手機的型號,根據(jù)各型號手機對應(yīng)的分辨率信息進行相應(yīng)的窄排適配。[0091]S102:在對所述網(wǎng)頁資源中包含的頁面元素進行解析,并生成對應(yīng)的渲染樹節(jié)點的解析過程中,判斷當前頁面元素對應(yīng)的標簽是否影響排版,如果存在影響排版的標簽,則對所述影響排版的標簽進行處理,以消除所述標簽對排版的影響;[0092]為了便于理解此步驟,先簡單介紹一下CSS(CascadingStyleSheet,層疊樣式表單)。CSS是一種用來表現(xiàn)HTML(HypertextMarkupLanguage,超文本標記語言)或XML等文件式樣的計算機語言,可以用來進行網(wǎng)頁風格的設(shè)計。例如想要使鏈接字未點擊時是藍色的,當鼠標移動上去后變成紅色且有下劃線,這就是一種風格。此種風格的實現(xiàn)可以通過對相應(yīng)元素的CSS屬性的設(shè)置來實現(xiàn)。[0093]目前利用CSS來控制HTML頁面的顯示效果有以下幾種方式:[0094]1)行內(nèi)方式,可以直接對HTML標簽適用style=""來實現(xiàn)。[0095]2)內(nèi)嵌方式,就是將CSS代碼寫在<head></head>之間,并用<style></style>進行申明。[0096]3)鏈接方式,只需在<head></head>之間加上一個鏈接,將該鏈接的herf屬性值設(shè)置為外部CSS文件名。這種方式實現(xiàn)了HTML文件和CSS文件的徹底分離,使得前期制作和后期維護都十分方便。如果要保持頁面風格統(tǒng)一,只要把這些公共的CSS文件單獨保存成一個文件,其它的頁面就可以分別調(diào)用需要的CSS文件,如需要改變網(wǎng)頁風格,只需要修改公共的CSS文件就可以實現(xiàn)。[0097]4)導(dǎo)入方式,導(dǎo)入方式和鏈接樣式比較相似,米用improt方式導(dǎo)入CSS樣式表,在HTML初始化時,會被導(dǎo)入到HTML文件中,成為文件的一部分。[0098]由于通過鏈接方式來實現(xiàn)CSS對HTML頁面顯示效果的控制,操作方便,同時也便于管理和維護,因此,目前多數(shù)網(wǎng)站都使用鏈接方式來控制頁面顯示效果。[0099]另外,為了便于理解,再簡單介紹一下渲染引擎的基本工作流程。渲染引擎的基本工作流程為:構(gòu)建Dom樹、構(gòu)建Render樹、布局Render樹、繪制Render樹。渲染引擎獲取到HTML頁面資源后,開始解析HTML頁面內(nèi)容,并將其中的標簽轉(zhuǎn)化為Dom樹節(jié)點,并構(gòu)建Dom樹。接著它開始解析CSS文件及style標簽中的樣式信息,這些獲取到的樣式信息和HTML頁面中的可見性指令將被用來構(gòu)建Render樹。Render樹是對Dom樹的更進一步的描述,由元素顯示序列中的可見元素組成,它是文檔的可視化表示,構(gòu)建這棵樹是為了以正確的順序繪制文檔內(nèi)容。渲染對象和Dom元素相對應(yīng),但這種對應(yīng)關(guān)系不一定是一對一的,不可見的Dom元素不會被插入渲染樹,例如head元素。另外,display屬性為none的元素也不會在渲染樹中出現(xiàn)。處理html和body標簽將構(gòu)建渲染樹的根,這個根渲染對象對應(yīng)被css規(guī)范稱為containingblock的元素--包含了其他所有塊元素的頂級塊元素。它的大小就是viewport-瀏覽器窗口的顯示區(qū)域,F(xiàn)irefox稱它為viewPortFrame,webkit稱為RenderView,這個就是文檔所指向的渲染對象,樹中其他的部分都將作為一個插入的Dom節(jié)點被創(chuàng)建。[0100]在渲染樹中,每個節(jié)點(渲染對象)都有其對應(yīng)的樣式,因此創(chuàng)建渲染樹需要計算出每個渲染對象的可視屬性,這可以通過計算每個元素的樣式屬性得到。樣式包括各種來源的樣式表,行內(nèi)樣式元素及html中的可視化屬性(例如bgcolor),可視化屬性轉(zhuǎn)化為CSS樣式屬性。樣式表來源于瀏覽器默認樣式表,及頁面作者和用戶提供的樣式表-有些樣式是瀏覽器用戶提供的(瀏覽器允許用戶定義喜歡的樣式,例如,在Firefox中,可以通過在FirefoxProfile目錄下放置樣式表實現(xiàn)。[0101]本發(fā)明實施例就是在渲染引擎生成渲染樹階段,通過修改頁面元素的CSS屬性,實現(xiàn)了計算出的頁面元素的樣式可以適配在不同尺寸的移動終端屏幕上的效果。具體修改頁面元素的屬性是針對webkit中的類RenderStyle來進行的。因為此類中各成員即對應(yīng)CSS的各種樣式。下面進行詳細說明。[0102]在瀏覽器渲染引擎構(gòu)建渲染樹階段,將會獲取頁面元素的CSS樣式信息。但是,此時獲取的CSS樣式信息并不能直接套用到移動終端,因為現(xiàn)有的網(wǎng)頁主要是針對PC顯示屏,因此其中的一些頁面元素的CSS樣式并不適合移動終端顯示,所以,在獲取到頁面元素的CSS樣式信息后,如果當前頁面元素對應(yīng)的標簽影響排版,則需要對影響排版的標簽進行處理,以消除所述標簽對排版的影響。其中,所述的影響排版的標簽包括表格及相關(guān)的子標簽(包括表格頭、表格體、表格行)、表單輸入控件、下拉菜單/列表、文本域、圖像、超鏈接、分區(qū),普通卷動、包含對象、嵌入元素、下標、上標,內(nèi)聯(lián)框架等等。具體在對這些標簽進行處理時,可以針對不同的情況進行不同的處理,例如,其中一種處理方式可以是:針對一些特殊的標簽,在對影響排版的標簽進行處理時,還可以采用直接將這種影響排版的標簽去掉的方式,也就是說,保留當前的頁面元素,但是將原來為該元素設(shè)定的標簽去掉,使得該元素不再顯示成原來的標簽所設(shè)定的樣式。具體去掉的方式可以是,將該標簽的disply屬性設(shè)置為none。例如:[0103](1)普通卷動(marquee)[0104]Marquee標簽是用來控制字體滾動的。因為部分手機客戶端不支持marquee的滾動功能,或者支持的效果不太好,為了不影響排版效果,可以通過處理該標簽的顯示屬性,去掉該標簽。去掉標簽之后,標簽內(nèi)的內(nèi)容在網(wǎng)頁中顯示時將不再有滾動的效果。[0105](2)下標(sub)、上標(sup)[0106]Sub用來定義下標文本,包含在標簽內(nèi)的文本在基線以下按正常文本高度的一半來顯示。sup用來定義上標文本,包含在標簽內(nèi)的文本在基線以上按正常文本高度的一半來顯示。這兩個角標元素會造成整體排版不整齊,元素布局混亂,所以如果頁面中存在以上標簽,可以將標簽去掉。去掉標簽后,角標標簽內(nèi)的內(nèi)容可以按照普通文本的樣式顯示,即與普通文本處于同一基線,字體信息一致。[0107]另外,對影響排版的標簽進行處理還可以是將標簽對應(yīng)的當前頁面元素去掉。例如,如果當前正在解析的頁面元素為前述普通卷動元素、下標元素或上標元素,則直接將這種頁面元素去掉。也就是說,在渲染樹中不再存在該頁面元素對應(yīng)的節(jié)點,進而在網(wǎng)頁中也就不會再繪制并顯示該頁面元素,顯然,也就可以消除該頁面元素對排版的影響。[0108]當然,具體實現(xiàn)時,除了上述普通卷動元素、下標元素或上標元素可以直接去掉之夕卜,包含對象(object)、嵌入(embed)的頁面元素也可以直接去掉。其中,object和embed嵌入元素都是用來向頁面中添加多媒體文件,如音頻、視頻、flash等。object標簽是用于windows平臺的IE瀏覽器的,而embed是用于windows和Macintosh平臺下的NetscapeNavigator瀏覽器以及Macintosh平臺下的IE瀏覽器。一般為了確保大多數(shù)瀏覽器能正常顯示flash,需要把embed標簽嵌套放在object標簽內(nèi)。支持ActiveX控件的瀏覽器將會忽略object標簽內(nèi)的embed標簽。Netscape和使用插件的IE瀏覽器將只讀取embed標簽而不會識別object標簽。例如,〈objectclassid=〃clsid:R)8DF954-8592-llDl-B16A-00C0F0283628"id="Sliderl"width="100"height=〃50">〈/object>,其中,classid用于定義嵌入網(wǎng)頁中的類的ID值,此屬性可用來指定瀏覽器中包含的對象的位置,通常是一個Java類。但是目前大多數(shù)的手機瀏覽器不支持flash動畫,如果頁面中包含上述的兩個元素,為了不影響排版效果,則可以去掉這種頁面元素。將這種頁面元素去掉后,網(wǎng)頁內(nèi)將不再顯示具體的視頻、音頻、flash等元素。[0109]另外,對標簽的處理還可以是將影響排版的標簽中定義的CSS屬性值進行修改,也就是說,保留當前的頁面元素及其標簽,但需要對標簽中為該元素定義的屬性值進行修改,以使得該標簽不再影響排版。例如,具體實現(xiàn)時可以針對以下各類元素的標簽分別進行屬性值的修改:[0110](1)表格(table)及相應(yīng)的內(nèi)聯(lián)元素(th、td、tr)[0111]網(wǎng)頁設(shè)計者經(jīng)常會使用表格來使得頁面格局整齊有序,一個表格內(nèi)通常會有多列多行,而行寬通常是適應(yīng)PC顯示屏幕的,因此對于移動終端顯示屏幕來說,就會出現(xiàn)表格行寬大于屏幕寬度的情況,由于表格單元無法自動換行,進而使得部分表格內(nèi)容溢出屏幕。因此,如果當前正在解析的頁面元素為表格元素時,可以通過CSS選擇器對表格元素及表格元素的內(nèi)聯(lián)元素的層疊樣式表屬性進行相應(yīng)的修改,使得表格內(nèi)容可以自動換行,從而適應(yīng)不同尺寸大小的屏幕。[0112](2)表單輸入控件(input)、下拉菜單/列表(select)、文本域(textarea)或內(nèi)聯(lián)框架(iframe)[0113]表單輸入控件(Input)表示Form表單的一種輸入對象,其又隨Type類型的不同而分為文本輸入框,密碼輸入框,單選/復(fù)選框,提交/重置按鈕等。下拉菜單/列表(Select)元素可創(chuàng)建單選或多選菜單。文本域(textarea)是定義多行的文本輸入控件,文本區(qū)中可容納無限數(shù)量的文本。iframe元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架(即行內(nèi)框架)。[0114]如果當前正在解析的頁面元素為以上所述的任一或多個元素,并且元素的寬度屬性為絕對數(shù)值時,則將寬度修改為相對寬度,其屬性值為100%,使得其內(nèi)容可以占滿手機屏幕寬度。因為絕對值寬度可能會帶來屏幕留白或者折行問題,給排版造成影響。例如,在默認的情況下,iframe的寬度是300px,當移動終端屏幕寬度大于300px的時候,就會出現(xiàn)屏幕右側(cè)大幅空白,因此,可以將iframe的寬度屬性修改為相對寬度,屬性值為100%。此時iframe內(nèi)文本內(nèi)容可以始終占滿屏幕。[0115](3)圖像(img)[0116]Img元素用來在網(wǎng)頁中插入一幅圖片,該元素的width屬性,是用于指定圖片插入網(wǎng)頁后顯示的寬度,該寬度可能會影響到排版,因此,如果當前正在解析的頁面元素為圖像元素時也需要進行修改。具體的,可以首先獲取到圖像元素的Width值,將其與移動終端的屏幕寬度值做對比,當Width值大于移動終端的屏幕寬度時,將width值進行與屏幕大小等比例的縮放,具體操作可以為setstyle(Length(Auto)),使其能根據(jù)屏幕大小正常顯示。如果圖片寬度沒有超出屏幕寬度,但是超過屏幕寬度的二分之一,可以將其位置屬性值修改為居中顯示,使其能在移動終端屏幕上居中顯示。[0117]⑷超鏈接(a)[0118]在a標簽中,可以插入img標簽,此時img標簽中插入的圖片就成為圖像超鏈接,點擊圖片的任何一部分都可以打開該超鏈接。為了避免該圖片與標簽對應(yīng)的其他文本在顯示時相重疊,為所述img標簽加入邊界屬性值(margin),同時為了避免兩個相鄰的超鏈接連接到一起,可以為a標簽設(shè)置邊界屬性。margin這個簡寫屬性可以設(shè)置一個元素所有外邊距的寬度,或者設(shè)置各邊上外邊距的寬度。[0119](5)分區(qū)(div)[0120]DIV元素是用來為HTML文檔內(nèi)大塊(block-level)的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標簽和結(jié)束標簽之間的所有內(nèi)容都是用來構(gòu)成這個塊的,其中所包含元素的特性由DIV標簽的屬性來控制,或者是通過使用樣式表格式化這個塊來進行控制。如果當前正在解析的頁面元素為分區(qū)元素,為了避免父子和兄弟分區(qū)之間的邊框重疊,可以為每一個div元素設(shè)置margin屬性。[0121]需要說明的是,對于移動終端所要訪問的網(wǎng)頁來說,不一定會包含全部上述所說的影響排版的標簽,有可能只包含其中的一個或多個。因此,在具體實施的過程中,可以根據(jù)不同頁面的實際情況,對頁面內(nèi)出現(xiàn)的一個或多個上述影響排版的標簽進行處理。[0122]S103:根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點,并且,如果判斷是否存在影響排版的層疊樣式表CSS屬性,如果存在影響排版的層疊樣式表CSS屬性,則去除將所述影響排版的CSS屬性去掉,以便之后按照構(gòu)造的渲染樹在移動終端中對網(wǎng)頁內(nèi)容進行繪制并顯示。[0123]渲染引擎在生成渲染樹時,對于每個節(jié)點都需要計算其對應(yīng)的樣式,也即需要將獲取的CSS樣式屬性值應(yīng)用到對應(yīng)的節(jié)點。由于有些頁面元素的CSS屬性也會影響到排版,因此在此計算樣式的過程中,需要將這些相應(yīng)的屬性去掉,不將其應(yīng)用到對應(yīng)的節(jié)點上,以消除該屬性對排版的影響。其中,這些影響排版的屬性可以包括:寬高的絕對值屬性、元素盒模型中的邊框與填充屬性、設(shè)置背景圖的屬性、與文本顯示相關(guān)的屬性。在本實施例中對這些屬性的處理具體為:[0124](1)寬高的絕對屬性[0125]對于絕對值給定的寬高屬性(width、min-width、max-width、height、min_height、max-height、size),會使頁面內(nèi)容在適配手機屏幕時出現(xiàn)不成比例或者是溢出手機屏幕的現(xiàn)象。例如,原網(wǎng)頁中某些元素的CSS屬性中寬度值為給定的絕對值,假設(shè)其寬度屬性值為width:320px,由于其給定的是絕對值,因此,對于任何瀏覽器在解析后都將其理解為寬度是320px,那么對于屏幕寬度小于320px的顯示器來說,就會出現(xiàn)內(nèi)容溢出屏幕的現(xiàn)象。因此為了不影響排版,需將以上所述的寬高相關(guān)的絕對值屬性過濾掉。[0126](2)元素盒模型中的邊界(margin)與填充(padding)屬性[0127]CSS會將所有的網(wǎng)頁元素都看做是一個矩形框,這些框由元素的內(nèi)容、填充、邊框(border)和邊界組成。填充是元素的內(nèi)容與邊框之間的空間。邊界是一個元素與另一個元素之間的間隔。元素的邊界和填充屬性會造成網(wǎng)頁中文本內(nèi)容折行和屏幕遺留空白的問題,因此需要將這些屬性過濾掉。[0128](3)定位屬性[0129]與元素的位置相關(guān)的屬性(position,center,align,left,right,bottom,top,text-align),會使得頁面元素在與手機屏幕相適配的過程出現(xiàn)位置顯示不恰當或者溢出手機屏幕的現(xiàn)象,給排版造成很大問題,因此需要將這些屬性過濾掉。[0130](4)背景圖屬性[0131]背景圖(background-image)屬性為元素設(shè)置背景圖像。元素的背景占據(jù)了元素的全部尺寸,包括內(nèi)邊距和邊框,但不包括外邊距。默認地,背景圖像位于元素的左上角,并在水平和垂直方向上重復(fù)。[0132]在對手機屏幕適配的過程中,由于無法處理大背景圖的切割和小背景圖的重復(fù),因此將background-image屬性過濾掉。由于去掉了背景圖,因此會造成顏色與背景色相同的文本無法顯示,所以還可以重新設(shè)置文本的顏色屬性值,以保證在去掉背景圖之后所述文本的辨識度。具體實施時可以是:如果頁面元素內(nèi)文本顏色是白色,則設(shè)置文本顏色為網(wǎng)頁文本默認顏色;如果網(wǎng)頁元素內(nèi)文本顏色不是白色,并且元素背景色不透明,則設(shè)置文本顏色為與元素背景色具有一定色差值的顏色;如果網(wǎng)頁元素內(nèi)文本顏色不是白色,并且元素的背景色透明,則設(shè)置文本顏色為與此網(wǎng)頁的主體元素(body元素)的背景色具有一定色差值的顏色。其中,具體的色差值可以是根據(jù)經(jīng)驗值等預(yù)先設(shè)置的。[0133](5)與文本顯示相關(guān)的屬性[0134]文本自動換行(word-wrap)屬性用來控制當前行超過指定容器的邊界時是否斷開轉(zhuǎn)行,默認值為允許內(nèi)容頂開指定的容器邊界,如果選擇屬性值為break-word,則內(nèi)容將在邊界內(nèi)換行。text-indent屬性用來控制文本塊中首行文字縮進。這些與文本顯示相關(guān)的屬性都會造成網(wǎng)頁中文字的折行和遺留空白的問題,因此需要過濾掉這些屬性。[0135]具體在去掉影響排版的屬性時,可以如下進行:對當前頁面元素的所有屬性進行輪詢,輪詢到某個需要去掉的屬性時,直接進行回車操作,而不再為該屬性賦予任何的屬性值,這樣就相當于去掉了該屬性。[0136]經(jīng)過對頁面元素對應(yīng)的標簽進行處理后,由于去掉了影響排版的標簽及頁面元素或者重新設(shè)置了標簽的CSS屬性,同時對頁面元素的影響排版的CSS屬性進行了過濾,因此渲染及布局之后,移動終端所請求的網(wǎng)頁內(nèi)容就可以正常顯示在其屏幕上,而不會出現(xiàn)不適配的情況。[0137]另外,為了使得html頁面能夠在手機上正常顯示,現(xiàn)有技術(shù)還有如下實現(xiàn)方式:通過WAP轉(zhuǎn)碼服務(wù)器將HTML頁面轉(zhuǎn)換為WAP格式,由具備完整WAP解析能力的手機客戶端完成排版和屏幕繪制,但是這樣做使得原頁面的JAVASCRIPT被過濾,原頁面上依賴瀏覽器引擎解析JAVASCRIPT后才能支持的功能缺失。而本發(fā)明實施例中是對原HTML頁面中的元素屬性進行相應(yīng)的適配處理,無需對原HTML頁面進行精簡。因此,原網(wǎng)頁的JAVASCRIPT可以全部保留,無需做過濾處理,從而可以保證JAVASCRIPT的所有效果都可以在移動終端屏、tPi,J人〇[0138]與本發(fā)明實施例提供的在移動終端中顯示網(wǎng)頁的方法相對應(yīng),本發(fā)明實施例還提供了一種在移動終端中顯示網(wǎng)頁的裝置,參見圖2,該裝置可以包括:[0139]資源獲取單元201,用于接收到通過移動終端訪問網(wǎng)頁的請求,根據(jù)所述請求向網(wǎng)頁服務(wù)器獲取所述網(wǎng)頁對應(yīng)的資源;[0140]標簽處理單元202,用于在對所述網(wǎng)頁資源中包含的頁面元素進行解析,解析過程中,判斷當前頁面元素對應(yīng)的標簽是否影響排版,如果存在影響排版的標簽,則對所述影響排版的標簽進行處理,以消除所述標簽對排版的影響;[0141]渲染樹構(gòu)造單元203,用于根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點,判斷是否存在影響排版的層疊樣式表CSS屬性,如果存在影響排版的層疊樣式表CSS屬性,則去除影響排版的CSS屬性,之后按照構(gòu)造的渲染樹在移動終端中對網(wǎng)頁內(nèi)容進行繪制并顯示。[0142]具體實現(xiàn)時,針對一些特殊的標簽,參見圖3,標簽處理單元202可以包括:[0143]標簽去掉子單元2021,用于將影響排版的標簽去掉,以便在根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點時,將該標簽對應(yīng)的頁面元素作為普通文本處理。[0144]其中,標簽去掉子單元具體用于:如果所述當前正在解析的頁面元素為普通卷動元素、下標元素或上標元素,則將這種頁面元素的標簽去掉。[0145]或者,參見圖4,標簽處理單元202也可以包括:[0146]元素去掉子單元2022,用于將當前頁面元素去掉,以便在根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點時,不再生成該頁面元素對應(yīng)的節(jié)點。[0147]其中,元素去掉子單元具體可以用于:如果所述當前正在解析的頁面元素為普通卷動元素、包含對象的元素、嵌入頁面的元素、下標元素或上標元素,則將這種頁面元素去掉。[0148]再者,參見圖5,標簽處理單元202還可以包括:[0149]屬性值修改子單元2023,用于將影響排版的標簽中定義的CSS屬性值進行修改;[0150]相應(yīng)的,渲染樹構(gòu)造單元203還可以用于:[0151]利用修改后的CSS屬性值為渲染樹中該頁面元素對應(yīng)的節(jié)點的CSS屬性進行賦值。[0152]其中,所述屬性值修改子單元具體可以包括:[0153]第一修改子單元,用于當所述當前正在解析的頁面元素為表格元素時,對表格元素及表格元素的內(nèi)聯(lián)元素的CSS值進行修改,以便所述表格元素能夠自動換行;[0154]或者,[0155]第二修改子單元,用于當所述當前正在解析的頁面元素為表單輸入控件、下拉菜單/列表、文本域或內(nèi)聯(lián)框架元素,并且存在表示其寬度的絕對數(shù)值時,將所述絕對數(shù)值修改為相對數(shù)值;[0156]或者,[0157]第三修改子單元,用于當所述當前正在解析的頁面元素為圖像元素時,比較該圖像元素的width值與移動終端的屏幕寬度值,如果所述width值大于移動終端的屏幕寬度值,則按照所述Width值與移動終端的屏幕寬度之間的比例,等比例縮小所述width值;如果所述width值小于移動終端的屏幕寬度值,但大于移動終端的屏幕寬度值的二分之一,則將該圖像元素的位置屬性值修改為居中顯示;[0158]或者,[0159]第四修改子單元,用于如果所述當前正在解析的頁面元素為超鏈接元素,并且所述超鏈接元素中包含img標簽以及文本,則為所述img標簽加入邊界屬性值;[0160]或者,[0161]第五修改子單元,用于如果所述當前正在解析的頁面元素為分區(qū)元素,則為所述分區(qū)元素加入邊界屬性值。[0162]在實際應(yīng)用中,渲染樹構(gòu)造單元203可以包括:[0163]第一屬性去掉子單元,用于將所述當前正在解析的頁面元素包含的寬度高度的絕對屬性、定位屬性、背景圖屬性和/或與文本顯示相關(guān)的屬性去掉;[0164]和/或,[0165]第二屬性去掉子單元,用于將元素盒模型中的邊框與填充屬性去掉。[0166]其中,為了保證文本的可辨識度,該裝置還可以包括:[0167]文本顏色修改單元,用于如果將所述當前正在解析的頁面元素的背景圖去掉,修改所述頁面元素中包含的文本的顏色屬性值,以保證在去掉背景圖之后所述文本的辨識度。[0168]其中,文本顏色修改單元具體可以包括:[0169]第一顏色修改子單元,用于如果頁面元素內(nèi)文本顏色是白色,則設(shè)置所述文本顏色為網(wǎng)頁文本默認顏色;[0170]或者,[0171]第二顏色修改子單元,用于如果網(wǎng)頁元素內(nèi)文本顏色不是白色,并且所述元素背景色不透明,則設(shè)置文本顏色為所述元素背景色具有預(yù)置色差值的顏色;[0172]或者,[0173]第三顏色修改子單元,用于如果網(wǎng)頁元素內(nèi)文本顏色不是白色,并且所述元素背景色透明,則設(shè)置文本顏色為與此網(wǎng)頁的主體元素的背景色具有預(yù)置色差值的顏色。[0174]通過以上的實施方式的描述可知,本領(lǐng)域的技術(shù)人員可以清楚地了解到本發(fā)明可借助軟件加必需的通用硬件平臺的方式來實現(xiàn)?;谶@樣的理解,本發(fā)明的技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來,該計算機軟件產(chǎn)品可以存儲在存儲介質(zhì)中,如R0M/RAM、磁碟、光盤等,包括若干指令用以使得一臺計算機設(shè)備(可以是個人計算機,服務(wù)器,或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個實施例或者實施例的某些部分所述的方法。[0175]本說明書中的各個實施例均采用遞進的方式描述,各個實施例之間相同相似的部分互相參見即可,每個實施例重點說明的都是與其他實施例的不同之處。尤其,對于裝置或系統(tǒng)實施例而言,由于其基本相似于方法實施例,所以描述得比較簡單,相關(guān)之處參見方法實施例的部分說明即可。以上所描述的裝置及系統(tǒng)實施例僅僅是示意性的,其中所述作為分離部件說明的單元可以是或者也可以不是物理上分開的,作為單元顯示的部件可以是或者也可以不是物理單元,即可以位于一個地方,或者也可以分布到多個網(wǎng)絡(luò)單元上。可以根據(jù)實際的需要選擇其中的部分或者全部模塊來實現(xiàn)本實施例方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性勞動的情況下,即可以理解并實施。[0176]以上對本發(fā)明所提供的在移動終端中顯示網(wǎng)頁的方法及裝置,進行了詳細介紹,本文中應(yīng)用了具體個例對本發(fā)明的原理及實施方式進行了闡述,以上實施例的說明只是用于幫助理解本發(fā)明的方法及其核心思想;同時,對于本領(lǐng)域的一般技術(shù)人員,依據(jù)本發(fā)明的思想,在【具體實施方式】及應(yīng)用范圍上均會有改變之處。綜上所述,本說明書內(nèi)容不應(yīng)理解為對本發(fā)明的限制。[0177]根據(jù)本發(fā)明的實施例,公開了:[0178]A1、一種在移動終端中顯示網(wǎng)頁的方法,其特征在于,包括:[0179]接收到通過移動終端訪問網(wǎng)頁的請求,根據(jù)所述請求向網(wǎng)頁服務(wù)器獲取所述網(wǎng)頁對應(yīng)的資源;[0180]對所述網(wǎng)頁資源中包含的頁面元素進行解析,解析過程中判斷當前頁面元素對應(yīng)的標簽是否影響排版,如果存在影響排版的標簽,則對所述影響排版的標簽進行處理;[0181]根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點,判斷是否存在影響排版的層疊樣式表CSS屬性,如果存在影響排版的層疊樣式表CSS屬性,則去除影響排版的CSS屬性,之后按照構(gòu)造的渲染樹對網(wǎng)頁內(nèi)容進行繪制并顯示。[0182]A2、根據(jù)權(quán)利要求A1所述的方法,其特征在于,所述對所述影響排版的標簽進行處理包括:[0183]將影響排版的標簽去掉,以便在根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點時,將該標簽對應(yīng)的頁面元素作為普通文本處理。[0184]A3、根據(jù)權(quán)利要求A2所述的方法,其特征在于,所述將影響排版的標簽去掉包括:[0185]如果所述當前正在解析的頁面元素為普通卷動元素、下標元素或上標元素,則將這種頁面元素的標簽去掉。[0186]A4、根據(jù)權(quán)利要求A1所述的方法,其特征在于,所述對所述影響排版的標簽進行處理包括:[0187]將當前頁面元素去掉,以便在根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點時,不再生成該頁面元素對應(yīng)的節(jié)點。[0188]A5、根據(jù)權(quán)利要求A4所述的方法,其特征在于,所述將當前頁面元素去掉包括:[0189]如果所述當前正在解析的頁面元素為普通卷動元素、包含對象的元素、嵌入頁面的元素、下標元素或上標元素,則將這種頁面元素去掉。[0190]A6、根據(jù)權(quán)利要求1所述的方法,其特征在于,所述對所述影響排版的標簽進行處理包括:[0191]將影響排版的標簽中定義的CSS屬性值進行修改;[0192]所述根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點包括:[0193]利用修改后的CSS屬性值為渲染樹中該頁面元素對應(yīng)的節(jié)點的CSS屬性進行賦值。[0194]A7、根據(jù)權(quán)利要求A6所述的方法,其特征在于,所述將影響排版的標簽中定義的CSS屬性值進行修改包括:[0195]當所述當前正在解析的頁面元素為表格元素時,對表格元素及表格元素的內(nèi)聯(lián)元素的CSS值進行修改,以便所述表格元素能夠自動換行;[0196]或者,[0197]當所述當前正在解析的頁面元素為表單輸入控件、下拉菜單/列表、文本域或內(nèi)聯(lián)框架元素,并且存在表示其寬度的絕對數(shù)值時,將所述絕對數(shù)值修改為相對數(shù)值;[0198]或者,[0199]當所述當前正在解析的頁面元素為圖像元素時,比較該圖像元素的width值與移動終端的屏幕寬度值,如果所述width值大于移動終端的屏幕寬度值,則按照所述width值與移動終端的屏幕寬度之間的比例,等比例縮小所述Width值;如果所述width值小于移動終端的屏幕寬度值,但大于移動終端的屏幕寬度值的二分之一,則將該圖像元素的位置屬性值修改為居中顯示;[0200]或者,[0201]如果所述當前正在解析的頁面元素為超鏈接元素,并且所述超鏈接元素中包含img標簽以及文本,則為所述img標簽加入邊界屬性值;[0202]或者,[0203]如果所述當前正在解析的頁面元素為分區(qū)元素,則為所述分區(qū)元素加入邊界屬性值。[0204]A8、根據(jù)權(quán)利要求A1所述的方法,所述將渲染樹節(jié)點中包含的影響排版的CSS屬性去掉包括:[0205]將所述當前正在解析的頁面元素包含的寬度高度的絕對屬性、定位屬性、背景圖屬性和/或與文本顯示相關(guān)的屬性去掉;[0206]和/或,[0207]將元素盒模型中的邊框與填充屬性去掉。[0208]A9、根據(jù)權(quán)利要求A8所述的方法,其特征在于,如果將所述當前正在解析的頁面元素的背景圖去掉,則還包括:[0209]修改所述頁面元素中包含的文本的顏色屬性值,以保證在去掉背景圖之后所述文本的辨識度。[0210]A10、根據(jù)權(quán)利要求A9所述的方法,其特征在于,所述修改所述頁面元素中包含的文本的顏色屬性值,包括:[0211]如果頁面元素內(nèi)文本顏色是白色,則設(shè)置所述文本顏色為網(wǎng)頁文本默認顏色;[0212]或者,[0213]如果網(wǎng)頁元素內(nèi)文本顏色不是白色,并且所述元素背景色不透明,則設(shè)置文本顏色為所述元素背景色具有預(yù)置色差值的顏色;[0214]或者,[0215]如果網(wǎng)頁元素內(nèi)文本顏色不是白色,并且所述元素背景色透明,則設(shè)置文本顏色為與此網(wǎng)頁的主體元素的背景色具有預(yù)置色差值的顏色。[0216]B11、一種在移動終端中顯示網(wǎng)頁的裝置,其特征在于,包括:[0217]資源獲取單元,用于接收到通過移動終端訪問網(wǎng)頁的請求,根據(jù)所述請求向網(wǎng)頁服務(wù)器獲取所述網(wǎng)頁對應(yīng)的資源;[0218]標簽處理單元,用于對所述網(wǎng)頁資源中包含的頁面元素進行解析,解析過程中,判斷當前頁面元素對應(yīng)的標簽是否影響排版,如果存在影響排版的標簽,則對所述影響排版的標簽進行處理;[0219]渲染樹構(gòu)造單元,用于根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點,判斷是否存在影響排版的層疊樣式表CSS屬性,如果存在影響排版的層疊樣式表CSS屬性,則去除影響排版的CSS屬性,之后按照構(gòu)造的渲染樹對網(wǎng)頁內(nèi)容進行繪制并顯示。[0220]B12、根據(jù)權(quán)利要求B11所述的裝置,其特征在于,所述標簽處理單元包括:[0221]標簽去掉子單元,用于將影響排版的標簽去掉,以便在根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點時,將該標簽對應(yīng)的頁面元素作為普通文本處理。[0222]B13、根據(jù)權(quán)利要求B12所述的裝置,其特征在于,所述標簽去掉子單元具體用于:如果所述當前正在解析的頁面元素為普通卷動元素、下標元素或上標元素,則將這種頁面元素的標簽去掉。[0223]B14、根據(jù)權(quán)利要求B11所述的裝置,其特征在于,所述標簽處理單元包括:[0224]元素去掉子單元,用于將當前頁面元素去掉,以便在根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點時,不再生成該頁面元素對應(yīng)的節(jié)點。[0225]B15、根據(jù)權(quán)利要求B14所述的裝置,其特征在于,所述元素去掉子單元具體用于:如果所述當前正在解析的頁面元素為普通卷動元素、包含對象的元素、嵌入頁面的元素、下標元素或上標元素,則將這種頁面元素去掉。[0226]B16、根據(jù)權(quán)利要求B11所述的裝置,其特征在于,所述標簽處理單元包括:[0227]屬性值修改子單元,用于將影響排版的標簽中定義的CSS屬性值進行修改;[0228]所述渲染樹構(gòu)造單元還用于:[0229]利用修改后的CSS屬性值為渲染樹中該頁面元素對應(yīng)的節(jié)點的CSS屬性進行賦值。[0230]B17、根據(jù)權(quán)利要求B16所述的裝置,其特征在于,所述屬性值修改子單元包括:[0231]第一修改子單元,用于當所述當前正在解析的頁面元素為表格元素時,對表格元素及表格元素的內(nèi)聯(lián)元素的CSS值進行修改,以便所述表格元素能夠自動換行;[0232]或者,[0233]第二修改子單元,用于當所述當前正在解析的頁面元素為表單輸入控件、下拉菜單/列表、文本域或內(nèi)聯(lián)框架元素,并且存在表示其寬度的絕對數(shù)值時,將所述絕對數(shù)值修改為相對數(shù)值;[0234]或者,[0235]第三修改子單元,用于當所述當前正在解析的頁面元素為圖像元素時,比較該圖像元素的width值與移動終端的屏幕寬度值,如果所述width值大于移動終端的屏幕寬度值,則按照所述width值與移動終端的屏幕寬度之間的比例,等比例縮小所述width值;如果所述width值小于移動終端的屏幕寬度值,但大于移動終端的屏幕寬度值的二分之一,則將該圖像元素的位置屬性值修改為居中顯示;[0236]或者,[0237]第四修改子單元,用于如果所述當前正在解析的頁面元素為超鏈接元素,并且所述超鏈接元素中包含img標簽以及文本,則為所述img標簽加入邊界屬性值;[0238]或者,[0239]第五修改子單元,用于如果所述當前正在解析的頁面元素為分區(qū)元素,則為所述分區(qū)元素加入邊界屬性值。[0240]B18、根據(jù)權(quán)利要求B11所述的裝置,所述渲染樹構(gòu)造單元包括:[0241]第一屬性去掉子單元,用于將所述當前正在解析的頁面元素包含的寬度高度的絕對屬性、定位屬性、背景圖屬性和/或與文本顯示相關(guān)的屬性去掉;[0242]和/或,[0243]第二屬性去掉子單元,用于將元素盒模型中的邊框與填充屬性去掉。[0244]B19、根據(jù)權(quán)利要求B18所述的裝置,其特征在于,還包括:[0245]文本顏色修改單元,用于如果將所述當前正在解析的頁面元素的背景圖去掉,修改所述頁面元素中包含的文本的顏色屬性值,以保證在去掉背景圖之后所述文本的辨識度。[0246]B20、根據(jù)權(quán)利要求B19所述的裝置,其特征在于,所述文本顏色修改單元包括:[0247]第一顏色修改子單元,用于如果頁面元素內(nèi)文本顏色是白色,則設(shè)置所述文本顏色為網(wǎng)頁文本默認顏色;[0248]或者,[0249]第二顏色修改子單元,用于如果網(wǎng)頁元素內(nèi)文本顏色不是白色,并且所述元素背景色不透明,則設(shè)置文本顏色為所述元素背景色具有預(yù)置色差值的顏色;[0250]或者,[0251]第三顏色修改子單元,用于如果網(wǎng)頁元素內(nèi)文本顏色不是白色,并且所述元素背景色透明,則設(shè)置文本顏色為與此網(wǎng)頁的主體元素的背景色具有預(yù)置色差值的顏色。【權(quán)利要求】1.一種在移動終端中顯示網(wǎng)頁的方法,其特征在于,包括:接收到通過移動終端訪問網(wǎng)頁的請求,根據(jù)所述請求向網(wǎng)頁服務(wù)器獲取所述網(wǎng)頁對應(yīng)的資源;對所述網(wǎng)頁資源中包含的頁面元素進行解析,解析過程中判斷當前頁面元素對應(yīng)的標簽是否影響排版,如果存在影響排版的標簽,則對所述影響排版的標簽進行處理;根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點,判斷是否存在影響排版的層疊樣式表CSS屬性,如果存在影響排版的層疊樣式表CSS屬性,則去除影響排版的CSS屬性,之后按照構(gòu)造的渲染樹對網(wǎng)頁內(nèi)容進行繪制并顯示。2.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述對所述影響排版的標簽進行處理包括:將影響排版的標簽去掉,以便在根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點時,將該標簽對應(yīng)的頁面元素作為普通文本處理。3.根據(jù)權(quán)利要求2所述的方法,其特征在于,所述將影響排版的標簽去掉包括:如果所述當前正在解析的頁面元素為普通卷動元素、下標元素或上標元素,則將這種頁面元素的標簽去掉。4.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述對所述影響排版的標簽進行處理包括:將當前頁面元素去掉,以便在根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點時,不再生成該頁面元素對應(yīng)的節(jié)點。5.根據(jù)權(quán)利要求4所述的方法,其特征在于,所述將當前頁面元素去掉包括:如果所述當前正在解析的頁面元素為普通卷動元素、包含對象的元素、嵌入頁面的元素、下標元素或上標元素,則將這種頁面元素去掉。6.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述對所述影響排版的標簽進行處理包括:將影響排版的標簽中定義的CSS屬性值進行修改;所述根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點包括:利用修改后的CSS屬性值為渲染樹中該頁面元素對應(yīng)的節(jié)點的CSS屬性進行賦值。7.根據(jù)權(quán)利要求6所述的方法,其特征在于,所述將影響排版的標簽中定義的CSS屬性值進行修改包括:當所述當前正在解析的頁面元素為表格元素時,對表格元素及表格元素的內(nèi)聯(lián)元素的CSS值進行修改,以便所述表格元素能夠自動換行;或者,當所述當前正在解析的頁面元素為表單輸入控件、下拉菜單/列表、文本域或內(nèi)聯(lián)框架元素,并且存在表示其寬度的絕對數(shù)值時,將所述絕對數(shù)值修改為相對數(shù)值;或者,當所述當前正在解析的頁面元素為圖像元素時,比較該圖像元素的Width值與移動終端的屏幕寬度值,如果所述width值大于移動終端的屏幕寬度值,則按照所述width值與移動終端的屏幕寬度之間的比例,等比例縮小所述width值;如果所述width值小于移動終端的屏幕寬度值,但大于移動終端的屏幕寬度值的二分之一,則將該圖像元素的位置屬性值修改為居中顯示;或者,如果所述當前正在解析的頁面元素為超鏈接元素,并且所述超鏈接元素中包含img標簽以及文本,則為所述img標簽加入邊界屬性值;或者,如果所述當前正在解析的頁面元素為分區(qū)元素,則為所述分區(qū)元素加入邊界屬性值。8.根據(jù)權(quán)利要求1所述的方法,所述將渲染樹節(jié)點中包含的影響排版的CSS屬性去掉包括:將所述當前正在解析的頁面元素包含的寬度高度的絕對屬性、定位屬性、背景圖屬性和/或與文本顯示相關(guān)的屬性去掉;和/或,將元素盒模型中的邊框與填充屬性去掉。9.根據(jù)權(quán)利要求8所述的方法,其特征在于,如果將所述當前正在解析的頁面元素的背景圖去掉,則還包括:修改所述頁面元素中包含的文本的顏色屬性值,以保證在去掉背景圖之后所述文本的辨識度。10.-種在移動終端中顯示網(wǎng)頁的裝置,其特征在于,包括:資源獲取單元,用于接收到通過移動終端訪問網(wǎng)頁的請求,根據(jù)所述請求向網(wǎng)頁服務(wù)器獲取所述網(wǎng)頁對應(yīng)的資源;標簽處理單元,用于對所述網(wǎng)頁資源中包含的頁面元素進行解析,解析過程中,判斷當前頁面元素對應(yīng)的標簽是否影響排版,如果存在影響排版的標簽,則對所述影響排版的標簽進行處理;渲染樹構(gòu)造單元,用于根據(jù)處理后的標簽構(gòu)造渲染樹的節(jié)點,判斷是否存在影響排版的層疊樣式表CSS屬性,如果存在影響排版的層疊樣式表CSS屬性,則去除影響排版的CSS屬性,之后按照構(gòu)造的渲染樹對網(wǎng)頁內(nèi)容進行繪制并顯示?!疚臋n編號】G06F17/30GK104217037SQ201410525792【公開日】2014年12月17日申請日期:2012年4月23日優(yōu)先權(quán)日:2012年4月23日【發(fā)明者】孫濤申請人:北京奇虎科技有限公司,奇智軟件(北京)有限公司
網(wǎng)友詢問留言 已有0條留言
  • 還沒有人留言評論。精彩留言會獲得點贊!
1