一種菜單的自響應(yīng)式實(shí)現(xiàn)方法及系統(tǒng)、終端設(shè)備的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種菜單的自響應(yīng)式實(shí)現(xiàn)方法及系統(tǒng)、終 端設(shè)備。
【背景技術(shù)】
[0002] 隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，人們?cè)絹?lái)越頻繁的訪問互聯(lián)網(wǎng)獲取信息資源，以便隨時(shí) 隨地獲取所要的資訊，在瀏覽網(wǎng)頁(yè)的過程中，人們往往通過網(wǎng)站菜單來(lái)瀏覽一個(gè)網(wǎng)站的內(nèi) 容。而隨著移動(dòng)通信技術(shù)的發(fā)展，人們?cè)絹?lái)越多的使用手機(jī)等移動(dòng)終端來(lái)訪問網(wǎng)頁(yè)，開發(fā)手 機(jī)等移動(dòng)終端的訪問網(wǎng)絡(luò)技術(shù)具有重要的現(xiàn)實(shí)意義和廣闊的市場(chǎng)，然而目前很多網(wǎng)站的菜 單只能單一的實(shí)現(xiàn)PC端或者移動(dòng)端，或者開發(fā)兩個(gè)版本，無(wú)法做到自動(dòng)兼容PC和移動(dòng)終端 的響應(yīng)，在無(wú)形當(dāng)中增加了開發(fā)成本。

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

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