一種菜單的自響應式實現(xiàn)方法及系統(tǒng)、終端設備的制造方法
【技術領域】
[0001] 本發(fā)明涉及互聯(lián)網(wǎng)技術領域,尤其涉及一種菜單的自響應式實現(xiàn)方法及系統(tǒng)、終 端設備。
【背景技術】
[0002] 隨著互聯(lián)網(wǎng)技術的發(fā)展,人們越來越頻繁的訪問互聯(lián)網(wǎng)獲取信息資源,以便隨時 隨地獲取所要的資訊,在瀏覽網(wǎng)頁的過程中,人們往往通過網(wǎng)站菜單來瀏覽一個網(wǎng)站的內(nèi) 容。而隨著移動通信技術的發(fā)展,人們越來越多的使用手機等移動終端來訪問網(wǎng)頁,開發(fā)手 機等移動終端的訪問網(wǎng)絡技術具有重要的現(xiàn)實意義和廣闊的市場,然而目前很多網(wǎng)站的菜 單只能單一的實現(xiàn)PC端或者移動端,或者開發(fā)兩個版本,無法做到自動兼容PC和移動終端 的響應,在無形當中增加了開發(fā)成本。
【發(fā)明內(nèi)容】
[0003] 本發(fā)明的主要目的在于提出一種菜單的自響應式實現(xiàn)方法及系統(tǒng)、終端設備,該 菜單布局能夠自動響應PC端以及移動終端,同時可以兼容具有不同操作系統(tǒng)、不同的窗 口、屏幕分辨率的終端。
[0004] 為實現(xiàn)上述目的,本發(fā)明提供了一種菜單的自響應式實現(xiàn)方法,包括步驟:
[0005] 預設菜單分別在不同終端類型下的默認布局方式;
[0006] 在網(wǎng)頁載入過程中,判斷當前終端類型,根據(jù)當前終端類型以及所述預設信息確 定當前菜單的布局方式,在當前網(wǎng)頁上按照相應的布局方式進行菜單顯示。
[0007] 可選的,所述菜單在不同終端類型下的默認布局方式具體為:
[0008] 在PC端下,所述菜單的默認布局方式為橫向排版方式;在移動終端下,所述菜單 的默認布局方式為縱向排版方式。
[0009] 可選的,所述在網(wǎng)頁載入過程中,判斷當前終端類型的方法為:
[0010] 在網(wǎng)頁載入過程中,獲取從客戶端向服務器發(fā)送的HTTP協(xié)議用戶代理頭信息;
[0011] 根據(jù)所述HTTP協(xié)議用戶代理頭信息判斷當前的終端類型,所述終端類型包括移 動終端和PC端。
[0012] 可選的,該方法還包括步驟:
[0013] 針對PC端,預先對應設置其菜單列表的寬度為百分比形式;
[0014] 在PC端下,根據(jù)預先設置的寬度信息,控制所述菜單根據(jù)當前的屏幕分辨率顯示 對應的寬度。
[0015] 可選的,該方法還包括步驟:
[0016] 針對PC端,通過媒介查詢工具預先設置其寬度臨界值;
[0017] 在PC端下,根據(jù)預先設置的寬度臨界值,在當前窗口的寬度大小小于所述寬度臨 界值時,控制菜單由當前的一行多列顯示方式自動調(diào)整為多行多列顯示方式。
[0018] 可選的,該方法還包括步驟:
[0019] 針對移動終端,預先對應設置其菜單列表的寬度為百分比形式;
[0020] 在移動終端下,根據(jù)預先設置的寬度信息,控制所述菜單根據(jù)當前的屏幕分辨率 顯示對應的寬度。
[0021] 可選的,該方法還包括步驟:
[0022] 針對移動終端,通過媒介查詢工具預先設置其寬度臨界值;
[0023] 在移動終端下,根據(jù)預先設置的寬度臨界值,在當前窗口的寬度大小超過所述寬 度臨界值時,控制菜單由當前的多行一列顯示方式自動調(diào)整為一行多列或者多行多列顯示 方式。
[0024] -種菜單的自響應式實現(xiàn)系統(tǒng),包括:
[0025] 默認布局設置單元,用于預設菜單在不同終端類型下的默認布局方式;
[0026] 終端類型識別單元,用于在網(wǎng)頁載入過程中,判斷當前終端類型;
[0027] 系統(tǒng)自適應設置單元,用于根據(jù)當前終端類型以及預設信息確定當前菜單對應的 默認布局方式,在當前網(wǎng)頁上按照相應的默認布局方式進行菜單顯示。
[0028] 可選的,該系統(tǒng)還包括:
[0029] 分辨率自適應設置單元,用于設定菜單列表的寬度為百分比形式,據(jù)此控制菜單 根據(jù)當前的屏幕分辨率顯示對應的寬度。
[0030] 可選的,該系統(tǒng)還包括:
[0031] 窗口自適應設置單元,用于針對不同終端類型分別設置其對應的菜單的寬度臨界 值,根據(jù)當前窗口大小及寬度臨界值控制菜單進行布局方式調(diào)整。
[0032] 一種終端設備,具體為移動終端和PC端,包括如上所述的菜單自響應式實現(xiàn)系 統(tǒng)。
[0033] 與現(xiàn)有技術相比,本發(fā)明具有以下技術效果:
[0034] 本發(fā)明實現(xiàn)一個能自動響應PC端以及移動終端的菜單,同時可以兼容各種具有 不同操作系統(tǒng)、不同窗口大小、不同屏幕分辨率的終端,無需針對每個終端做一個特定的版 本,具有廣闊的市場前景。
【附圖說明】
[0035]圖1為實現(xiàn)本發(fā)明各個實施例的移動終端的硬件結構示意圖;
[0036] 圖2為如圖1所示的移動終端的無線通信系統(tǒng)示意圖;
[0037]圖3為本發(fā)明提供的菜單的自響應式實現(xiàn)的基本原理圖;
[0038]圖4為本發(fā)明實施例一提供的菜單的自響應式實現(xiàn)方法流程圖;
[0039]圖5為本發(fā)明實施例二提供的菜單的自響應式實現(xiàn)方法流程圖;
[0040]圖6為本發(fā)明實施例三提供的菜單的自響應式實現(xiàn)系統(tǒng)結構圖;
[0041]圖7為本發(fā)明實施例四提供的終端設備結構示意圖;
[0042] 本發(fā)明目的的實現(xiàn)、功能特點及優(yōu)點將結合實施例,參照附圖做進一步說明。
【具體實施方式】
[0043] 應當理解,此處所描述的具體實施例僅僅用以解釋本發(fā)明,并不用于限定本發(fā)明。
[0044] 現(xiàn)在將參考附圖描述實現(xiàn)本發(fā)明各個實施例的移動終端。在后續(xù)的描述中,使用 用于表示元件的諸如"模塊"、"部件"或"單元"的后綴僅為了有利于本發(fā)明的說明,其本身 并沒有特定的意義。因此,"模塊〃與〃部件〃可以混合地使用。
[0045] 移動終端可以以各種形式來實施。例如,本發(fā)明中描述的終端可以包括諸如移 動電話、智能電話、筆記本電腦、數(shù)字廣播接收器、PDA(個人數(shù)字助理)、PAD(平板電腦)、 PMP(便攜式多媒體播放器)、導航裝置等等的移動終端以及諸如數(shù)字TV、臺式計算機等等 的固定終端。下面,假設終端是移動終端。然而,本領域技術人員將理解的是,除了特別用 于移動目的的元件之外,根據(jù)本發(fā)明的實施方式的構造也能夠應用于固定類型的終端。
[0046]圖1為實現(xiàn)本發(fā)明各個實施例的移動終端的硬件結構示意圖。
[0047] 移動終端100可以包括無線通信單元110、A/V(音頻/視頻)輸入單元120、用戶 輸入單元130、感測單元140、輸出單元150、存儲器160、接口單元170、控制器180和電源單 元190等等。圖1示出了具有各種組件的移動終端,但是應理解的是,并不要求實施所有示 出的組件??梢蕴娲貙嵤└嗷蚋俚慕M件。將在下面詳細描述移動終端的元件。
[0048] 無線通信單元110通常包括一個或多個組件,其允許移動終端100與無線通信系 統(tǒng)或網(wǎng)絡之間的無線電通信。例如,無線通信單元可以包括廣播接收模塊111、移動通信模 塊112、無線互聯(lián)網(wǎng)模塊113、短程通信模塊114和位置信息模塊115中的至少一個。
[0049] 廣播接收模塊111經(jīng)由廣播信道從外部廣播管理服務器接收廣播信號和/或廣播 相關信息。廣播信道可以包括衛(wèi)星信道和/或地面信道。廣播管理服務器可以是生成并發(fā) 送廣播信號和/或廣播相關信息的服務器或者接收之前生成的廣播信號和/或廣播相關 信息并且將其發(fā)送給終端的服務器。廣播信號可以包括TV廣播信號、無線電廣播信號、數(shù) 據(jù)廣播信號等等。而且,廣播信號可以進一步包括與TV或無線電廣播信號組合的廣播信 號。廣播相關信息也可以經(jīng)由移動通信網(wǎng)絡提供,并且在該情況下,廣播相關信息可以由移 動通信模塊112來接收。廣播信號可以以各種形式存在,例如,其可以以數(shù)字多媒體廣播 (DMB)的電子節(jié)目指南(EPG)、數(shù)字視頻廣播手持(DVB-Η)的電子服務指南(ESG)等等的形 式而存在。廣播接收模塊111可以通過使用各種類型的廣播系統(tǒng)接收信號廣播。特別地, 廣播接收模塊111可以通過使用諸如多媒體廣播-地面(DMB-T)、數(shù)字多媒體廣播-衛(wèi)星 (DMB-S)、數(shù)字視頻廣播-手持(DVB-H),前向鏈路媒體(MediaFL0@)的數(shù)據(jù)廣播系統(tǒng)、地面 數(shù)字廣播綜合服務(ISDB-T)等等的數(shù)字廣播系統(tǒng)接收數(shù)字廣播。廣播接收模塊111可以被 構造為適合提供廣播信號的各種廣播系統(tǒng)以及上述數(shù)字廣播系統(tǒng)。經(jīng)由廣播接收模塊111 接收的廣播信號和/或廣播相關信息可以存儲在存儲器160 (或者其它類型的存儲介質(zhì)) 中。<