[發(fā)明專利]頁面布局自適應(yīng)方法及裝置

在審

• 申請?zhí)枺?/td>: 201310608370.9
• 申請日: 2013-11-25
• 公開（公告）號: CN103593196A
• 公開（公告）日: 2014-02-19
• 發(fā)明（設(shè)計）人: 陳釗毅
• 申請（專利權(quán)）人: 深信服網(wǎng)絡(luò)科技（深圳）有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 深圳市世紀(jì)恒程知識產(chǎn)權(quán)代理事務(wù)所 44287
• 代理人: 胡海國

1.一種頁面布局自適應(yīng)方法，其特征在于，包括以下步驟：

插入用于調(diào)整頁面布局的程序代碼；

基于插入的所述程序代碼，獲取移動終端的屏幕顯示寬度；

根據(jù)獲取的屏幕顯示寬度，按照預(yù)設(shè)比例調(diào)整網(wǎng)頁的頁面顯示寬度；

根據(jù)所述頁面顯示寬度，調(diào)整組成網(wǎng)頁頁面的各元素的顯示寬度，同時設(shè)置所述元素的顯示位置為浮動顯示。

2.如權(quán)利要求1所述的方法，其特征在于，所述插入用于調(diào)整頁面布局的程序代碼的步驟之后、獲取移動終端的屏幕顯示寬度的步驟之前，還包括：

基于插入的所述程序代碼，獲取終端的類型，識別該終端是否為移動終端；

在該終端為移動終端時，執(zhí)行所述步驟：

基于插入的所述程序代碼，獲取移動終端的屏幕顯示寬度。

3.如權(quán)利要求1或2所述的方法，其特征在于，所述根據(jù)獲取的屏幕顯示寬度，按照預(yù)設(shè)比例調(diào)整網(wǎng)頁的頁面顯示寬度，包括：

根據(jù)獲取的屏幕顯示寬度，將網(wǎng)頁的頁面顯示寬度調(diào)整為與所述屏幕顯示寬度相一致的顯示尺寸。

4.如權(quán)利要求1或2所述的方法，其特征在于，所述調(diào)整組成網(wǎng)頁頁面的各元素的顯示寬度，包括：

將某一元素的顯示寬度調(diào)整為該元素對應(yīng)的父元素的最大顯示寬度。

5.如權(quán)利要求1或2所述的方法，其特征在于，所述獲取移動終端的屏幕顯示寬度包括：

獲取移動終端的屏幕分辨率；

根據(jù)獲取的所述屏幕分辨率，獲取所述屏幕顯示寬度。

6.一種頁面布局自適應(yīng)裝置，其特征在于，包括：

代碼插入模塊，用于插入用于調(diào)整頁面布局的程序代碼；

參數(shù)獲取模塊，用于基于插入的所述程序代碼，獲取移動終端的屏幕顯示寬度；

布局調(diào)整模塊，用于根據(jù)獲取的屏幕顯示寬度，按照預(yù)設(shè)比例調(diào)整網(wǎng)頁的頁面顯示寬度；根據(jù)所述頁面顯示寬度，調(diào)整組成網(wǎng)頁頁面的各元素的顯示寬度，同時設(shè)置所述元素的顯示位置為浮動顯示。

7.如權(quán)利要求6所述的裝置，其特征在于，還包括：

類型識別模塊，用于基于插入的所述程序代碼，獲取終端的類型，識別該終端是否為移動終端。

8.如權(quán)利要求6或7所述的裝置，其特征在于，所述布局調(diào)整模塊還用于：

根據(jù)獲取的屏幕顯示寬度，將網(wǎng)頁的頁面顯示寬度調(diào)整為與所述屏幕顯示寬度相一致的顯示尺寸。

9.如權(quán)利要求6或7所述的裝置，其特征在于，所述布局調(diào)整模塊還用于：

將某一元素的顯示寬度調(diào)整為該元素對應(yīng)的父元素的最大顯示寬度。

10.如權(quán)利要求6或7所述的裝置，其特征在于，所述參數(shù)獲取模塊還用于：

獲取移動終端的屏幕分辨率；

根據(jù)獲取的所述屏幕分辨率，獲取所述屏幕顯示寬度。