TWI503676B - Methods, devices and systems for presenting web pages - Google Patents
Methods, devices and systems for presenting web pages Download PDFInfo
- Publication number
- TWI503676B TWI503676B TW099106788A TW99106788A TWI503676B TW I503676 B TWI503676 B TW I503676B TW 099106788 A TW099106788 A TW 099106788A TW 99106788 A TW99106788 A TW 99106788A TW I503676 B TWI503676 B TW I503676B
- Authority
- TW
- Taiwan
- Prior art keywords
- font
- screen resolution
- user
- webpage
- page
- Prior art date
Links
Landscapes
- Information Transfer Between Computers (AREA)
Description
本申請涉及電腦領域,特別涉及一種呈現網頁頁面的方法、裝置及系統。
隨著技術的發展,用戶端支援的螢幕解析度逐步提高,而用戶端採用的瀏覽器呈現的網頁頁面中字體字型大小的取值卻始終未變,目前,任意瀏覽器的預設字體字型大小的取值均為16PX(即16圖元),那麼顯然,螢幕解析度越高的用戶端通過瀏覽器呈現的網頁頁面的字體便越小,這便給用戶的瀏覽帶來了極大的不便。例如,12圖元的字體在1280*1024PX及以上的螢幕解析度下展現時,文字內容偏小,會給部分瀏覽者帶來文字閱讀方面的困難。具體參閱圖1A所示。
針對上述問題,現有技術下,往往通過瀏覽器內嵌的字體調整功能(如,IE工具中的“字體大小”)或者作業系統預設的字體調整功能(如,螢幕解析度調整),對瀏覽器呈現的字體大小進行調整,使網頁頁面包含的字體的大小達到用戶的使用要求,具體如圖1B所示。然而,採用這種方法會使網頁頁面的排版出現混亂,不能完整地呈現頁面資訊,並且由於漢字是點陣字體,因此,擴大後的字體會變得模糊不清,這仍然影響了用戶的使用,從而降低了網站系統的服務品質。
本申請實施例提供一種呈現網頁頁面的方法、裝置及系統,用以提高網頁頁面的顯示效果。
一種呈現網頁頁面的方法,包括:網站伺服器接收用戶端發送的用於請求瀏覽網頁的第一請求消息後,向所述用戶端發送用於查詢螢幕解析度的第二請求消息;所述網站伺服器根據用戶端返回的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應所述螢幕解析度設置的字體字型大小;所述網站伺服器根據所述螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並將該網頁頁面發往所述用戶端。
一種呈現網頁頁面的方法,包括:用戶端發送用於請求瀏覽網頁的請求消息時,查詢所述用戶端的螢幕解析度,並將所述螢幕解析度發送給網站伺服器;所述網站伺服器接收用戶端發送的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應所述螢幕解析度設置的字體字型大小;所述網站伺服器根據所述螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並將該網頁頁面發往所述用戶端。
一種網站伺服器,包括:通信單元,用於接收用戶端發送的用於請求瀏覽網頁的第一請求消息後,向所述用戶端發送用於查詢螢幕解析度的第二請求消息,以及接收用戶端返回的螢幕解析度;獲取單元,用於根據所述用戶端返回的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應所述螢幕解析度設置的字體字型大小;生成單元,用於根據所述螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並通過所述通信單元將該網頁頁面發往所述用戶端。
一種網站伺服器,包括:通信單元,用於接收用戶端發送的用於請求瀏覽網頁的請求消息以及螢幕解析度;獲取單元,用於根據所述用戶端發送的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應所述螢幕解析度設置的字體字型大小;生成單元,用於根據所述螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並通過所述通信單元將該網頁頁面發往所述用戶端。
一種網站系統,包括網站伺服器,所述網站伺服器接收用戶端發送的用於請求瀏覽網頁的第一請求消息後,向所述用戶端發送用於查詢螢幕解析度的第二請求消息,並根據用戶端返回的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應所述螢幕解析度設置的字體字型大小,再根據所述螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並將該網頁頁面發往所述用戶端。
一種網站系統,包括網站伺服器和用戶端,包括:用戶端,用於向網站伺服器發送瀏覽網頁頁面的請求,查詢本地用戶端的螢幕解析度,並將該螢幕解析度發送給網站伺服器;網站伺服器,接收用戶端發送的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應所述螢幕解析度設置的字體字型大小,再根據所述螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並將該網頁頁面發往用戶端。
採用上述技術方案,網站伺服器可以根據各用戶端當前採用的螢幕解析度生成字體大小比例適合用戶瀏覽的網頁頁面,有效地提升了網頁頁面的顯示效果,提高了網站系統的服務品質,也大大增加了用戶體驗。
為了提高網站系統的服務品質,提升網頁頁面的顯示效果,本申請實施例中,網站伺服器接收用戶端發送的用於請求瀏覽網頁的第一請求消息後,向所述用戶端發送用於查詢螢幕解析度的第二請求消息,並根據用戶端返回的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應所述螢幕解析度設置的字體字型大小,再根據所述螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並將該網頁頁面發往所述用戶端。本申請的另一實施例為:用戶端向網站伺服器發送用於請求瀏覽網頁的請求消息時,主動查詢本地螢幕解析度,並將所述螢幕解析度發送給網站伺服器,網站伺服器根據預設的螢幕解析度與字體字型大小之間的對應關係選擇對應所述螢幕解析度設置的字體字型大小,再根據所述螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並將該網頁頁面發往所述用戶端。
下面結合附圖對本申請優選的實施方式進行詳細說明。
參閱圖2所示,本申請第一實施例中,提供網站服務的系統內包括若干用戶端10和網站伺服器11,其中,用戶端10,用於向網站伺服器11請求瀏覽網頁頁面;網站伺服器11,用於接收用戶端10發送的用以請求瀏覽網頁的第一請求消息後,向用戶端10發送用以查詢螢幕解析度的第二請求消息,並根據用戶端10返回的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應所述螢幕解析度設置的字體字型大小,再根據所述螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並將該網頁頁面發往用戶端10。
參閱圖3所示,本申請實施例中,網站伺服器11包括存儲單元110、通信單元111、獲取單元112和生成單元113,其中,存儲單元110,用於保存預設的螢幕解析度和字體字型大小之間的對應關係;通信單元111,用於在接收用戶端10發送的用以請求瀏覽網頁的第一請求消息後,向用戶端10發送用以查詢螢幕解析度的第二請求消息,以及接收用戶端10返回的螢幕解析度;獲取單元112,用於根據用戶端10返回的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應所述螢幕解析度設置的字體字型大小;生成單元113,用於根據所述螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並通過通信單元111將該網頁頁面發往用戶端10。
本申請的第二實施例中,提供網站服務的系統內包括若干用戶端10和網站伺服器11,其中,用戶端10,用於向網站伺服器11請求瀏覽網頁頁面,主動查詢本地用戶端的螢幕解析度,並將該螢幕解析度發送給網站伺服器。
網站伺服器11,根據用戶端10發送的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應所述螢幕解析度設置的字體字型大小,再根據所述螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並將該網頁頁面發往用戶端10。
基於上述系統架構,本申請實施例中,在網站伺服器11上要預先定義好初始的螢幕解析度和字體字型大小之間的對應關係。可以採用層疊式表(Cascading Stylesheet,CSS)技術進行設置,CSS是一種樣式表(stylesheet)技術,在進行網頁製作時採用CSS技術,可以有效地對頁面的佈局、字體、顏色、背景和其他效果實現更加精確的控制。本實施例中,採用CSS技術進行螢幕解析度和字體字型大小的初始設置時,將字體高(em)為單位引入字型大小的定義,em是相對單位,即相對於當前物件內文本的字體尺寸,若當前物件內文本的字體尺寸未被人為設置,則相對於瀏覽器的預設字體尺寸,類似百分比。如,現有技術下,大部分瀏覽器採用的字體定義標準都符合:1em=16px,以此類推,可以得到,14px=0.875em,12px=0.75em,10px=0.625em。為了簡化換算,較佳地,採用body選擇器進行頁面元素屬性設置,body類型選擇器的作用是將預設規則利用繼承機制應用給所有頁面元素,其效果是給頁面內元素加上字體樣式、顏色、大小、邊框外觀、內邊距等屬性。本申請實施例中,在CSS的body選擇器中預設Font-size=62.5%,使得瀏覽器的字體大小更改為:16px*62.5%=10px,此時,1em的取值轉換為:10px,即表明只需要將原來的以px為單位的字體字型大小的取值除以10,並轉換為em作為單位就可以了。具體實施如下:
(font-family指字體、font-size指字體大小規格:、TD指表格中定義文字大小規格、light-height表示行距)
font-family:微軟雅黑,Lucida Grande,tahoma,宋體;
font-size:62.5%
Td:1.2-1.8em(或者120%-180%)
Light-height:1.6-2 em(或者160%-200%)
採用em為單位對字體字型大小進行定義具有如下特點:em的值並不是固定的,em會繼承父級元素的字體大小,可應用於基於IE的瀏覽器中對字體大小進行縮放/擴展;em為相對大小的單位,用戶可以根據自身需要基於em對字體大小進行相應修改(以圖元為單位設置字體大小時,用戶是不能對字體大小進行修改的),這就更為靈活地適合了各種各樣的用戶需求,提高了網站系統的服務品質。
進行初始定義後,網站伺服器11在接收到用戶端10發送的瀏覽網頁的請求時,先判斷用戶端10使用的螢幕解析度,再根據預設的螢幕解析度和字體字型大小之間的映射關係,生成相應比例的網頁頁面並發送至用戶端10;參閱圖4所示,為本申請第一實施例網站伺服器11根據用戶端10的螢幕解析度向其呈現相應網站頁面的詳細流程如下:
步驟400:用戶端10登錄網站伺服器11並通過鑒權認證。
實際應用中,用戶端10通過網站伺服器11的鑒權認證後,便可以使用網站伺服器11提供的各種網站業務了,例如,瀏覽網頁,下載檔等等。
步驟410:用戶端10根據用戶指示向網站伺服器11發送網頁瀏覽請求消息。
本實施例中,上述網頁瀏覽請求消息中攜帶有用戶指示瀏覽的網頁的統一資源定位(URL)地址。
步驟420:網站伺服器11接收到用戶端10發送的網頁瀏覽請求消息後,向用戶端10發送解析度查詢請求消息,通過該消息指示用戶端10返回當前採用的螢幕解析度。
步驟430:用戶端10接收到解析度查詢請求消息後,獲取本地當前採用的螢幕解析度,以下稱為解析度1。
步驟440:用戶端10將獲取的解析度1攜帶在解析度查詢回應消息中發送至網站伺服器11。
步驟450:網站伺服器11根據接收的解析度1,以及預設的螢幕解析度與字體字型大小之間的對應關係,獲得對應解析度1設置的字體字型大小1,以及根據解析度1和字體字型大小1生成相應比例的網頁頁面,以下稱為網頁1。
在步驟450中,網站伺服器11在生成網頁頁面的過程中,需要根據接收的URL位址獲取對應的網頁元素(如文字、鏈結、圖片等等),並將其添加到已確定比例的網頁頁面中,如,根據字體字型大小1確定獲取的文字在顯示時使用的圖元大小,並按照此圖元大小將獲取的文字在網頁頁面中進行排版。又如,將獲取的圖片按照字體字型大小1進行大小調整或者剪裁,以適應文字的排版,等等。
在實際應用中,由於漢字是點陣字體,因此在瀏覽器中呈現時,低於12圖元便開始出現丟失筆劃等現象,而在12圖元到18圖元之間呈現時,閱讀效果相對最好,但若採用的字體是非整數倍圖元級,也無法達到最佳的瀏覽效果,因而,較佳地,本申請實施例採用以下方式預設螢幕解析度與字體字型大小的對應關係:在800*600或1024*768螢幕解析度下,定義預設字體字型大小為“1.2em”,即12圖元相等大小;在1280*1024螢幕解析度下定義預設字體字型大小為“1.4em”,即14圖元相等大小;而在1920*1600或以上螢幕解析度下定義預設字體字型大小為“1.6em”,即16圖元相等大小。此種設置方式僅為舉例。
步驟460:網站伺服器11將生成的網頁1發送至用戶端10。
步驟470:用戶端10向用戶呈現獲得的網頁1。
基於上述實施例,用戶通過用戶端10瀏覽網頁頁面的過程中,也可以根據實際需要自行設置字體字型大小。
例如,用戶端10當前採用1280*1024螢幕解析度進行網頁瀏覽,而用戶通過用戶端10向網站伺服器11請求將字體字型大小設置為2em,假設網路側預先設置的對應於1280*1024螢幕解析度的字體字型大小為1.4em,小於2em,則網站伺服器11放棄網路側預先設置的字體字型大小,根據用戶指示的2em和1280*1024圖元螢幕解析度生成相應比例的網頁頁面。
又例如,用戶端10當前採用1280*1024螢幕解析度進行網頁瀏覽,而用戶通過用戶端10向網站伺服器11請求將字體字型大小設置為1em,同樣假設網路側預先設置的對應於1280*1024螢幕解析度的字體字型大小為1.4em,大於1em,則網站伺服器11可以直接根據1em和1280*1024螢幕解析度生成相應比例的網頁頁面;也可以向用戶提示其當前選擇的字體字型大小不是對應其螢幕解析度的較佳參數設置,若用戶仍選擇使用字體字型大小1em,則再根據1em和生成相應比例的網頁頁面;若用戶重新設置字體字型大小為1.5em,則網站伺服器11根據1.5em和1280*1024螢幕解析度生成相應比例的網頁頁面。
另一方面,在上述實施例中,網站伺服器11向用戶端10提供符合用戶使用要求的網頁1後,可以定期向用戶端10發送解析度查詢請求消息,以判斷用戶端10採用的螢幕解析度是否發生了變化,並在確定發生變化時,對用戶當前瀏覽的網頁頁面進行相應調整;或者,也可以在用戶調整用戶端10的螢幕解析度後,由用戶端10主動向網站伺服器11上報改變後的螢幕解析度,請求網站伺服器11按照新設置的螢幕解析度對用戶當前瀏覽的網頁頁面進行相應調整。
本申請實施例中,網站伺服器11在確定用戶重新設置用戶端10的螢幕解析度後,對用戶當前瀏覽的網頁頁面進行調整的方式,包含但不限於以下兩種:
1、按照用戶重新設置的螢幕解析度,以及預設的螢幕解析度和字體字型大小之間的對應關係,獲取上述重新設置的螢幕解析度對應的字體字型大小,並根據該字體字型大小及相關的網頁元素重新生成相應比例的網頁頁面,再將該網頁頁面發送至用戶端10。
2、按照用戶重新設置的螢幕解析度和上一次使用的螢幕解析度的比值,指示用戶端10對用戶當前瀏覽的網頁頁面進行同比例縮放/擴展。
在本申請第二實施例中,用戶端10主動查詢本地用戶端的螢幕解析度倂發送給網站伺服器11,網站伺服器11向其呈現相應網站頁面的流程如下:
步驟510:用戶端10向網站伺服器11發送網頁瀏覽請求消息時,主動查詢本地的螢幕解析度,並將該螢幕解析度發送給網站伺服器11。
其中,所述用戶端10可以將螢幕解析度攜帶在用於請求瀏覽網頁的請求消息中一起發送給網站伺服器11,也可以通過發送獨立的請求消息將螢幕解析度發送給網站伺服器11。
步驟520:網站伺服器11根據接收的解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,獲得對應解析度設置的字體字型大小,以及根據解析度和字體字型大小生成相應比例的網頁頁面。
步驟530:網站伺服器11將生成的網頁發送至用戶端10。
步驟540:用戶端10向用戶呈現獲得的網頁。
綜上所述,採用本申請實施例中記載的技術方案,網站伺服器11可以根據各用戶端10當前採用的螢幕解析度生成字體大小比例適合用戶瀏覽的網頁頁面,從而有效地提升了網頁頁面的顯示效果,提高了網站系統的服務品質,也大大增強了用戶體驗。另一方面,網站伺服器11還可以根據用戶端10螢幕解析度的改變對生成的網頁頁面的比例進行適應性調整,以及根據用戶自定義的字體字型大小和用戶端10當前採用的螢幕解析度,生成基於用戶自定義比例的網頁頁面,這便提高了網站服務的靈活性,可以更好地適應用戶的各類需求,從而進一步提高了網站系統的服務品質,增強了用戶體驗。
本申請是參照根據本發明實施例的方法、設備(系統)、和電腦程式產品的流程圖和/或方框圖來描述的。應理解可由電腦程式指令實現流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結合。可提供這些電腦程式指令到通用電腦、專用電腦、嵌入式處理機或其他可編程資料處理設備的處理器以產生一個機器,使得通過電腦或其他可編程資料處理設備的處理器執行的指令產生用於實現在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的裝置。
這些電腦程式指令也可存儲在能引導電腦或其他可編程資料處理設備以特定方式工作的電腦可讀記憶體中,使得存儲在該電腦可讀記憶體中的指令產生包括指令裝置的製造品,該指令裝置實現在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能。
這些電腦程式指令也可裝載到電腦或其他可編程資料處理設備上,使得在電腦或其他可編程設備上執行一系列操作步驟以產生電腦實現的處理,從而在電腦或其他可編程設備上執行的指令提供用於實現在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的步驟。
顯然,本領域的技術人員可以對本申請中的實施例進行各種改動和變型而不脫離本申請的精神和範圍。這樣,倘若本申請實施例中的這些修改和變型屬於本申請之申請專利範圍及其等同技術的範圍之內,則本申請中的實施例也意圖包含這些改動和變型在內。
10...用戶端
11...網站伺服器
110...存儲單元
111...通信單元
112...獲取單元
113...生成單元
圖1A和圖1B為本申請現有技術下網頁頁面呈現示意圖;
圖2為本申請第一實施例中網站服務系統架構圖;
圖3為本申請第一實施例中網站伺服器功能結構圖;
圖4為本申請第一實施例中網站伺服器向用戶端提供網頁頁面流程圖。
10...用戶端
11...網站伺服器
Claims (15)
- 一種呈現網頁頁面的方法,其特徵在於,包括:網站伺服器接收用戶端發送的用於請求瀏覽網頁的第一請求消息後,向該用戶端發送用於查詢螢幕解析度的第二請求消息;該網站伺服器根據用戶端返回的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應該螢幕解析度設置的字體字型大小;及該網站伺服器根據該螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並將該網頁頁面發往該用戶端,其中,於該網站伺服器將該網頁頁面發往用戶端後,該網站伺服器可以定期向用戶端發送解析度查詢請求消息,以判斷用戶端採用的螢幕解析度是否發生變化,並在確定發生變化時,對用戶當前瀏覽的網頁頁面進行相應調整。
- 如申請專利範圍第1項所述的方法,其中,於該網站伺服器將網頁頁面發往用戶端後,若接收到用戶端發送的用於指示重新設置字體字型大小的第三請求消息,則根據用戶端當前採用的螢幕解析度和用戶重新設置的字體字型大小生成相應比例的網頁頁面。
- 如申請專利範圍第2項所述的方法,其中,該網站伺服器根據用戶端當前採用的螢幕解析度和用戶重新設置的字體字型大小生成相應比例的網頁頁面,包括: 該網站伺服器直接根據用戶端當前採用的螢幕解析度和用戶重新設置的字體字型大小生成相應比例的網頁頁面;或者該網站伺服器將該重新設置的字體字型大小,與對應該用戶端當前採用的遮罩解析度預設的字體字型大小進行比較,並在確定該重新設置的字體字型大於該預設的字體字型大小時,根據用戶端當前採用的螢幕解析度和該重新設置的字體字型大小生成相應比例的網頁頁面。
- 如申請專利範圍第1、2或3項所述的方法,其中,該網站伺服器將網頁頁面發往用戶端後,若確定該用戶端重新設置了螢幕解析度,則按照用戶端重新設置的螢幕解析度,以及預設的螢幕解析度和字體字型大小之間的對應關係,獲取上述重新設置的螢幕解析度對應的字體字型大小,並根據該重新設置的螢幕解析度和對應的字體字型大小生成相應比例的網頁頁面。
- 如申請專利範圍第1、2或3項所述的方法,其中,於該網站伺服器將網頁面發往用戶端後,若確定該用戶端重新設置了螢幕解析度,則按照該重新設置的螢幕解析度和用戶端上一次使用的螢幕解析度的比值,指示用戶端對用戶當前瀏覽的網頁頁面進行同比例縮放/擴展。
- 如申請專利範圍第1項所述的方法,其中,在該網站伺服器接收用戶端發送的用於請求瀏覽網頁的第一請求消息之前,還包括:預設螢幕解析度與字體字型大小之間 的對應關係,其中,該字體字型大小的單位為em。
- 一種呈現網頁頁面的方法,其特徵在於,包括:用戶端發送用於請求瀏覽網頁的請求消息時,查詢該用戶端的螢幕解析度,並將該螢幕解析度發送給網站伺服器;該網站伺服器接收用戶端發送的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應該螢幕解析度設置的字體字型大小;及該網站伺服器根據該螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並將該網頁頁面發往該用戶端,其中,於該網站伺服器將該網頁頁面發往用戶端後,該網站伺服器可以定期向用戶端發送解析度查詢請求消息,以判斷用戶端採用的螢幕解析度是否發生變化,並在確定發生變化時,對用戶當前瀏覽的網頁頁面進行相應調整。
- 如申請專利範圍第7項所述的方法,其中,該用戶端將該螢幕解析度發送給網站伺服器,具體包括:該用戶端將螢幕解析度攜帶在用於請求瀏覽網頁的請求消息中一起發送給網站伺服器,或,該用戶端通過發送獨立的請求消息將螢幕解析度發送給網站伺服器。
- 一種網站伺服器,其特徵在於,包括:通信單元,用於接收用戶端發送的用於請求瀏覽網頁的第一請求消息後,向該用戶端發送用於查詢螢幕解析度 的第二請求消息,以及接收用戶端返回的螢幕解析度;獲取單元,用於根據該用戶端返回的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應該螢幕解析度設置的字體字型大小;及生成單元,用於根據該螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並通過該通信單元將該網頁頁面發往該用戶端,其中,於通過該通信單元將該網頁頁面發往用戶端後,該通信單元可以定期向用戶端發送解析度查詢請求消息,以判斷用戶端採用的螢幕解析度是否發生變化,並在確定發生變化時,對用戶當前瀏覽的網頁頁面進行相應調整。
- 如申請專利範圍第9項所述的網站伺服器,其中,於該生成單元通過該通信單元將網頁頁面發往用戶端後,若通過該通信單元接收到用戶端發送的用於指示重新設置字體字型大小的第三請求消息,則根據用戶端當前採用的螢幕解析度和用戶重新設置的字體字型大小生成相應比例的網頁頁面。
- 如申請專利範圍第9或10項所述的網站伺服器,其中,於該生成單元通過該通信單元將網頁頁面發往用戶端後,若確定該用戶端重新設置了螢幕解析度,則按照用戶端重新設置的螢幕解析度,以及預設的螢幕解析度和字體字型大小之間的對應關係,獲取上述重新設置的螢幕解析度對應的字體字型大小,並根據該重新設置的螢幕解析 度和對應的字體字型大小生成相應比例的網頁頁面。
- 如申請專利範圍第9或10項所述的網站伺服器,其中,於該生成單元通過該通信單元將網頁頁面發往用戶端後,若確定該用戶端重新設置了螢幕解析度,則按照該重新設置的螢幕解析度和用戶端上一次使用的螢幕解析度的比值,指示用戶端對用戶當前瀏覽的網頁頁面進行同比例縮放/擴展。
- 一種網站伺服器,其特徵在於,包括:通信單元,用於接收用戶端發送的用於請求瀏覽網頁的請求消息以及螢幕解析度;獲取單元,用於根據該用戶端發送的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應該螢幕解析度設置的字體字型大小;及生成單元,用於根據該螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並通過該通信單元將該網頁頁面發往該用戶端,其中,於通過該通信單元將該網頁頁面發往用戶端後,該通信單元可以定期向用戶端發送解析度查詢請求消息,以判斷用戶端採用的螢幕解析度是否發生變化,並在確定發生變化時,對用戶當前瀏覽的網頁頁面進行相應調整。
- 一種網站系統,包括網站伺服器,其特徵在於,該網站伺服器接收用戶端發送的用於請求瀏覽網頁的第一請求消息後,向該用戶端發送用於查詢螢幕解析度的第二 請求消息,並根據用戶端返回的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應該螢幕解析度設置的字體字型大小,再根據該螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並將該網頁頁面發往該用戶端,其中,於該網站伺服器將該網頁頁面發往用戶端後,該網站伺服器可以定期向用戶端發送解析度查詢請求消息,以判斷用戶端採用的螢幕解析度是否發生變化,並在確定發生變化時,對用戶當前瀏覽的網頁頁面進行相應調整。
- 一種網站系統,包括網站伺服器和用戶端,其特徵在於,包括:用戶端,用於向網站伺服器發送瀏覽網頁頁面的請求,查詢本地用戶端的螢幕解析度,並將該螢幕解析度發送給網站伺服器;及網站伺服器,接收用戶端發送的螢幕解析度,以及預設的螢幕解析度與字體字型大小之間的對應關係,選擇對應該螢幕解析度設置的字體字型大小,再根據該螢幕解析度和獲得的字體字型大小生成相應比例的網頁頁面,並將該網頁頁面發往該用戶端,其中,於該網站伺服器將該網頁頁面發往用戶端後,該網站伺服器可以定期向用戶端發送解析度查詢請求消息,以判斷用戶端採用的螢幕解析度是否發生變化,並在確定發生變化時,對用戶當前瀏覽的網頁頁面進行相應調 整。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW099106788A TWI503676B (zh) | 2010-03-09 | 2010-03-09 | Methods, devices and systems for presenting web pages |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW099106788A TWI503676B (zh) | 2010-03-09 | 2010-03-09 | Methods, devices and systems for presenting web pages |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201131384A TW201131384A (en) | 2011-09-16 |
TWI503676B true TWI503676B (zh) | 2015-10-11 |
Family
ID=50180347
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW099106788A TWI503676B (zh) | 2010-03-09 | 2010-03-09 | Methods, devices and systems for presenting web pages |
Country Status (1)
Country | Link |
---|---|
TW (1) | TWI503676B (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070226612A1 (en) * | 2000-02-24 | 2007-09-27 | International Business Machines Corporation | Server-side html customization based on style sheets and target device |
US20080028335A1 (en) * | 2000-06-12 | 2008-01-31 | Rohrabaugh Gary B | Scalable display of internet content on mobile devices |
TW200906157A (en) * | 2007-07-19 | 2009-02-01 | Chunghwa Telecom Co Ltd | A dynamic web page structural design method suited for mobile content service |
TW200907712A (en) * | 2007-08-01 | 2009-02-16 | Inventec Corp | A system and a method for recording a font's size of the web pages in which display in the client |
-
2010
- 2010-03-09 TW TW099106788A patent/TWI503676B/zh not_active IP Right Cessation
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070226612A1 (en) * | 2000-02-24 | 2007-09-27 | International Business Machines Corporation | Server-side html customization based on style sheets and target device |
US20080028335A1 (en) * | 2000-06-12 | 2008-01-31 | Rohrabaugh Gary B | Scalable display of internet content on mobile devices |
TW200906157A (en) * | 2007-07-19 | 2009-02-01 | Chunghwa Telecom Co Ltd | A dynamic web page structural design method suited for mobile content service |
TW200907712A (en) * | 2007-08-01 | 2009-02-16 | Inventec Corp | A system and a method for recording a font's size of the web pages in which display in the client |
Also Published As
Publication number | Publication date |
---|---|
TW201131384A (en) | 2011-09-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP5967614B2 (ja) | ウェブページを表示する方法、装置およびシステム | |
CN107766359B (zh) | 一种将页面内容转换为图片的方法、装置以及计算设备 | |
WO2017088509A1 (zh) | 一种页面定制化的方法和装置 | |
KR101494285B1 (ko) | 전자 문서의 선택 영역 표시 시 텍스트의 동적 래핑 방법 및 장치 | |
US9037974B2 (en) | Creating and editing dynamic graphics via a web interface | |
US20030095135A1 (en) | Methods, systems, and programming for computer display of images, text, and/or digital content | |
US10467790B2 (en) | On-demand image spriting | |
US20040117735A1 (en) | Method and system for preparing and adapting text, images and video for delivery over a network | |
JP5829354B2 (ja) | 情報処理システム、情報処理システムの制御方法、情報処理装置、情報処理装置の制御方法、情報記憶媒体、及びプログラム | |
US20190073342A1 (en) | Presentation of electronic information | |
US9117314B2 (en) | Information output apparatus, method, and recording medium for displaying information on a video display | |
JP2007233659A (ja) | ネットワークサービスにおける情報配信システム | |
CN113849254A (zh) | 页面布局的自适应调整方法及计算设备 | |
TWI503676B (zh) | Methods, devices and systems for presenting web pages | |
US20140325346A1 (en) | Shortened Network Address Linking to Image Representation of Web Page | |
US11630610B2 (en) | Information processing apparatus and non-transitory computer readable medium for generating web page print data | |
JP2010288243A (ja) | 携帯情報端末用コンテンツ生成・配信システム | |
TW201915780A (zh) | 網頁版面自動偵測方法、網頁瀏覽的優化處理方法及其處理系統 | |
JP3873690B2 (ja) | 文字列の表示方法および画像印刷方法 | |
EP2747031A1 (en) | A method of publishing digital content | |
JP6351969B2 (ja) | サーバ装置、文字詰め方法及びプログラム | |
US20210350770A1 (en) | Image delivery optimisation | |
CN117076003A (zh) | 生成应用页面水印的方法、装置、计算机设备 | |
CN116304425A (zh) | 一种电子文档的预览方法及相关装置 | |
CN116701799A (zh) | 一种html标签优化方法、装置和设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
MM4A | Annulment or lapse of patent due to non-payment of fees |