[發(fā)明專利]一種在移動(dòng)終端中顯示網(wǎng)頁(yè)的方法及裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 201410525792.4
• 申請(qǐng)日: 2012-04-23
• 公開(kāi)（公告）號(hào): CN104217037B
• 公開(kāi)（公告）日: 2018-03-23
• 發(fā)明（設(shè)計(jì)）人: 孫濤
• 申請(qǐng)（專利權(quán)）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30
• 代理公司: 北京華沛德權(quán)律師事務(wù)所11302
• 代理人: 劉杰

技術(shù)領(lǐng)域

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別是涉及一種在移動(dòng)終端中顯示網(wǎng)頁(yè)的方法及裝置。

背景技術(shù)

隨著科技飛速發(fā)展，移動(dòng)終端(如手機(jī)等)已經(jīng)擁有了強(qiáng)大的處理能力，移動(dòng)終端正在從簡(jiǎn)單的通話工具變?yōu)橐粋€(gè)綜合信息處理平臺(tái)，尤其是利用移動(dòng)終端瀏覽網(wǎng)頁(yè)，已經(jīng)成為人們獲取信息的重要途徑。

最初，為了能夠在移動(dòng)終端上瀏覽網(wǎng)頁(yè)，使用了專門(mén)的協(xié)議—WAP(Wireless Application Protocol，無(wú)線應(yīng)用協(xié)議)，網(wǎng)頁(yè)制作者需要按照該協(xié)議制作專用于在移動(dòng)終端上瀏覽的網(wǎng)頁(yè)(這種網(wǎng)頁(yè)一般是使用WML(Wireless Markup Language)語(yǔ)言來(lái)制作的，因此，一般可以簡(jiǎn)稱為WML網(wǎng)頁(yè))。但是，隨著用戶需求的不斷提升以及技術(shù)的發(fā)展，目前也能夠在移動(dòng)終端上瀏覽普通的HTML(Hypertext Markup Language，超文本標(biāo)記語(yǔ)言)網(wǎng)頁(yè)，也即因特網(wǎng)中普遍使用的基于HTML語(yǔ)言制作的網(wǎng)頁(yè)。然而，這種HTML網(wǎng)頁(yè)一般都是針對(duì)傳統(tǒng)的具有較大顯示屏的設(shè)備(例如臺(tái)式電腦、筆記本電腦等)而設(shè)計(jì)的，而對(duì)于移動(dòng)終端(如手機(jī)等)而言，由于其顯示屏的尺寸比較小，因此，要想在移動(dòng)終端中正常顯示HTML網(wǎng)頁(yè)，一般還需要預(yù)先對(duì)HTML網(wǎng)頁(yè)進(jìn)行處理，將其轉(zhuǎn)換為類似WML網(wǎng)頁(yè)的格式。在將HTML網(wǎng)頁(yè)轉(zhuǎn)換為WML網(wǎng)頁(yè)的過(guò)程中，首先需要對(duì)頁(yè)面元素進(jìn)行窄排適配處理，也即，需要按照移動(dòng)終端的屏幕寬度重新對(duì)HTML網(wǎng)頁(yè)中的頁(yè)面元素進(jìn)行排版，使得每一行中顯示的頁(yè)面元素?cái)?shù)目變少，從而使得在較小的顯示屏中顯示時(shí)，字體不會(huì)太小，同時(shí)，避免出現(xiàn)水平方向上的滾動(dòng)條的現(xiàn)象，便于用戶的瀏覽。然而現(xiàn)有技術(shù)在對(duì)頁(yè)面進(jìn)行窄排的過(guò)程中，為了避免出現(xiàn)內(nèi)容溢出手機(jī)屏幕或者屏幕留白、重疊顯示等現(xiàn)象，一般會(huì)將HTML網(wǎng)頁(yè)中原有的為一些頁(yè)面元素設(shè)計(jì)的CSS樣式去掉。但是這樣就會(huì)造成網(wǎng)頁(yè)顯示不生動(dòng)，一些應(yīng)有的畫(huà)面效果消失。

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

本發(fā)明提供了一種在移動(dòng)終端中顯示網(wǎng)頁(yè)的方法與裝置，能夠從一定程度上保留一些應(yīng)有的畫(huà)面效果，保證網(wǎng)頁(yè)顯示的生動(dòng)性。

本發(fā)明提供了如下方案：

一種在移動(dòng)終端中顯示網(wǎng)頁(yè)的方法，包括：

接收到通過(guò)移動(dòng)終端訪問(wèn)網(wǎng)頁(yè)的請(qǐng)求，根據(jù)所述請(qǐng)求向網(wǎng)頁(yè)服務(wù)器獲取所述網(wǎng)頁(yè)對(duì)應(yīng)的資源；

對(duì)所述網(wǎng)頁(yè)資源中包含的頁(yè)面元素進(jìn)行解析，解析過(guò)程中判斷當(dāng)前頁(yè)面元素對(duì)應(yīng)的標(biāo)簽是否影響排版，如果存在影響排版的標(biāo)簽，則對(duì)所述影響排版的標(biāo)簽進(jìn)行處理；

根據(jù)處理后的標(biāo)簽構(gòu)造渲染樹(shù)的節(jié)點(diǎn)，判斷是否存在影響排版的層疊樣式表CSS屬性，如果存在影響排版的層疊樣式表CSS屬性，則去除影響排版的CSS屬性，之后按照構(gòu)造的渲染樹(shù)對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行繪制并顯示。

其中，所述對(duì)所述影響排版的標(biāo)簽進(jìn)行處理包括：

將影響排版的標(biāo)簽去掉，以便在根據(jù)處理后的標(biāo)簽構(gòu)造渲染樹(shù)的節(jié)點(diǎn)時(shí)，將該標(biāo)簽對(duì)應(yīng)的頁(yè)面元素作為普通文本處理。

其中，所述將影響排版的標(biāo)簽去掉包括：

如果所述當(dāng)前正在解析的頁(yè)面元素為普通卷動(dòng)元素、下標(biāo)元素或上標(biāo)元素，則將這種頁(yè)面元素的標(biāo)簽去掉。

其中，所述對(duì)所述影響排版的標(biāo)簽進(jìn)行處理包括：

將當(dāng)前頁(yè)面元素去掉，以便在根據(jù)處理后的標(biāo)簽構(gòu)造渲染樹(shù)的節(jié)點(diǎn)時(shí)，不再生成該頁(yè)面元素對(duì)應(yīng)的節(jié)點(diǎn)。

其中，所述將當(dāng)前頁(yè)面元素去掉包括：

如果所述當(dāng)前正在解析的頁(yè)面元素為普通卷動(dòng)元素、包含對(duì)象的元素、嵌入頁(yè)面的元素、下標(biāo)元素或上標(biāo)元素，則將這種頁(yè)面元素去掉。

其中，所述對(duì)所述影響排版的標(biāo)簽進(jìn)行處理包括：

將影響排版的標(biāo)簽中定義的CSS屬性值進(jìn)行修改；

所述根據(jù)處理后的標(biāo)簽構(gòu)造渲染樹(shù)的節(jié)點(diǎn)包括：

利用修改后的CSS屬性值為渲染樹(shù)中該頁(yè)面元素對(duì)應(yīng)的節(jié)點(diǎn)的CSS屬性進(jìn)行賦值。

其中，所述將影響排版的標(biāo)簽中定義的CSS屬性值進(jìn)行修改包括：

當(dāng)所述當(dāng)前正在解析的頁(yè)面元素為表格元素時(shí)，對(duì)表格元素及表格元素的內(nèi)聯(lián)元素的CSS值進(jìn)行修改，以便所述表格元素能夠自動(dòng)換行；

或者，

當(dāng)所述當(dāng)前正在解析的頁(yè)面元素為表單輸入控件、下拉菜單/列表、文本域或內(nèi)聯(lián)框架元素，并且存在表示其寬度的絕對(duì)數(shù)值時(shí)，將所述絕對(duì)數(shù)值修改為相對(duì)數(shù)值；

或者，