專利名稱：用于顯示網(wǎng)頁的方法和系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及互聯(lián)網(wǎng)。更確切的，本發(fā)明涉及用于顯示網(wǎng)頁的方法和系統(tǒng)。
背景技術(shù)：
如今，Web頁面已經(jīng)成為最重要的用戶界面之一。用戶能夠方便的通過臺式電腦、 移動設(shè)備或者嵌入式設(shè)備上的瀏覽器訪問和瀏覽Web頁面。但是不同的顯示設(shè)備有不同的分辨率，這就需要Web頁面足夠靈活以便支持具有不同分辨率的設(shè)備?，F(xiàn)有的幾種方法能夠使web頁面自適應不同的分辨率。第一種方法是使Web頁面變?yōu)榭煽s放伸展的。這種方法的缺點是縮放具有明顯的局限性。一個在臺式機上顯示良好的web頁面可能在移動設(shè)備上被壓縮成一團亂麻。第二種方法是為不同分辨率的設(shè)備準備不同的web頁面。這種方法可以和第一種方法共用，以便提高它的適應性和減少頁面開發(fā)的工作量。但它很難覆蓋所有的分辨率，并且這種方法會顯著的增加頁面開發(fā)的工作和時間。第三種方法是放大或者縮小頁面，這種方法的缺點顯而易見，web頁面的可讀性會比較差。

發(fā)明內(nèi)容
目前，沒有合適的方法來解決在不同分辨率下web頁面顯示的問題。本公開的說明性實施例認識到現(xiàn)有技術(shù)中的上述缺點，提供了用于在不同分辨率下顯示網(wǎng)頁的方法和系統(tǒng)。根據(jù)本公開的一個方面，提供了一種用于顯示網(wǎng)頁的方法，包括接收顯示設(shè)備的分辨率信息以確定顯示設(shè)備的分辨率；接收網(wǎng)頁內(nèi)顯示小部件元素的分辨率閾值；判斷顯示設(shè)備的分辨率是否小于顯示小部件元素的分辨率閾值；如果顯示設(shè)備的分辨率不小于顯示小部件元素的分辨率閾值，則顯示對應的小部件元素；如果顯示設(shè)備的分辨率小于顯示小部件元素的分辨率閾值，則不顯示對應的小部件元素。本公開的另一方面，用于顯示網(wǎng)頁的方法進一步包括接收網(wǎng)頁內(nèi)顯示小部件的分辨率閾值；判斷顯示設(shè)備的分辨率是否小于顯示小部件的分辨率閾值；如果顯示設(shè)備的分辨率不小于顯示小部件的分辨率閾值，則顯示對應的小部件；如果顯示設(shè)備的分辨率小于顯示小部件的分辨率閾值，則不顯示對應的小部件。根據(jù)本公開的又一方面，提供了一種用于顯示網(wǎng)頁的系統(tǒng)，包括接收部件，配置為接收顯示設(shè)備的分辨率信息以確定顯示設(shè)備的分辨率；接收網(wǎng)頁內(nèi)顯示小部件元素的分辨率閾值；小部件適配器，配置為判斷顯示設(shè)備的分辨率是否小于顯示小部件元素的分辨率閾值；如果顯示設(shè)備的分辨率不小于顯示小部件元素的分辨率閾值，則顯示對應的小部件元素；如果顯示設(shè)備的分辨率小于顯示小部件元素的分辨率閾值，則不顯示對應的小部件元素。根據(jù)本公開的另一方面，其中接收部件進一步被配置為接收網(wǎng)頁內(nèi)顯示小部件的分辨率閾值；小部件適配器進一步被配置為判斷顯示設(shè)備的分辨率是否小于顯示小部件的分辨率閾值；如果顯示設(shè)備的分辨率不小于顯示小部件的分辨率閾值，則顯示對應的小部件；如果顯示設(shè)備的分辨率小于顯示小部件的分辨率閾值，則不顯示對應的小部件。使用本公開提出的方法，能創(chuàng)建出根據(jù)實際分辨率自動裁剪頁面內(nèi)容的web頁面。這種方法既可以解決在不同分辨率下如何顯示web頁面的問題，也能減少開發(fā)web頁面的時間和工作量。


本公開可以通過參考下文中結(jié)合附圖所給出的描述而得到更好的理解，其中在所有附圖中使用了相同或相似的附圖標記來表示相同或者相似的部件。所述附圖連同下面的詳細說明一起包含在本說明書中并且形成本說明書的一部分，而且用來進一步舉例說明本公開的優(yōu)選實施例和解釋本公開的原理和優(yōu)點。在附圖中圖1顯示了小部件100的一個示例；圖2顯示了根據(jù)本公開一個實施例的用于顯示網(wǎng)頁的方法200 ；圖3顯示了根據(jù)本公開另一實施例的用于顯示網(wǎng)頁的系統(tǒng)300。
具體實施例方式在下文中將結(jié)合附圖對本公開的示范性實施例進行描述。為了清楚和簡明起見， 在說明書中并未描述實際實施方式的所有特征。然而，應該了解，在開發(fā)任何這種實際實施例的過程中必須做出很多特定于該實際實施方式的決定，以便實現(xiàn)開發(fā)人員的具體目標， 例如，符合與系統(tǒng)及業(yè)務相關(guān)的那些限制條件，并且這些限制條件可能會隨著實施方式的不同而有所改變。此外，還應該了解，雖然開發(fā)工作有可能是非常復雜和費時的，但對得益于本公開公開內(nèi)容的本領(lǐng)域技術(shù)人員來說，這種開發(fā)工作僅僅是例行的任務。在此，還需要說明的一點是，為了避免因不必要的細節(jié)而模糊了本公開，在附圖中僅僅示出了與根據(jù)本公開的方案密切相關(guān)的裝置結(jié)構(gòu)和/或處理步驟，而省略了與本公開關(guān)系不大的其他細節(jié)。在對本公開進行詳細說明之前，先簡要介紹一下小部件的含義。小部件(widget) 是構(gòu)建圖形用戶界面(GUI)的可視化單元，每個部件高度可復用，用于封裝特定的數(shù)據(jù)并提供展示和靈活的交互操控。小部件具有特有的生命周期(包括從創(chuàng)建到銷毀)，并在遵循頁面整體布局的前提下進行自我管理。小部件通常包括多個具有共同特性的頁面元素，構(gòu)成小部件的這些頁面元素稱為小部件元素。小部件之間還可以自由協(xié)作以實現(xiàn)更復雜的功能。圖1顯示了小部件100的一個示例，該小部件100是文本編輯器小部件。圖1中的小部件100包括4個元素，即匯總說明部分102、提示部分104、文本編輯部分106以及狀態(tài)欄部分108。下面結(jié)合圖2詳細描述根據(jù)本公開的一個實施例的用于顯示網(wǎng)頁的方法100。現(xiàn)在參看圖2，根據(jù)本公開的一個實施例的用于顯示網(wǎng)頁的方法200從步驟202開始。虛線框中的部分是可選步驟，所以這里先不做說明。將在后續(xù)的說明中對其進行詳細說明。接下來，在步驟212，其中接收顯示設(shè)備的分辨率信息以確定顯示設(shè)備的分辨率。不同類型的顯示設(shè)備支持的分辨率不同。例如，臺式電腦和筆記本型電腦一般會支持較高的分辨率，例如10M*768、1200*10M或者更高。移動設(shè)備由于顯示屏幕的限制，一般只能支持較低的分辨率，例如640*480、320拉40甚至更低。顯示設(shè)備的分辨率信息包含了顯示設(shè)備當前使用的分辨率的信息。之后，方法進入步驟214，其中接收網(wǎng)頁內(nèi)顯示小部件元素的分辨率閾值。以圖 1的小部件100為例，顯示小部件元素的分辨率閾值對應于是否顯示各個小部件元素(即匯總說明部分102、提示部分104、文本編輯部分106以及狀態(tài)欄部分108)的分辨率閾值。 該分辨率閾值的作用在于如果顯示設(shè)備的分辨率不小于顯示某一小部件元素的分辨率閾值，那么該小部件元素就會被顯示；如果顯示設(shè)備的分辨率小于顯示某一小部件元素的分辨率閾值，那么該小部件元素就不會被顯示。表1給出了對應于圖1的小部件100的顯示小部件元素的分辨率閾值的一個例子。
權(quán)利要求
1.一種用于顯示網(wǎng)頁的方法，包括接收顯示設(shè)備的分辨率信息以確定顯示設(shè)備的分辨率；接收網(wǎng)頁內(nèi)顯示小部件元素的分辨率閾值；判斷顯示設(shè)備的分辨率是否小于顯示小部件元素的分辨率閾值；如果顯示設(shè)備的分辨率不小于顯示小部件元素的分辨率閾值，則顯示對應的小部件元素；如果顯示設(shè)備的分辨率小于顯示小部件元素的分辨率閾值，則不顯示對應的小部件元素
2.根據(jù)權(quán)利要求1的方法，進一步包括 接收網(wǎng)頁內(nèi)顯示小部件的分辨率閾值；判斷顯示設(shè)備的分辨率是否小于顯示小部件的分辨率閾值； 如果顯示設(shè)備的分辨率不小于顯示小部件的分辨率閾值，則顯示對應的小部件； 如果顯示設(shè)備的分辨率小于顯示小部件的分辨率閾值，則不顯示對應的小部件。
3.根據(jù)權(quán)利要求2的方法，進一步包括判斷顯示小部件元素的分辨率閾值與顯示小部件的分辨率閾值是否匹配； 如果顯示小部件元素的分辨率閾值與顯示小部件的分辨率閾值不匹配，接收顯示小部件元素的分辨率閾值與顯示小部件的分辨率閾值之間的映射； 利用映射判斷是否顯示小部件元素。
4.根據(jù)權(quán)利要求2的方法，其中顯示設(shè)備的分辨率信息包括顯示設(shè)備當前使用的分辨率。
5.一種用于顯示網(wǎng)頁的系統(tǒng)，包括 接收部件，配置為接收顯示設(shè)備的分辨率信息以確定顯示設(shè)備的分辨率； 接收網(wǎng)頁內(nèi)顯示小部件元素的分辨率閾值； 小部件適配器，配置為判斷顯示設(shè)備的分辨率是否小于顯示小部件元素的分辨率閾值； 如果顯示設(shè)備的分辨率不小于顯示小部件元素的分辨率閾值，則顯示對應的小部件元素；如果顯示設(shè)備的分辨率小于顯示小部件元素的分辨率閾值，則不顯示對應的小部件元ο
6.根據(jù)權(quán)利要求5的系統(tǒng)，其中 接收部件進一步被配置為接收網(wǎng)頁內(nèi)顯示小部件的分辨率閾值； 小部件適配器進一步被配置為判斷顯示設(shè)備的分辨率是否小于顯示小部件的分辨率閾值； 如果顯示設(shè)備的分辨率不小于顯示小部件的分辨率閾值，則顯示對應的小部件； 如果顯示設(shè)備的分辨率小于顯示小部件的分辨率閾值，則不顯示對應的小部件。
7.根據(jù)權(quán)利要求6的系統(tǒng)，其中 接收部件進一步被配置為判斷顯示小部件元素的分辨率閾值與顯示小部件的分辨率閾值是否匹配； 如果顯示小部件元素的分辨率閾值與顯示小部件的分辨率閾值不匹配，接收顯示小部件元素的分辨率閾值與顯示小部件的分辨率閾值之間的映射； 小部件適配器進一步被配置為 利用映射判斷是否顯示小部件元素。
8.根據(jù)權(quán)利要求7的系統(tǒng)，其中顯示設(shè)備的分辨率信息包括顯示設(shè)備當前使用的分辨
全文摘要
本公開公開了一種用于顯示網(wǎng)頁的方法，包括接收顯示設(shè)備的分辨率信息以確定顯示設(shè)備的分辨率；接收網(wǎng)頁內(nèi)顯示小部件元素的分辨率閾值；判斷顯示設(shè)備的分辨率是否小于顯示小部件元素的分辨率閾值；如果顯示設(shè)備的分辨率不小于顯示小部件元素的分辨率閾值，則顯示對應的小部件元素；如果顯示設(shè)備的分辨率小于顯示小部件元素的分辨率閾值，則不顯示對應的小部件元素。使用本公開提出的方法，能創(chuàng)建出根據(jù)實際分辨率自動裁剪頁面內(nèi)容的web頁面。這種方法既可以解決在不同分辨率下如何顯示web頁面的問題，也能減少開發(fā)web頁面的時間和工作量。
文檔編號G06F3/048GK102446054SQ20101050643
公開日2012年5月9日 申請日期2010年9月30日 優(yōu)先權(quán)日2010年9月30日
發(fā)明者崔俊濤, 朱小文, 賀顧一, 黃瑋 申請人:國際商業(yè)機器公司