專利名稱：網(wǎng)頁(yè)顯示裝置和網(wǎng)頁(yè)顯示方法
技術(shù)領(lǐng)域：
本發(fā)明涉及網(wǎng)頁(yè)顯示裝置和網(wǎng)頁(yè)顯示方法，尤其適用于例如個(gè)人
數(shù)字助理(PDA)。
背景技術(shù)：
利用萬(wàn)維網(wǎng)(WWW)文檔系統(tǒng)以超文本標(biāo)記語(yǔ)言(HTML)格 式編寫(xiě)的網(wǎng)頁(yè)是為了瀏覽個(gè)人計(jì)算機(jī)等的大尺寸的顯示屏幕(例如， 寬度為1024像素并且高度為768像素的擴(kuò)展圖形陣列(XGA))而 創(chuàng)建的。
另一方面，PDA已配備例如寬度為320像素并且高度為240像 素的四分之一視頻圖形陣列(QVGA)顯示屏，并能夠在該顯示屏上 顯示網(wǎng)頁(yè)。
例如，PDA縮小如圖1A所示的寬度為1024 ^象素的網(wǎng)頁(yè)Wl， 以生成如圖1B所示的寬度為320像素的縮小網(wǎng)頁(yè)W2。
PDA隨后將縮小網(wǎng)頁(yè)W2的上方240像素部分設(shè)定為顯示區(qū)域 WA1,并且如圖1C所示將與顯示區(qū)域WA1相對(duì)應(yīng)的顯示畫(huà)面DG1 顯示在顯示屏上(例如，參考日本專利申請(qǐng)?jiān)缙诠_(kāi)No. 2007-004524)。

發(fā)明內(nèi)容
由于前述PDA根據(jù)顯示屏的顯示尺寸將整個(gè)網(wǎng)頁(yè)Wl縮小成縮 小網(wǎng)頁(yè)W2，因此無(wú)法以針對(duì)用戶的視覺(jué)觀察的最佳尺寸來(lái)在顯示屏 上顯示網(wǎng)頁(yè)Wl。從而存在用戶的瀏覽性能受損的問(wèn)題。
本發(fā)明是考慮到上述情況而作出的，并且將提供一種能夠以更易 觀看的方式顯示網(wǎng)頁(yè)的網(wǎng)頁(yè)顯示裝置和網(wǎng)頁(yè)顯示方法。為了解決上述問(wèn)題，根據(jù)本發(fā)明的一個(gè)方面的網(wǎng)頁(yè)顯示裝置包
括獲取單元，用于獲取網(wǎng)頁(yè)；生成單元，用于在構(gòu)成網(wǎng)頁(yè)的多個(gè)元 素中的用戶指定的特定元素的寬度大于顯示單元的顯示尺寸的寬度 時(shí)，通過(guò)縮小網(wǎng)頁(yè)以使該特定元素的寬度小于顯示尺寸的寬度來(lái)生成 縮小網(wǎng)頁(yè)；以及顯示控制單元，用于在該特定元素的寬度大于顯示尺 寸的寬度時(shí)，控制顯示單元顯示所述縮小網(wǎng)頁(yè)的與該特定元素相對(duì)應(yīng) 的特定縮小元素。
因此，當(dāng)用戶選擇的特定元素大于顯示尺寸時(shí)，網(wǎng)頁(yè)被縮小顯示， 以使該特定元素小于顯示尺寸。這使得可以在顯示單元上以適當(dāng)?shù)某?寸顯示該特定元素。
根據(jù)本發(fā)明的另一方面的一種網(wǎng)頁(yè)顯示方法包括獲取步驟，利 用獲取單元獲取網(wǎng)頁(yè)；生成步驟，在構(gòu)成網(wǎng)頁(yè)的多個(gè)元素中的用戶指 定的特定元素的寬度大于顯示單元的顯示尺寸的寬度時(shí)，利用生成單 元通過(guò)縮小網(wǎng)頁(yè)以使該特定元素的寬度小于顯示尺寸的寬度來(lái)生成 縮小網(wǎng)頁(yè)；以及顯示控制步驟，在該特定元素的寬度大于顯示尺寸的 寬度時(shí)，利用顯示控制單元控制顯示單元顯示所述縮小網(wǎng)頁(yè)的與該特 定元素相對(duì)應(yīng)的特定縮小元素。
因此，當(dāng)用戶選棒的特定元素大于顯示尺寸時(shí)，網(wǎng)頁(yè)被縮小顯示， 以使該特定元素小于顯.示尺寸。這使得可以在顯示單元上以適當(dāng)?shù)某?寸顯示該特定元素。
根據(jù)本發(fā)明，當(dāng)用戶選擇的特定元素大于顯示尺寸時(shí)，網(wǎng)頁(yè)被縮 小顯示，以使該特定元素小于顯示尺寸。該特定元素從而可按適當(dāng)?shù)?尺寸被顯示在顯示單元上。這樣就可以實(shí)現(xiàn)一種能夠以易于觀看的方 式來(lái)顯示網(wǎng)頁(yè)的網(wǎng)頁(yè)顯示裝置和網(wǎng)頁(yè)顯示方法。
當(dāng)結(jié)合附圖理解以下詳細(xì)描述時(shí)，將更清楚看出本發(fā)明的性質(zhì)、 原理和效果，附圖中相同的部分用相同的附圖標(biāo)記或標(biāo)號(hào)來(lái)表示。


在附圖中圖1A至圖1C是示出如何執(zhí)行傳統(tǒng)的縮小顯示的示意圖； 圖2是示出網(wǎng)頁(yè)獲取和顯示系統(tǒng)的整體配置的示意圖； 圖3是示出PDA的電路配置的示意圖4是示出Web服務(wù)器和截圖(snapshot)服務(wù)器的電路配置 的示意圖5A和圖5B是示出網(wǎng)頁(yè)數(shù)據(jù)的結(jié)構(gòu)的示意圖； 圖6A至圖6C是示出圖像數(shù)據(jù)的結(jié)構(gòu)的示意圖； 圖7A和圖7B是示出截圖顯示畫(huà)面的結(jié)構(gòu)和如何檢測(cè)坐標(biāo)位置 的示意圖8A和圖8B是示出所選擇的元素小于或等于顯示尺寸時(shí)如何 顯示網(wǎng)頁(yè)的示意圖9A至圖9C是示出當(dāng)所選擇的元素大于顯示尺寸時(shí)如何顯示 網(wǎng)頁(yè)的示意圖IO是用于說(shuō)明最佳布局顯示處理的過(guò)程(1)的流程圖； 圖ll是用于說(shuō)明最佳布局顯示處理的過(guò)程(2)的流程圖； 圖12A至圖12C是示出網(wǎng)頁(yè)的傳統(tǒng);改大顯示的示意圖； 圖13是示出布局已破壞的網(wǎng)頁(yè)的傳統(tǒng)顯示的示意圖；并且 圖14是示出根據(jù)另一實(shí)施例的顯示畫(huà)面的示意圖。
具體實(shí)施例方式
下面，將參考附圖詳細(xì)描述本發(fā)明的實(shí)施例。 (1)網(wǎng)頁(yè)獲取和顯示系統(tǒng)的配置 (1-1)網(wǎng)頁(yè)獲取和顯示系統(tǒng)的整體配置
圖2示出了作為本發(fā)明實(shí)施例的網(wǎng)頁(yè)獲取和顯示系統(tǒng)1。網(wǎng)頁(yè)獲 取和顯示系統(tǒng)1包括例如通過(guò)因特網(wǎng)連接的PDA2、 Web服務(wù)器3和 截圖服務(wù)器4。
PDA2在其正面2A有QVGA顯示屏5，并且在其左側(cè)2B有包 括向上按鈕6a、向下按鈕6b、輸入按鈕6c和后退按鈕6d在內(nèi)的操 作按鈕組6。根據(jù)用戶的預(yù)定操作，PDA2向Web服務(wù)器3發(fā)送用于獲取預(yù) 定網(wǎng)頁(yè)上的數(shù)據(jù)(以下稱之為網(wǎng)頁(yè)數(shù)據(jù))的請(qǐng)求消息。
Web服務(wù)器3包含大量的網(wǎng)頁(yè)數(shù)據(jù)。Web服務(wù)器3向PDA 2發(fā) 送與從PDA2接收的請(qǐng)求消息相對(duì)應(yīng)的網(wǎng)頁(yè)數(shù)據(jù)WD。
同時(shí)，Web服務(wù)器3向截圖服務(wù)器4發(fā)送被發(fā)送到PDA 2的網(wǎng) 頁(yè)數(shù)據(jù)WD以及表明向PDA 2發(fā)送網(wǎng)頁(yè)數(shù)據(jù)WD的日志數(shù)據(jù)(未示 出)。
截圖服務(wù)器4基于從Web服務(wù)器3接收到的網(wǎng)頁(yè)數(shù)據(jù)WD生成 圖像數(shù)據(jù)(下文將描述)ID，并且基于日志數(shù)據(jù)將圖像數(shù)據(jù)ID發(fā)送 到PDA 2。
(1-2) PDA的電路配置
如圖3所示，PDA 2根據(jù)一基本程序通過(guò)總線14來(lái)對(duì)整個(gè)裝置 實(shí)行集中控制，該基本程序是由中央處理單元(CPU) ll從只讀存儲(chǔ) 器(ROM) 12中讀取并在隨機(jī)訪問(wèn)存儲(chǔ)器(RAM) 13上運(yùn)行的。
PDA 2還可以根據(jù)由CPU 11從ROM 12讀取并在RAM 13上運(yùn) 行的各種應(yīng)用程序來(lái)執(zhí)行各類(lèi)處理，例如下文中將要描述的最佳布局 顯示處理。
PDA 2具有無(wú)線通信單元16，例如電氣與電子工程師學(xué)會(huì) (IEEE ) 802.11無(wú)線通信模塊。PDA 2通過(guò)無(wú)線通信單元16與Web 服務(wù)器3和截圖服務(wù)器4建立無(wú)線連接。
根據(jù)用戶對(duì)設(shè)在顯示屏5的表面上的觸摸面板15的操作，PDA 2 的CPU 11例如通過(guò)無(wú)線通信單元16從Web服務(wù)器3接收網(wǎng)頁(yè)數(shù)據(jù) WD。 CPU 11隨后將網(wǎng)頁(yè)數(shù)據(jù)WD存儲(chǔ)到非易失性存儲(chǔ)器17中。
(1-3 ) Web服務(wù)器的電路配置
如圖4所示，Web服務(wù)器3根據(jù)一基本程序通過(guò)總線36來(lái)對(duì)整 個(gè)裝置實(shí)行集中控制，該基本程序是由CPU31從ROM32中讀取并 在RAM33上運(yùn)行的。Web服務(wù)器3的CPU 31在硬盤(pán)驅(qū)動(dòng)器34中存儲(chǔ)大量網(wǎng)頁(yè)數(shù)據(jù)。 例如，當(dāng)Web服務(wù)器3的CPU 31通過(guò)通信單元35接收到來(lái)自PDA 2的請(qǐng)求消息時(shí)，CPU31通過(guò)通信單元35向PDA2發(fā)送與該請(qǐng)求消 息相對(duì)應(yīng)的網(wǎng)頁(yè)數(shù)據(jù)WD。
當(dāng)向PDA2發(fā)送網(wǎng)頁(yè)數(shù)據(jù)WD時(shí)，Web服務(wù)器3的CPU 31還 通過(guò)通信單元35向截圖服務(wù)器4發(fā)送網(wǎng)頁(yè)數(shù)據(jù)WD和日志數(shù)據(jù)。
(1-4)截圖服務(wù)器的電路配置
截圖服務(wù)器4 (圖4)具有與Web服務(wù)器3相同的基本配置。截 圖服務(wù)器4根據(jù)一基本程序通過(guò)總線46來(lái)對(duì)整個(gè)裝置實(shí)行集中控制， 該基本程序是由CPU 41從ROM 42中讀取并在RAM 43上運(yùn)行的。 截圖服務(wù)器4還可根據(jù)各種應(yīng)用程序來(lái)執(zhí)行各類(lèi)處理。
當(dāng)截圖服務(wù)器4的CPU 41通過(guò)通信單元45接收到來(lái)自Web服 務(wù)器3的網(wǎng)頁(yè)數(shù)據(jù)WD和日志數(shù)據(jù)時(shí)，CPU 41將網(wǎng)頁(yè)數(shù)據(jù)WD存儲(chǔ) 到硬盤(pán)驅(qū)動(dòng)器44中。
截圖服務(wù)器4的CPU 41基于從Web服務(wù)器3接收的網(wǎng)頁(yè)數(shù)據(jù) WD生成圖像數(shù)據(jù)ID，并且基于日志數(shù)據(jù)通過(guò)通信單元45將圖像數(shù) 據(jù)ID發(fā)送到PDA 2。
(2)最佳布局顯示處理 接下來(lái)，將描述最佳布局顯示處理，該處理旨在將與用戶想要的 網(wǎng)頁(yè)數(shù)據(jù)WD相對(duì)應(yīng)的網(wǎng)頁(yè)顯示到PDA 2的顯示屏5上以4吏用戶可 以容易地觀看。
例如，當(dāng)預(yù)定的統(tǒng)一資源定位符(URL)通過(guò)用戶對(duì)設(shè)在顯示屏 5的表面上的觸摸面板15的觸摸操作而被輸入時(shí)，PDA 2的CPU 11 通過(guò)無(wú)線通信單元16向Web服務(wù)器3發(fā)送請(qǐng)求消息，以便獲取與該 URL相對(duì)應(yīng)的網(wǎng)頁(yè)數(shù)據(jù)WD。
當(dāng)Web服務(wù)器3的CPU 31通過(guò)通信單元35接收到來(lái)自PDA 2 的請(qǐng)求消息時(shí)，CPU31從硬盤(pán)驅(qū)動(dòng)器34中讀取與該請(qǐng)求消息相對(duì)應(yīng)的網(wǎng)頁(yè)數(shù)據(jù)WD,并且通過(guò)通信單元35將網(wǎng)頁(yè)數(shù)據(jù)WD發(fā)送到PDA 2。
當(dāng)向PDA 2發(fā)送網(wǎng)頁(yè)數(shù)據(jù)WD時(shí)，Web服務(wù)器3的CPU 31還 通過(guò)通信單元35向截圖服務(wù)器4發(fā)送網(wǎng)頁(yè)數(shù)據(jù)WD和日志數(shù)據(jù)，該 日志數(shù)據(jù)表明向PDA2發(fā)送了網(wǎng)頁(yè)數(shù)據(jù)WD。
在這里，網(wǎng)頁(yè)數(shù)據(jù)WD由如圖5A所示的以HTML格式編寫(xiě)的 HTML數(shù)據(jù)HD、如圖5B所示的描述網(wǎng)頁(yè)的布局的層疊樣式表 (cascading style sheet, CSS)數(shù)據(jù)CD、以及文件名為"dome.jpg" 的圖像數(shù)據(jù)ID (未示出)構(gòu)成。
HTML數(shù)據(jù)HD聲明夾在〈html〉標(biāo)簽和々html〉標(biāo)簽之間的部分 是用HTML格式編寫(xiě)的。網(wǎng)頁(yè)的標(biāo)題和與網(wǎng)頁(yè)有關(guān)的信息在夾在 〈head〉標(biāo)簽和々head〉標(biāo)簽之間的部分中描述。HTML數(shù)據(jù)HD在夾 在〈body〉標(biāo)簽和々body〉標(biāo)簽之間的部分中描述網(wǎng)頁(yè)的主體。
HTML 數(shù)據(jù) HD 還包括"<link rel="stylesheet" href="dome.css">，，，其描述了具有文件名"dome.css，，的CSS數(shù)據(jù)CD 的內(nèi)容可作為樣式表被查閱。
當(dāng)截圖服務(wù)器4的CPU 41通過(guò)通信單元45接收到來(lái)自Web服 務(wù)器3的網(wǎng)頁(yè)數(shù)據(jù)WD時(shí)，CPU 41將網(wǎng)頁(yè)數(shù)據(jù)WD存儲(chǔ)到硬盤(pán)驅(qū)動(dòng) 器44中并且基于網(wǎng)頁(yè)數(shù)據(jù)WD生成網(wǎng)頁(yè)Wll，如圖6A所示。
具體而言，截圖服務(wù)器4的CPU 41基于HTML數(shù)據(jù)HD中夾 在〈div class-"container"〉標(biāo)簽和緊才矣〈/body〉標(biāo)簽之前的〈/div〉標(biāo)簽 之間的部分以及CSS數(shù)據(jù)CD中的描述".container(width: 1024px;〉"， 將網(wǎng)頁(yè)Wll的寬度設(shè)定為1024像素。
注意，如果網(wǎng)頁(yè)數(shù)據(jù)WD的CSS數(shù)據(jù)CD不包含諸如 ".container{width: 1024px;)"之類(lèi)的對(duì)網(wǎng)頁(yè)Wll的寬度的描述，截圖 服務(wù)器4的CPU 41則默認(rèn)將網(wǎng)頁(yè)Wll的寬度設(shè)定為1024像素。
如果在HTML數(shù)據(jù)HD或CSS數(shù)據(jù)CD中沒(méi)有限定網(wǎng)頁(yè)Wll 的高度，截圖服務(wù)器4的CPU 41則默認(rèn)將網(wǎng)頁(yè)Wll的高度設(shè)定為例 如1024像素。截圖服務(wù)器4的CPU41將元素fl;故置在網(wǎng)頁(yè)Wll的頂部，該 元素fl是由HTML數(shù)據(jù)HD中的描述"div class="header">Toto Dome Town</div>，，和 CSS 數(shù)據(jù) CD 中的".header(wicUh: 1024px;height: 150;}，，來(lái)限定的(以下，該元素將^皮稱為頁(yè)眉(header) 元素)。在這里，截圖服務(wù)器4的CPU41將頁(yè)眉元素fl的寬度和高 度分別設(shè)定為1024像素和150像素。
截圖服務(wù)器4的CPU 41將元素f2放置在頁(yè)眉元素fl的左下， 該元素f2是由HTML數(shù)據(jù)HD中的描述"〈div class="sidebar"> ... Toto Dome Hotel〈BRx/div〉"和CSS數(shù)據(jù)CD中的".sidebar{float: left;width: 224px;)，，來(lái)限定的(以下，該元素將^皮稱為邊欄(sidebar) 元素)。在這里，截圖服務(wù)器4的CPU41將邊欄元素f2的寬度設(shè)定 為224像素。
截圖服務(wù)器4的CPU 41將元素f3放置在邊欄元素O的右側(cè)， 該元素f3是由HTML數(shù)據(jù)HD中的描述"〈div class="contents">… S 5-2 N〈BRx/div〉，，和CSS數(shù)據(jù)CD中的".contents(float: left;width: 800px;)"來(lái)限定的(以下，該元素將凈皮稱為內(nèi)容元素)。在這里，截 圖服務(wù)器4的CPU 41將內(nèi)容元素f3的寬度設(shè)定為800像素。
截圖服務(wù)器4的CPU 41將元素f4 ;改置在邊欄元素f2和內(nèi)容元 素f3的下方，該元素f4是由HTML數(shù)據(jù)HD中的描述"〈div class="footer"> ... Toto Dome Co.， Ltd.〈BRx/div〉，，和CSS數(shù)據(jù) CD中的".footer{clear: both;width: 1024px;height: 150;}，，來(lái)限定的 (以下，該元素將被稱為頁(yè)腳(footer)元素)。在這里，截圖服務(wù) 器4的CPU 41將頁(yè)腳元素f4的寬度和高度分別設(shè)定為1024像素和 150像素。
結(jié)果，截圖服務(wù)器4的CPU 41將邊欄元素f2和內(nèi)容元素f3的 高度設(shè)定為724像素，該724像素是通過(guò)從整個(gè)網(wǎng)頁(yè)Wll的高度即 1024像素中減去頁(yè)眉元素fl和頁(yè)腳元素f4的高度即各150像素來(lái)確 定的。
截圖服務(wù)器4的CPU 41從而在生成截圖SS之前生成了網(wǎng)頁(yè)Wll。截圖SS指的是這樣一個(gè)圖像網(wǎng)頁(yè)Wll被縮小成該圖像，以 具有240像素的寬度，如圖6B所示。
截圖SS包括分別與網(wǎng)頁(yè)Wll的頁(yè)眉元素fl、邊欄元素f2、內(nèi) 容元素f3以及頁(yè)腳元素f4對(duì)應(yīng)的縮小頁(yè)眉元素sfl、縮小邊欄元素sf2、 縮小內(nèi)容元素sf3以及縮小頁(yè)腳元素sf4。
如圖6C所示，截圖服務(wù)器4的CPU 41以截圖SS的左上頂點(diǎn) 為(O，O),建立包括向右延伸的X軸和向下延伸的Y軸的坐標(biāo)軸。 截圖服務(wù)器4的CPU 41隨后進(jìn)行計(jì)算以確定截圖SS的每個(gè)像素與縮 小頁(yè)眉元素sfl、縮小邊欄元素sf2、縮小內(nèi)容元素sf3和縮小頁(yè)腳元 素sf4中的哪個(gè)有關(guān)，并且生成表明計(jì)算結(jié)果的元素位置數(shù)據(jù)fp。
更具體而言，元素位置數(shù)據(jù)fp表明截圖SS的坐標(biāo)范圍(0至240， 0至35)與縮小頁(yè)眉元素sfl相對(duì)應(yīng)。類(lèi)似地，元素位置數(shù)據(jù)fp表明 截圖SS的坐標(biāo)范圍(0至53, 36至205)與縮小邊欄元素sf2相對(duì)應(yīng)， 坐標(biāo)范圍(54至240， 36至205)與縮小內(nèi)容元素sf3相對(duì)應(yīng)，并且 坐標(biāo)范圍(0至240， 206至240)與縮小頁(yè)腳元素sf4相對(duì)應(yīng)。
截圖服務(wù)器4的CPU 41隨后通過(guò)通信單元45向PDA 2發(fā)送包 括截圖SS (圖6B)和元素位置數(shù)據(jù)fp (圖6C)的圖像數(shù)據(jù)ID。
當(dāng)PDA2的CPU11通過(guò)無(wú)線通信單元16接收到來(lái)自Web服務(wù) 器3的網(wǎng)頁(yè)數(shù)據(jù)WD和來(lái)自截圖服務(wù)器4的圖像數(shù)據(jù)ID時(shí)，CPU 11 將網(wǎng)頁(yè)數(shù)據(jù)WD和圖像數(shù)據(jù)ID存儲(chǔ)到非易失性存儲(chǔ)器17中。
PDA2的CPU 11隨后在顯示屏5上顯示截圖顯示畫(huà)面SG，其 中央出現(xiàn)了存儲(chǔ)在非易失性存儲(chǔ)器17中的圖像數(shù)據(jù)ID的截圖SS， 如圖7A所示。
通過(guò)利用截圖顯示畫(huà)面SG在顯示屏5上顯示截圖SS， PDA 2 于是可以讓用戶在視覺(jué)上觀察與從Web服務(wù)器3獲取的網(wǎng)頁(yè)數(shù)據(jù)WD 相對(duì)應(yīng)的網(wǎng)頁(yè)Wll的整體結(jié)構(gòu)。
然后，當(dāng)在截圖顯示畫(huà)面SG顯示在顯示屏5上的情況下設(shè)在顯 示屏5的表面上的觸摸面板15被用戶觸摸時(shí)，PDA 2的CPU 11計(jì)算 被觸摸點(diǎn)Pl的坐標(biāo)值(20， 100 ),如圖7B所示。PDA2的CPU 11隨后從非易失性存儲(chǔ)器17中讀取圖像數(shù)據(jù)ID 的元素位置數(shù)據(jù)fp(圖6C )，并且比較用戶觸摸的點(diǎn)Pl的坐標(biāo)值(20， 100)和元素位置數(shù)據(jù)fp，以確定截圖SS的縮小邊欄元素sf2被用戶
也就是i兌，PDA 2的CPU 11可以確定與截圖SS的縮小邊欄元 素sf2對(duì)應(yīng)的網(wǎng)頁(yè)Wll的邊欄元素f2^皮用戶觸摸。
在這里，PDA 2的CPU ll從非易失性存儲(chǔ)器17中讀取網(wǎng)頁(yè)數(shù) 據(jù)WD (圖2 ),并且基于網(wǎng)頁(yè)數(shù)據(jù)WD的HTML數(shù)據(jù)HD和CSS 數(shù)據(jù)CD來(lái)生成如圖8A所示的網(wǎng)頁(yè)Wll。
PDA 2的CPU 11隨后確定用戶所選擇的邊欄元素f2的寬度， 即224像素，是否大于顯示屏5的顯示尺寸的寬度，即320像素。
如果邊欄元素f2的寬度被確定為小于或等于顯示尺寸的寬度， PDA 2的CPU 11則在不縮小網(wǎng)頁(yè)Wll的情況下以原始尺寸在顯示屏 5上顯示邊欄元素O。
具體而言，PDA 2的CPU ll設(shè)置一顯示區(qū)域WA2，使得網(wǎng)頁(yè) Wll(圖8A)的邊欄元素f2位于水平中央并且邊欄元素O的上部230 個(gè)4象素可,皮顯示。
如圖8B所示，PDA 2的CPU 11隨后生成與顯示區(qū)域WA2相 對(duì)應(yīng)的,顯示畫(huà)面DG2，并將顯示畫(huà)面DG2顯示在顯示屏5,^h。
PDA 2的CPU 11于是可顯示由用戶選擇的邊欄元素f2的上部 230個(gè)《象素的部分，并且還可顯示i殳在邊欄元素f2上方的頁(yè)眉元素fl 的下部10個(gè)l象素的部分以及i殳在邊欄元素f2右側(cè)的內(nèi)容元素G的左 上部分。
結(jié)果，PDA 2的CPU 11使得可按原始尺寸在視覺(jué)上觀察用戶所 選擇的邊欄元素f2。 CPU 11除了邊欄元素f2外還可顯示頁(yè)眉元素fl 和內(nèi)容元素f3的一部分，從而可以容易地識(shí)別邊欄元素f2的位置關(guān) 系。
應(yīng)當(dāng)明白，當(dāng)在顯示畫(huà)面DG2^皮顯示在顯示屏5上的情況下向 下按鈕6b (圖2);故用戶按壓時(shí)，PDA2的CPU 11顯示邊欄元素f2的下部。
現(xiàn)在，如果PDA 2的CPU 11通過(guò)前述識(shí)別過(guò)程識(shí)別出在顯示截 圖顯示畫(huà)面SG (圖7A)的情況下對(duì)內(nèi)容元素G進(jìn)行了觸摸操作， CPU 11則從非易失性存儲(chǔ)器17中讀取網(wǎng)頁(yè)數(shù)據(jù)WD中并生成網(wǎng)頁(yè) Wll (圖9A)。
PDA 2的CPU 11隨后確定用戶所觸摸的內(nèi)容元素f3的寬度， 即800像素，是否大于顯示屏5的顯示尺寸的寬度，即320像素。
如果內(nèi)容元素f3的寬度被確定為大于顯示尺寸的寬度，PDA 2 的CPU 11則將網(wǎng)頁(yè)Wll縮小為原來(lái)的3/8，使得寬度為800像素的 內(nèi)容元素f3收縮為300像素的寬度。CPU11從而生成寬度為384像 素的縮小網(wǎng)頁(yè)W12，如圖9B所示。
縮小網(wǎng)頁(yè)W12包括分別與網(wǎng)頁(yè)Wll的頁(yè)眉元素fl、邊欄元素 f2、內(nèi)容元素f3和頁(yè)腳元素f4相對(duì)應(yīng)的縮小頁(yè)眉元素sfll、縮小邊 欄元素sfl2、縮小內(nèi)容元素sfl3和縮小頁(yè)腳元素s414。
在將網(wǎng)頁(yè)Wll縮小為原來(lái)的3/8時(shí)，PDA2的CPU 11還將位于 網(wǎng)頁(yè)Wll的內(nèi)容元素f3內(nèi)的屋頂圖4象(圖9A)縮小為原來(lái)的3/8。
同時(shí)，PDA2的CPU 11不會(huì)將位于網(wǎng)頁(yè)Wll的內(nèi)容元素f3中 的諸如"Today，s Game"和"Shinjin vs. Nainichi，，之類(lèi)的字符串縮小到 原來(lái)的3/8，而是按有助于用戶的視覺(jué)觀察的預(yù)定倍率縮小這些卑符 串，或者根本不縮小它們。
類(lèi)似地，PDA 2的CPU11按有助于用戶的視覺(jué)觀察的預(yù)定倍率 縮小位于網(wǎng)頁(yè)Wll的頁(yè)眉元素fl、邊欄元素f2和頁(yè)腳元素f4中的諸 如"Toto Dome Town"、 "Toto Dome，，、 "Aaa…Bbb， Ccc-cho， Chuo-ku Tokyo"之類(lèi)的字符串，或者根本不縮小它們。
在生成了縮小網(wǎng)頁(yè)W12后，PDA 2的CPU ll設(shè)置一顯示區(qū)域 WA3， 4吏得縮小網(wǎng)頁(yè)W12的縮小內(nèi)容元素sfl3位于水平中央，并且 縮小內(nèi)容元素sfl3的上部230個(gè)^^素被顯示。
如圖9C所示，PDA 2的CPU 11隨后生成與顯示區(qū)域WA3相 對(duì)應(yīng)的顯示畫(huà)面DG3，并將顯示畫(huà)面DG3顯示在顯示屏5上。PDA 2的CPU 11于是可顯示縮小內(nèi)容元素sfl3的上部230個(gè)像 素的部分，并且還可顯示設(shè)在縮小內(nèi)容元素sfl3上方的縮小頁(yè)眉元素 sfl的下部10個(gè)像素的部分以及設(shè)在縮小內(nèi)容元素sfl3左側(cè)的縮小邊 欄元素sfl2的右上部分。
結(jié)果，PDA2的CPUll使得可以在水平方向上以全部涵蓋的方 式可浮見(jiàn)地觀察與內(nèi)容元素f3對(duì)應(yīng)的縮小內(nèi)容元素sfl3。 CPU 11還可 以部分顯示縮小頁(yè)眉元素sfll和縮小邊欄元素sfl2，從而可以容易地 識(shí)別縮小內(nèi)容元素sfl3的位置關(guān)系。
(3)最佳布局顯示處理的過(guò)程
如圖10和隨后的圖11所示，PDA2的CPU 11在步驟SP1通過(guò) 無(wú)線通信單元16向Web服務(wù)器3發(fā)送請(qǐng)求消息，以獲取與用戶操作 所指定的網(wǎng)頁(yè)Wll相對(duì)應(yīng)的網(wǎng)頁(yè)數(shù)據(jù)WD。 CPU 11隨后進(jìn)行到下一 步驟SP2。
在步驟SP2， Web服務(wù)器3的CPU 31通過(guò)通信單元35接收來(lái) 自PDA2的請(qǐng)求消息。CPU31根據(jù)請(qǐng)求消息從硬盤(pán)驅(qū)動(dòng)器34中讀取 網(wǎng)頁(yè)數(shù)據(jù)WD,通過(guò)通信單元35向PDA 2發(fā)送網(wǎng)頁(yè)數(shù)據(jù)WD，并且 進(jìn)行到下一步驟SP3。
在步驟SP3, PDA 2的CPU 11通過(guò)無(wú)線通信單元16接收來(lái)自2 Web服務(wù)器3的網(wǎng)頁(yè)數(shù)據(jù)WD，并且將網(wǎng)頁(yè)數(shù)據(jù)WD存儲(chǔ)到非易失性 存儲(chǔ)器17中。CPU11隨后進(jìn)行到下一步驟SP4。
在步驟SP4， Web服務(wù)器3的CPU 31通過(guò)通信單元35向截圖 服務(wù)器4發(fā)送在步驟SP2向PDA 2發(fā)送的網(wǎng)頁(yè)數(shù)據(jù)WD和表明向PDA 2發(fā)送網(wǎng)頁(yè)數(shù)據(jù)WD的日志數(shù)據(jù)。CPU 31隨后進(jìn)行到下一步驟SP5 以結(jié)束處理。。
同時(shí)，在步驟SP6，截圖服務(wù)器4的CPU 41通過(guò)通信單元45 接收來(lái)自Web服務(wù)器3的網(wǎng)頁(yè)數(shù)據(jù)WD和日志數(shù)據(jù)，并且將網(wǎng)頁(yè)數(shù) 據(jù)WD存儲(chǔ)到硬盤(pán)驅(qū)動(dòng)器44中。CPU 41隨后進(jìn)行到下一步驟SP7。
在步驟SP7，截圖服務(wù)器4的CPU"基于網(wǎng)頁(yè)數(shù)據(jù)WD生成截圖SS (圖6B)和元素位置數(shù)據(jù)fp，并進(jìn)行到下一步驟SP8。
在步驟SP8，截圖服務(wù)器4的CPU 41基于日志數(shù)據(jù)通過(guò)通信單 元45向PDA2發(fā)送包括截圖SS和元素位置數(shù)據(jù)fp的圖像數(shù)據(jù)ID。 CPU 41隨后進(jìn)行到下一步驟SP9以結(jié)束處理。
同時(shí)，在步驟SPIO， PDA2的CPU 11通過(guò)無(wú)線通信單元16接 收來(lái)自截圖服務(wù)器4的圖像數(shù)據(jù)ID，并將圖像數(shù)據(jù)ID存儲(chǔ)到非易失 性存儲(chǔ)器17中。CPU 11隨后進(jìn)行到下一步驟SP11 (圖11)。
在步驟SPll， PDA 2的CPU 11在顯示屏5上顯示截圖顯示畫(huà) 面SG (圖7A)，其中央出現(xiàn)圖像數(shù)據(jù)ID的截圖SS。 CPU 11隨后 進(jìn)行到下一步驟SP12。
在步驟SP12, PDA 2的CPU 11確定設(shè)在顯示屏5的表面上的 觸摸面板15是否被用戶觸摸。如果結(jié)果為否定，CPUll則等待對(duì)觸 摸面板15的觸摸操作。如果結(jié)果為肯定，CPU 11則進(jìn)行到步驟SP13。
在步驟SP13, PDA 2的CPU ll檢測(cè)用戶觸摸的點(diǎn)的坐標(biāo)值。 CPU 11比較檢測(cè)到的坐標(biāo)值和圖像數(shù)據(jù)ID的元素位置數(shù)據(jù)fp,以識(shí) 別出例如縮小邊欄元素sf2被用戶所觸摸。CPU 11隨后進(jìn)行到下一步 驟SP14。
在步驟SP14， PDA2的CPU 11從非易失性存儲(chǔ)器17中讀取網(wǎng) 頁(yè)數(shù)據(jù)WD，并且基于網(wǎng)頁(yè)數(shù)據(jù)WD的HTML數(shù)據(jù)HP和CSS數(shù)據(jù) CD生成網(wǎng)頁(yè)Wll (圖8A) 。 CPU 11隨后進(jìn)行到下一步驟SP15。
在步驟SP15, PDA 2的CPU 11確定與用戶觸摸的縮小邊欄元 素sf2相對(duì)應(yīng)的邊欄元素f2的寬度224像素是否大于顯示尺寸的寬度 320像素。如果結(jié)果為否定，CPU11則進(jìn)行到下一步驟SP16。
在步驟SP16, PDA2的CPU 11生成顯示畫(huà)面DG2 (圖8B )， 該顯示畫(huà)面DG2被設(shè)置為使得網(wǎng)頁(yè)Wll的邊欄元素f2位于水平中央 并且邊欄元素f2的上部230個(gè)〗象素^皮顯示。CPU 11將顯示畫(huà)面DG2 顯示在顯示屏5上，并且進(jìn)行到下一步驟SP19。
在步驟SP19， PDA 2的CPU 11確定后退按鈕6d (圖2)是否 被用戶按壓。如果結(jié)果為肯定，CPU 11則返回到步驟SPll。在步驟SPll， PDA 2的CPU 11再次在顯示屏5上顯示截圖顯 示畫(huà)面SG(圖7A)，并且進(jìn)行到下一步驟SP12以確定觸摸面板15 是否被用戶觸摸。如果結(jié)果為肯定，CPUU則進(jìn)行到步驟SP13。
在步驟SP13， PDA 2的CPU 11檢測(cè)用戶觸摸的點(diǎn)的坐標(biāo)值。 CPU 11比較檢測(cè)到的坐標(biāo)值和圖像數(shù)據(jù)ID的元素位置數(shù)據(jù)fp，以識(shí) 別出例如縮小內(nèi)容元素sf3被觸摸。CPU 11隨后進(jìn)行到下一步驟 SP14。
在步驟SP14, PDA 2的CPU 11基于網(wǎng)頁(yè)數(shù)據(jù)WD的HTML數(shù) 據(jù)HD和CSS數(shù)據(jù)CD生成網(wǎng)頁(yè)Wll (圖9A)，并且進(jìn)行到下一步 驟SP15。
在步驟SP15， PDA 2的CPU 11確定與用戶選擇的縮小內(nèi)容元 素sf3相對(duì)應(yīng)的內(nèi)容元素f3的寬度800像素是否大于顯示尺寸的寬度 320像素。如果結(jié)果為肯定，CPU11則進(jìn)行到下一步驟SP17。
在步驟SP17， PDA 2的CPU 11將網(wǎng)頁(yè)Wll縮小為原來(lái)的3/8， 使得寬度為800像素的內(nèi)容元素f3收縮到300像素的寬度。CPU 11 從而生成寬度為384像素的縮小網(wǎng)頁(yè)W12 (圖9B),并且進(jìn)行到下 一步驟SP18。
在步驟SP18， PDA 2的CPU 11生成顯示畫(huà)面DG3 (圖8C )， 該顯示畫(huà)面DG3被設(shè)置為使得縮小網(wǎng)頁(yè)W12的縮小內(nèi)容元素sfl3位 于水平中央并且縮小內(nèi)容元素sfl3的上部230個(gè)像素被顯示。CPU 11 將顯示畫(huà)面DG3顯示在顯示屏5上，并且進(jìn)行到下一步驟SP19。
在步驟SP19, PDA 2的CPU 11再次確定后退按鈕6d是否被用 戶按壓。如果結(jié)果為否定，CPU11則進(jìn)行到步驟SP20以結(jié)束處理。
(4)操作和效果
利用前述配置，PDA 2的CPU 11從Web服務(wù)器3接收與用戶 想要的網(wǎng)頁(yè)Wll相對(duì)應(yīng)的網(wǎng)頁(yè)數(shù)據(jù)WD。 CPU 11還從截圖服務(wù)器4 獲取圖像數(shù)據(jù)ID，該圖像數(shù)據(jù)ID包括網(wǎng)頁(yè)Wll的縮小截圖SS和元 素位置數(shù)據(jù)印。PDA2的CPU 11隨后通過(guò)截圖顯示畫(huà)面SG在顯示屏5上顯示 網(wǎng)頁(yè)Wll的縮小截圖SS,從而^f吏得用戶可以在碎見(jiàn)覺(jué)上觀察網(wǎng)頁(yè)Wll 的整體結(jié)構(gòu)。
如果用戶觸摸截圖SS的例如縮小邊欄元素sO， PDA 2的CPU 11 則確定與縮小邊欄元素sf2相對(duì)應(yīng)的網(wǎng)頁(yè)Wll的邊欄元素f2的寬度 小于或等于顯示尺寸的寬度。CPU 11隨后按其原始尺寸在顯示屏5 上顯示邊欄元素f2的上部。
當(dāng)在顯示屏5上顯示邊欄元素f2時(shí)，PDA 2的CPU 11顯示邊 欄元素O的上方230個(gè)像素的部分，并且還顯示設(shè)在邊欄元素f2上 方的頁(yè)眉元素fl的下方10個(gè)〗象素的部分以及設(shè)在邊欄元素f2右側(cè)的 內(nèi)容元素f3的左上部分。
因此，PDA 2的CPU 11 4吏得可以按原始尺寸在碎見(jiàn)覺(jué)上觀察用戶 選擇的邊欄元素f2。CPU 11還可部分顯示頁(yè)眉元素fl和內(nèi)容元素f3， 從而可以容易地識(shí)別邊欄元素f2相對(duì)于整個(gè)網(wǎng)頁(yè)Wll的位置關(guān)系。
如果用戶觸摸截圖SS的例如縮小內(nèi)容元素sf3， PDA 2的CPU 11 則確定與縮小內(nèi)容元素sf3相對(duì)應(yīng)的網(wǎng)頁(yè)Wll的內(nèi)容元素f3的寬度 大于顯示尺寸的寬度。在這里，PDA 2的CPU 11例如將網(wǎng)頁(yè)Wll 縮小為原來(lái)的3/8，從而使得內(nèi)容元素f3的寬度小于顯示尺寸的寬度。 CPU11在顯示屏5上顯示由此得到的縮小網(wǎng)頁(yè)W12的縮小內(nèi)容&素 sfl3的上部。
在將位于網(wǎng)頁(yè)Wll的內(nèi)容元素f3中的屋頂圖像IM縮小為原來(lái) 的3/8的同時(shí)，PDA 2的CPU 11按預(yù)定的倍率縮小諸如"Today，s Game"之類(lèi)的字符串或者根本不縮小它們。結(jié)果，PDA 2的CPU 11 可以按有助于用戶的4見(jiàn)覺(jué)-見(jiàn)察而不石皮壞網(wǎng)頁(yè)Wll的布局的方式來(lái)顯 示縮小內(nèi)容元素sfl3。
當(dāng)PDA 2的CPU 11在顯示屏5上顯示與內(nèi)容元素f3相對(duì)應(yīng)的 縮小內(nèi)容元素sfl3時(shí)，CPU 11還顯示縮小頁(yè)眉元素sfll和縮小邊欄 元素sfl2的一部分，從而使得縮小內(nèi)容元素sfl3相對(duì)于縮小網(wǎng)頁(yè)W12 的位置關(guān)系可被容易被識(shí)別。現(xiàn)在，考慮傳統(tǒng)PDA的情況。如圖12A所示，傳統(tǒng)的PDA例 如將網(wǎng)頁(yè)Wll縮小為縮小網(wǎng)頁(yè)W21,并且以縮小網(wǎng)頁(yè)W21為中心將 縮小顯示畫(huà)面SDG顯示在顯示屏上。
如果在縮小顯示畫(huà)面SDG被顯示在顯示屏上的情況下用戶通過(guò) 縮小顯示畫(huà)面SDG對(duì)觸摸面板進(jìn)行觸摸，則PDA顯示放大顯示畫(huà)面 KG1，該;故大顯示畫(huà)面KG1是按預(yù)定比率it大的縮小網(wǎng)頁(yè)W21,如 圖12B所示。
如果在放大顯示畫(huà)面KG1被顯示在顯示屏上的情況下觸摸面板 再次4皮用戶觸4莫，PDA則在顯示屏上顯示力t大顯示畫(huà)面KG2，該》欠 大顯示畫(huà)面KG2是按預(yù)定比率進(jìn)一步放大的縮小網(wǎng)頁(yè)W21，如圖12C 所示。PDA從而可向用戶提供放大到期望尺寸的縮小內(nèi)容元素sf23。
在此情況下，在通過(guò)放大顯示畫(huà)面KG2將期望尺寸的縮小內(nèi)容 元素sf23顯示在顯示屏上之前，PDA要求用戶對(duì)觸摸面板進(jìn)行多次 觸摸，從而要求復(fù)雜的操作。
由于PDA按預(yù)定比率對(duì)縮小網(wǎng)頁(yè)W21進(jìn)行放大以顯示放大顯示 畫(huà)面KG1和KG2，因此PDA也會(huì)按大比例顯示i殳在縮小內(nèi)容元素 sf23周?chē)目s小頁(yè)眉元素sf21和縮小邊欄元素sf22。
另外，由于PDA按預(yù)定比率對(duì)縮小網(wǎng)頁(yè)W21進(jìn)行;改大以顯示放 大顯示畫(huà)面KG1和KG2，因此有時(shí)候無(wú)法以水平方向上全部涵蓋的 方式顯示縮小內(nèi)容元素sf23?？梢?jiàn)PDA不能以用戶容易觀看的顯示 模式來(lái)顯示縮小內(nèi)容元素sf23。
與之不同，根據(jù)本發(fā)明實(shí)施例的PDA2顯示截圖顯示畫(huà)面SG(圖 7A)，并且只需對(duì)用戶想要的縮小內(nèi)容元素sf3進(jìn)行單次觸摸操作就 可顯示其中設(shè)有縮小網(wǎng)頁(yè)W21的縮小邊欄元素sfl2的顯示畫(huà)面DG3 (圖9C )。
在這里，PDA 2在顯示畫(huà)面DG3上以水平方向全部涵蓋的方式 顯示縮小內(nèi)容元素sfl3，從而縮小內(nèi)容元素sfl3可以以用戶容易觀看
的顯示模式來(lái)顯示。
如上所述，PDA 2使得僅通過(guò)單次觸摸操作而不要求用戶的復(fù)雜操作，就可以以用戶容易觀看的顯示模式可視地觀察與用戶想要的內(nèi)
容元素f3相對(duì)應(yīng)的縮小內(nèi)容元素sfl3。
如圖13所示， 一些傳統(tǒng)的PDA不會(huì)查詢網(wǎng)頁(yè)數(shù)據(jù)WD的CSS 數(shù)據(jù)CD,而是破壞布局以生成顯示尺寸在寬度上為320像素的網(wǎng)頁(yè) W31。 PDA隨后在顯示屏上顯示網(wǎng)頁(yè)W31的上部。
可以看出，PDA以^C壞的布局在顯示屏上顯示網(wǎng)頁(yè)W31，因此 存在這樣的問(wèn)題，即用戶難以按原始布局了解網(wǎng)頁(yè)Wll的整體結(jié)構(gòu)。
與之不同，根據(jù)本發(fā)明實(shí)施例的PDA 2可顯示用戶想要的元素 (例如邊欄元素f2和內(nèi)容元素f3)，而不破壞網(wǎng)頁(yè)Wll的布局。這 可以有助于用戶了解網(wǎng)頁(yè)Wll的整體結(jié)構(gòu)。
根據(jù)前述配置，PDA 2在顯示屏5上顯示網(wǎng)頁(yè)Wll的縮小截圖 SS。如果例如用戶指定的內(nèi)容元素f3大于顯示尺寸，PDA 2則縮小 并顯示網(wǎng)頁(yè)Wll以^更內(nèi)容元素O小于顯示尺寸。因此，PDA2可以 按易于觀看的方式來(lái)顯示網(wǎng)頁(yè)Wll,而不會(huì)石皮壞網(wǎng)頁(yè)Wll的布局。
(5)其他實(shí)施例
前述實(shí)施例涉及PDA 2的CPU 11接收來(lái)自Web服務(wù)器3的網(wǎng) 頁(yè)數(shù)據(jù)WD并接收來(lái)自截圖服務(wù)器4的圖像數(shù)據(jù)ID的情況。但是， 本發(fā)明并不限于此。在接收到來(lái)自Web服務(wù)器3的網(wǎng)頁(yè)數(shù)據(jù)WD后， PDA2的CPU 11可基于網(wǎng)頁(yè)數(shù)據(jù)WD生成網(wǎng)頁(yè)Wll，并且生成網(wǎng)頁(yè) Wll的縮小截圖SS以及元素位置數(shù)據(jù)fp。
在此情況下，PDA2可執(zhí)行前述最佳布局顯示處理，而無(wú)需接收 來(lái)自截圖服務(wù)器4的圖像數(shù)據(jù)ID。
前述實(shí)施例還涉及例如在其中設(shè)有縮小網(wǎng)頁(yè)W12 (圖9B)的一 部分的顯示畫(huà)面DG3 (圖9C)被顯示在顯示屏5上的狀態(tài)中，在后 退按鈕6d (圖2)被按壓時(shí)截圖顯示畫(huà)面SG (圖7A)被再次顯示的 情況。但是，本發(fā)明并不限于此。如圖14所示，PDA 2的CPU 11 可在顯示屏5上顯示一顯示畫(huà)面DG4，該顯示畫(huà)面DG4是上面疊加 有后退圖標(biāo)IC的顯示畫(huà)面DG3。 CPU 11隨后在用戶觸摸后退圖標(biāo)IC的情況下再次顯示截圖顯示畫(huà)面SG。
前述實(shí)施例還涉及Web服務(wù)器3向PDA 2發(fā)送網(wǎng)頁(yè)數(shù)據(jù)WD并 向截圖服務(wù)器4發(fā)送網(wǎng)頁(yè)數(shù)據(jù)WD并且截圖服務(wù)器4生成圖像數(shù)據(jù)ID 的情況。但是，本發(fā)明并不限于此。截圖服務(wù)器4可預(yù)先定期從Web 服務(wù)器3接收網(wǎng)頁(yè)數(shù)據(jù)WD并生成圖像數(shù)據(jù)ID。
在此情況下，截圖服務(wù)器4可在從Web服務(wù)器3接收到日志數(shù) 據(jù)后立即向PDA2發(fā)送圖像數(shù)據(jù)ID。
前述實(shí)施例還涉及PDA 2的CPU ll基于在截圖顯示畫(huà)面SG(圖 7A)被顯示在顯示屏5上的情況下基于對(duì)觸摸面板15的觸摸操作來(lái) 確定例如縮小邊欄元素sf2被選擇的情況。但是，本發(fā)明并不限于此。 PDA 2的CPU 11可顯示疊加在截圖顯示畫(huà)面SG上的光標(biāo)，并且例 如在光標(biāo)處于縮小邊欄元素sf2上的情況下當(dāng)輸入按鈕6c被按壓時(shí)確 定縮小邊欄元素sf2被選擇。
前述實(shí)施例還涉及PDA2的CPU11確定例如截圖顯示畫(huà)面SG 的縮小內(nèi)容元素sf3被觸摸并且將網(wǎng)頁(yè)Wll縮小為原來(lái)的3/8的情況。 但是，本發(fā)明并不限于此。例如，當(dāng)CPU 11確定截圖顯示畫(huà)面SG 的縮小內(nèi)容元素sf3被觸摸時(shí)，CPU 11可縮小網(wǎng)頁(yè)Wll以使得網(wǎng)頁(yè) 數(shù)據(jù)Wll的內(nèi)容元素f3收縮到320像素，即顯示尺寸的寬度。
前述實(shí)施例還涉及在HTML數(shù)據(jù)HD或C^S數(shù)據(jù)CD未限定網(wǎng) 頁(yè)Wll的高度的情況下PDA 2的CPU 11和截圖服務(wù)器4的CPU 41 默認(rèn)將網(wǎng)頁(yè)Wll的高度設(shè)定為1024像素的情況。但是，本發(fā)明并不 限于此。PDA 2的CPU 11和截圖服務(wù)器4的CPU 41可將網(wǎng)頁(yè)生成 為基于HTML數(shù)據(jù)HD和CSS數(shù)據(jù)CD的高度。
在此情況下，PDA2的CPU11和截圖服務(wù)器4的CPU41可將 具有根據(jù)HTML數(shù)據(jù)HD和CSS數(shù)據(jù)CD的描述的高度的網(wǎng)頁(yè)縮小 為縮小網(wǎng)頁(yè)，以使得該網(wǎng)頁(yè)收縮到例如寬度為240像素。PDA 2的 CPU 11隨后在顯示屏5上顯示縮小網(wǎng)頁(yè)的上部240像素的部分，從 而使得用戶可以在視覺(jué)上觀察縮小的網(wǎng)頁(yè)。
前述實(shí)施例還涉及PDA2的CPU 11、 Web服務(wù)器3的CPU 31和截圖服務(wù)器4的CPU 41根據(jù)預(yù)先存儲(chǔ)在ROM 12、 32和42中的 應(yīng)用程序來(lái)執(zhí)行最佳布局顯示處理的前述過(guò)程(圖IO和圖11)的情 況。但是，本發(fā)明并不限于此。PDA 2的CPU 11、 Web服務(wù)器3的 CPU 31和截圖服務(wù)器4的CPU 41可根據(jù)從記錄介質(zhì)安裝的應(yīng)用程 序、通過(guò)因特網(wǎng)下載的應(yīng)用程序、或者通過(guò)各種其他途徑安裝的應(yīng)用 程序來(lái)執(zhí)行最佳布局顯示處理的前述過(guò)程。
前述實(shí)施例還涉及作為根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)顯示裝置的 PDA 2包括作為獲取單元的無(wú)線通信單元16以及作為生成單元和顯 示控制單元的CPU 11的情況。但是，本發(fā)明并不限于此，網(wǎng)頁(yè)顯示 裝置也可由各種其他配置的獲取單元、生成單元和顯示控制單元構(gòu) 成。
根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)顯示裝置和網(wǎng)頁(yè)顯示方法可應(yīng)用到各 種其他類(lèi)型的移動(dòng)設(shè)備，例如蜂窩電話、個(gè)人導(dǎo)航設(shè)備(PND)、筆 記本個(gè)人計(jì)算機(jī)以及游戲控制臺(tái)。
本發(fā)明包含與2008年5月29日向日本專利局提交的日本專利申 請(qǐng)JP 2008-141175相關(guān)的主題，這里通過(guò)引用將該申請(qǐng)的全部?jī)?nèi)容并 入。
本領(lǐng)域的技術(shù)人員應(yīng)當(dāng)理解，取決于設(shè)計(jì)要求和其他因素，可以 進(jìn)行各種修改、組合、子組合和變,更，只要它們處于所附權(quán)利要求或 其等同物的范圍之內(nèi)。
權(quán)利要求
1.一種網(wǎng)頁(yè)顯示裝置，包括獲取單元，用于獲取網(wǎng)頁(yè)；生成單元，用于在構(gòu)成所述網(wǎng)頁(yè)的多個(gè)元素中的用戶指定的特定元素的寬度大于顯示單元的顯示尺寸的寬度時(shí)，通過(guò)縮小所述網(wǎng)頁(yè)以使該特定元素的寬度小于所述顯示尺寸的寬度來(lái)生成縮小網(wǎng)頁(yè)；以及顯示控制單元，用于在所述特定元素的寬度大于所述顯示尺寸的寬度時(shí)，控制所述顯示單元顯示所述縮小網(wǎng)頁(yè)的與所述特定元素相對(duì)應(yīng)的特定縮小元素。
2. 根據(jù)權(quán)利要求l所述的網(wǎng)頁(yè)顯示裝置，其中 當(dāng)所述特定元素的寬度小于或等于所述顯示尺寸的寬度時(shí)，所述顯示控制單元使所述顯示單元按原始尺寸顯示所述特定元素。
3. 根據(jù)權(quán)利要求2所述的網(wǎng)頁(yè)顯示裝置，其中寬度時(shí)使所述顯示單元顯示所述特定縮小元素并且還同時(shí)顯示所述 縮小網(wǎng)頁(yè)上設(shè)在所述特定縮小元素周?chē)亩鄠€(gè)周邊縮小元素，并且在 所述特定元素的寬度小于或等于所述顯示尺寸的寬度時(shí)使所述顯示素周?chē)亩鄠€(gè)周邊元素。
4. 根據(jù)權(quán)利要求l所述的網(wǎng)頁(yè)顯示裝置，其中 所述獲取單元獲取一縮小圖像，所述網(wǎng)頁(yè)被縮小成該縮小圖像以便小于所述顯示尺寸；并且所述顯示控制單元控制所述顯示單元顯示整個(gè)縮小圖像。
5. —種網(wǎng)頁(yè)顯示方法，包括 荻取步驟，利用獲取單元獲取網(wǎng)頁(yè)；生成步驟，在構(gòu)成所述網(wǎng)頁(yè)的多個(gè)元素中的用戶指定的特定元素的寬度大于顯示 元的顯示尺寸的寬度時(shí)，利用生成單元通過(guò)縮小所 述網(wǎng)頁(yè)以使所述特定元素的寬度小于所述顯示尺寸的寬度來(lái)生成縮小網(wǎng)頁(yè)；以及顯示控制步驟，在所述特定元素的寬度大于所述顯示尺寸的寬度 時(shí)，利用顯示控制單元控制所述顯示單元顯示所述縮小網(wǎng)頁(yè)的與所述 特定元素相對(duì)應(yīng)的特定縮小元素。
全文摘要
本發(fā)明涉及網(wǎng)頁(yè)顯示裝置和網(wǎng)頁(yè)顯示方法。該網(wǎng)頁(yè)顯示裝置包括獲取單元，用于獲取網(wǎng)頁(yè)；生成單元，用于在構(gòu)成所述網(wǎng)頁(yè)的多個(gè)元素中的用戶指定的特定元素的寬度大于顯示單元的顯示尺寸的寬度時(shí)，通過(guò)縮小網(wǎng)頁(yè)以使特定元素的寬度小于顯示尺寸的寬度來(lái)生成縮小網(wǎng)頁(yè)；以及顯示控制單元，用于在特定元素的寬度大于顯示尺寸的寬度時(shí)，控制顯示單元顯示該縮小網(wǎng)頁(yè)的與特定元素相對(duì)應(yīng)的特定縮小元素。
文檔編號(hào)G06F17/30GK101593215SQ20091020284
公開(kāi)日2009年12月2日 申請(qǐng)日期2009年5月26日 優(yōu)先權(quán)日2008年5月29日
發(fā)明者宮田洋昌 申請(qǐng)人:索尼株式會(huì)社