[發明專利]一種呈現網頁頁面的方法、裝置及系統

有效

• 申請號: 200910166509.2
• 申請日: 2009-08-11
• 公開（公告）號: CN101996206A
• 公開（公告）日: 2011-03-30
• 發明（設計）人: 朱藝峰
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;H04L12/18
• 代理公司: 北京同達信恒知識產權代理有限公司 11291
• 代理人: 郭潤湘

技術領域

本申請涉及計算機領域，特別涉及一種呈現網頁頁面的方法、裝置及系統。

背景技術

隨著技術的發展，客戶端支持的屏幕分辨率逐步提高，而客戶端采用的瀏覽器呈現的網頁頁面中字體字號的取值卻始終未變，目前，任意瀏覽器的默認字體字號的取值均為16PX(即16像素)，那么顯然，屏幕分辨率越高的客戶端通過瀏覽器呈現的網頁頁面的字體便越小，這便給用戶的瀏覽帶來了極大的不便。例如，12像素的字體在1280*1024PX及以上的屏幕分辨率下展現時，文字內容偏小，會給部分瀏覽者帶來文字閱讀方面的困難。具體參閱圖1A所示。

針對上述問題，現有技術下，往往通過瀏覽器內嵌的字體調整功能(如，IE工具中的“字體大小”)或者操作系統默認的字體調整功能(如，屏幕分辨率調整)，對瀏覽器呈現的字體大小進行調整，使網頁頁面包含的字體的大小達到用戶的使用要求，具體如圖1B所示。然而，采用這種方法會使網頁頁面的排版出現混亂，不能完整地呈現頁面信息，并且由于漢字是點陣字體，因此，擴大后的字體會變得模糊不清，這仍然影響了用戶的使用，從而降低了網站系統的服務質量。

發明內容

本申請實施例提供一種呈現網頁頁面的方法、裝置及系統，用以提高網頁頁面的顯示效果。

一種呈現網頁頁面的方法，包括：

網站服務器接收客戶端發送的用于請求瀏覽網頁的第一請求消息后，向所述客戶端發送用于查詢屏幕分辨率的第二請求消息；

所述網站服務器根據客戶端返回的屏幕分辨率，以及預設的屏幕分辨率與字體字號之間的對應關系，選擇對應所述屏幕分辨率設置的字體字號；

所述網站服務器根據所述屏幕分辨率和獲得的字體字號生成相應比例的網頁頁面，并將該網頁頁面發往所述客戶端。

一種呈現網頁頁面的方法，包括：

客戶端發送用于請求瀏覽網頁的請求消息時，查詢所述客戶端的屏幕分辨率，并將所述屏幕分辨率發送給網站服務器；

所述網站服務器接收客戶端發送的屏幕分辨率，以及預設的屏幕分辨率與字體字號之間的對應關系，選擇對應所述屏幕分辨率設置的字體字號；

所述網站服務器根據所述屏幕分辨率和獲得的字體字號生成相應比例的網頁頁面，并將該網頁頁面發往所述客戶端。

一種網站服務器，包括：

通信單元，用于接收客戶端發送的用于請求瀏覽網頁的第一請求消息后，向所述客戶端發送用于查詢屏幕分辨率的第二請求消息，以及接收客戶端返回的屏幕分辨率；

獲取單元，用于根據所述客戶端返回的屏幕分辨率，以及預設的屏幕分辨率與字體字號之間的對應關系，選擇對應所述屏幕分辨率設置的字體字號；

生成單元，用于根據所述屏幕分辨率和獲得的字體字號生成相應比例的網頁頁面，并通過所述通信單元將該網頁頁面發往所述客戶端。

一種網站服務器，包括：

通信單元，用于接收客戶端發送的用于請求瀏覽網頁的請求消息以及屏幕分辨率；

獲取單元，用于根據所述客戶端發送的屏幕分辨率，以及預設的屏幕分辨率與字體字號之間的對應關系，選擇對應所述屏幕分辨率設置的字體字號；

生成單元，用于根據所述屏幕分辨率和獲得的字體字號生成相應比例的網頁頁面，并通過所述通信單元將該網頁頁面發往所述客戶端。

一種網站系統，包括網站服務器，所述網站服務器接收客戶端發送的用于請求瀏覽網頁的第一請求消息后，向所述客戶端發送用于查詢屏幕分辨率的第二請求消息，并根據客戶端返回的屏幕分辨率，以及預設的屏幕分辨率與字體字號之間的對應關系，選擇對應所述屏幕分辨率設置的字體字號，再根據所述屏幕分辨率和獲得的字體字號生成相應比例的網頁頁面，并將該網頁頁面發往所述客戶端。

一種網站系統，包括網站服務器和客戶端，包括：

客戶端，用于向網站服務器發送瀏覽網頁頁面的請求，查詢本地客戶端的屏幕分辨率，并將該屏幕分辨率發送給網站服務器；

網站服務器，接收客戶端發送的屏幕分辨率，以及預設的屏幕分辨率與字體字號之間的對應關系，選擇對應所述屏幕分辨率設置的字體字號，再根據所述屏幕分辨率和獲得的字體字號生成相應比例的網頁頁面，并將該網頁頁面發往客戶端。

采用上述技術方案，網站服務器可以根據各客戶端當前采用的屏幕分辨率生成字體大小比例適合用戶瀏覽的網頁頁面，有效地提升了網頁頁面的顯示效果，提高了網站系統的服務質量，也大大增加了用戶體驗。

附圖說明

圖1A和圖1B為本申請現有技術下網頁頁面呈現示意圖；

圖2為本申請第一實施例中網站服務系統架構圖；