專利名稱：用于選擇和顯示電子文檔中感興趣的區(qū)域的方法和裝置的制作方法
技術(shù)領(lǐng)域：
0001本發(fā)明涉及在裝置的顯示器上顯示電子文檔。具體來說，
本發(fā)明涉及一種用于選擇這樣的文檔中感興趣的區(qū)域并以適合顯示 器性能的方式顯示所選擇的區(qū)域的方法。本發(fā)明還涉及一種被配置為 根據(jù)該方法操作的裝置，以及包括當(dāng)安裝在這種裝置上時使該裝置能 夠執(zhí)行該方法的指令的計算機(jī)程序產(chǎn)品。
背景技術(shù)：
0002諸如網(wǎng)頁的電子文檔通常被設(shè)計為在使用標(biāo)準(zhǔn)尺寸顯示 器的常規(guī)臺式計算機(jī)上顯示。當(dāng)這種文檔在其它裝置上，例如手持裝 置、移動電話、電視機(jī)或游戲操控臺上顯示時，顯示器的尺寸和布局 不能以方便用戶的方式提供該文檔。已經(jīng)建議了許多方法以解決這類 問題。這些方法通常是在文檔被顯示之前對其進(jìn)行修改以使得文檔適 配于屏幕。這通常包括去除不適配于屏幕的尺寸或固有屬性的內(nèi)容或 布局。這些解決方案的共同問題是頁面可能變得不可用或者用戶識別 不出文檔或者難以在文檔中導(dǎo)航。
0003其它方法包括改變文檔的各個部分的大小或移動文檔的 各個部分，如縮小圖像尺寸，通過改變文檔的布局減少欄的數(shù)量，以 及改變顏色、對比度、亮度和字體尺寸。

發(fā)明內(nèi)容
0004根據(jù)本發(fā)明，提供了 一種用于選擇電子文檔中感興趣的 區(qū)域并以適合顯示器的性能的方式顯示所選擇的區(qū)域的方法。
0005該方法可以包括下述步驟加載文檔，在所述文檔中選擇一個位置，分析該文檔的布局以識別包含所述位置的感興趣的區(qū) 域，并在所述顯示器上以感興趣的區(qū)域與所述顯示器的窗口對準(zhǔn)的方 式顯示所述感興趣的區(qū)域。
0006根據(jù)本發(fā)明，可以基于對文檔本身的分析或者基于用戶 從諸如鼠標(biāo)或鍵盤的輸入裝置的輸入來選擇所述位置。
0007根據(jù)與本發(fā)明的原理一致的各種實施例，所述位置至少 最初可以由在代表該文檔中的一個點的至少第一組坐標(biāo)來限定。附加 的坐標(biāo)可以代表該文檔中附加的點。根據(jù)本發(fā)明的某些實施例，多個 點可以被用于代表該文檔的一個區(qū)域。根據(jù)本發(fā)明的某些實施例，該 文檔的點或區(qū)域可以被用于識別作為該文檔的一部分的對象或單元， 并且這些對象或單元可以被用于確定或識別感興趣的區(qū)域。
0008根據(jù)本發(fā)明的某些實施例，對感興趣的區(qū)域的識別包括 以下步驟在所述文檔中識別與所述位置相關(guān)聯(lián)的布局框，并且所述 區(qū)域被選擇為沿至少一個維度包含基本上整個布局框。根據(jù)本發(fā)明的 原理，所述文檔可以是標(biāo)記語言文檔，并且布局框可以是至少一個 DOM單元或者至少一個CSS包含塊。
0009根據(jù)本發(fā)明的某些實施例，選擇該區(qū)域使其沿至少 一個 維度包含基本上整個布局框的步驟可以包括選擇具有與所述布局框 基本相同的寬度的區(qū)域。
0010根據(jù)與本發(fā)明的原理一致的實施例，顯示感興趣的區(qū)域 的步驟可以包括確定用以顯示所述文檔的當(dāng)前顯示區(qū)域的第 一分辨 率，計算用以顯示所述感興趣的區(qū)域的所希望的第二分辨率，并執(zhí)行 從所述第一分辨率到所述第二分辨率的逐步變化。這種分辨率的逐步 變化可能對感興趣的區(qū)域的縮放產(chǎn)生影響。
0011根據(jù)與本發(fā)明的原理一致的實施例，顯示所述感興趣的 區(qū)域的步驟還可以包括在所述文檔中確定代表所述文檔的當(dāng)前顯示 區(qū)域的第 一位置，在所述文檔中確定代表所述感興趣的區(qū)域的第二位 置，并沿從所述第一位置到所述第二位置的路徑連續(xù)顯示所述文檔的 多個區(qū)域。這種沿路徑逐步顯示區(qū)域可以代表從當(dāng)前區(qū)域到感興趣的區(qū)域的掃視和/或傾斜(水平或垂直滾動)。
0012根據(jù)本發(fā)明的原理，在已經(jīng)執(zhí)行上述縮放和掃視/傾斜 的實施例中，它們可以同時執(zhí)行，或者其中的一個操作可以在另一操 作之前執(zhí)行。
0013本發(fā)明還包括一種計算裝置，其具有顯示器、用戶輸入 接口 、能夠接收電子文檔的通信接口和其中能夠載入接收到的文檔的 存儲器，以及共同包括能夠執(zhí)行本發(fā)明的方法的模塊的硬件和軟件組 件。
0014最后，本發(fā)明還包括裝載在諸如CR-ROM、 DVD-ROM
或硬盤驅(qū)動器的計算機(jī)可讀介質(zhì)上的計算機(jī)程序產(chǎn)品，以及包括當(dāng)在 計算機(jī)裝置上加載和執(zhí)行時能夠執(zhí)行本發(fā)明所述方法的指令。


0015圖1示出了可以用于執(zhí)行本發(fā)明的各個方面的計算裝置 的圖示；
0016圖2示出了可以與本發(fā)明結(jié)合使用的用戶代理應(yīng)用程序 的各模塊；
0017圖3A-C示出了電子文檔的布局和它在瀏覽器窗口中的
顯示；
0018圖4示出了電子文檔的布局如何作為多個布局框的結(jié)
果；
0019圖5示出感興趣的區(qū)域如何基于本發(fā)明被識別和顯示；
以及
0020圖6是描述本發(fā)明所述方法的流程圖。
具體實施例方式
0021現(xiàn)在將參考附圖進(jìn)一步詳細(xì)描述本發(fā)明。本發(fā)明可以以 許多不同的形式實現(xiàn)，因而其實現(xiàn)不應(yīng)局限于這里所述的實施例。這 些實施例作為例子來提供，以便為本領(lǐng)域技術(shù)人員提供對本發(fā)明的完0022特別地，應(yīng)該理解，盡管所述例子涉及了用于在因特網(wǎng) 和萬維網(wǎng)上創(chuàng)建、格式化、傳輸和顯示內(nèi)容的特定標(biāo)準(zhǔn)和格式，但本 發(fā)明的實現(xiàn)不應(yīng)局限于這里所提到的特定標(biāo)準(zhǔn)。
0023圖1示出了通用的計算裝置100，其可以被用作執(zhí)行本 發(fā)明的各個方面的環(huán)境。在圖1中，裝置100包括中央處理器單元 (CPU) 101、存儲器102、通信端口或輸入/輸出端口 (下文中稱作 1/0)103、視頻接口 104和網(wǎng)絡(luò)接口 105。這些單元通過系統(tǒng)總線106 彼此通信。
0024可包括ROM、 RAM、閃存、石更盤驅(qū)動器或者固定和可 移動存儲器的任何其它組合的存儲器存儲系統(tǒng)的各軟件部分，如基本 輸入/輸出系統(tǒng)(BIOS) 141、操作系統(tǒng)142、包括應(yīng)用程序和裝置驅(qū) 動程序的各種計算機(jī)程序143、各種類型的數(shù)據(jù)144、以及諸如宏和 腳本145的其它可執(zhí)行文件或指令。
0025I/O端口 103可連接到一個或多個本地裝置110,如諸 如鍵盤、鼠標(biāo)或遙控器的用戶輸入裝置、打印機(jī)、媒體播放器、外部 存儲裝置和諸如全球定位系統(tǒng)接收器(GPS)或電視機(jī)頂盒的專用裝 置。1/0端口 103可以是諸如USB、 PS/2、 RS-232、紅外線(IR)、 藍(lán)牙、打印機(jī)端口或用于本地裝置的任何其它標(biāo)準(zhǔn)化或?qū)Ｓ猛ㄐ沤涌?的端口的任意組合。
0026tf見頻接口裝置104連接到可作為外部監(jiān)視器或諸如LCD 顯示器的集成顯示器的顯示單元120。顯示單元120可以具有觸摸屏， 并且在這種情況下，顯示單元還兼做用戶輸入裝置。顯示單元的用戶 輸入裝置方面可以被認(rèn)為是經(jīng)由通信端口 103進(jìn)行通信的本地裝置 110之一。
0027網(wǎng)絡(luò)接口裝置105使裝置100能夠連接到網(wǎng)絡(luò)，從而與 遠(yuǎn)程裝置130進(jìn)行通信。通信網(wǎng)絡(luò)在圖1中僅表示為連接網(wǎng)絡(luò)接口 105 和遠(yuǎn)程裝置130的連線，其例如可以是局域網(wǎng)或因特網(wǎng)。原則上遠(yuǎn)程 裝置可以是任何具有類似于裝置100的通信能力的計算裝置，但是通?？梢允欠?wù)器或某些提供聯(lián)網(wǎng)服務(wù)的其它單元。本領(lǐng)域技術(shù)人員應(yīng) 該理解，通信網(wǎng)絡(luò)可以是任何公共可接入網(wǎng)絡(luò)或網(wǎng)絡(luò)組合，包括因特
網(wǎng)、諸如GSM的蜂窩移動通信網(wǎng)絡(luò)、公共電話網(wǎng)、電纜網(wǎng)絡(luò)、或者 模擬或數(shù)字的廣播或衛(wèi)星。
0028應(yīng)該理解的是，圖1中所示的裝置100不限于在尺寸或 資源方面任何特定的配置或?qū)嵤┓绞?。所示的各部件均可以實現(xiàn)為一 個或多個裝置100的集成單元，或者分布在多個單元上。當(dāng)然也可以 存在其它單元或能力。此外，裝置IOO例如可以是諸如PC的通用計 算機(jī)，或者個人數(shù)據(jù)助理(PDA)、手機(jī)或智能電話、或游戲控制臺 或電視機(jī)頂盒或媒體播放器。
0029本發(fā)明的各個方面可以作為構(gòu)成可作為應(yīng)用程序安裝在 裝置100上的用戶代理或瀏覽器的一部分的組件和/或功能來實現(xiàn)。圖 2示出了可以在這種用戶代理中出現(xiàn)的多個模塊的例子。所述模塊通 常是軟件模塊或以可以由CPU 101執(zhí)行的某些其它軟件形式實現(xiàn)。
0030用戶代理200代表具有可以在圖1中所示的顯示單元 120上顯示的用戶界面201的用戶。用戶界面可以包括地址段202, 在地址段中用戶可以使用輸入裝置來輸入文檔或者他或她希望用戶 代理200提取的服務(wù)的URI。地址段202也可以是所顯示的鏈接，其 可以由用戶使用諸如鼠標(biāo)、滾動裝置或某些其它用于選擇顯示項的裝 置的指示裝置來激活。作為替代，URI可以以已經(jīng)由用戶代理加載的 文檔或腳本的代碼來指定。
0031在任何情況下，URI均可以通過窗口和代表與用戶代理 200相關(guān)聯(lián)或者作為用戶代理200的一部分的用戶界面的輸入部分的 輸入管理器203被接收。該URI然后可以被轉(zhuǎn)發(fā)到管理作為通過URI 所識別的文檔的一部分被接收的數(shù)據(jù)的文檔管理器204。
0032文檔管理器204將URI轉(zhuǎn)發(fā)到URI管理器205， URI 管理器205又指示通信模塊206請求訪問所識別的資源。通信模塊206 能夠經(jīng)由網(wǎng)絡(luò)從諸如服務(wù)器的遠(yuǎn)程裝置130使用超文本傳輸協(xié)議 (HTTP )或者諸如HTTPS或FTP的某些其它協(xié)議訪問并提取數(shù)據(jù)。通信模塊還能夠訪問存儲在本地存儲器102中的數(shù)據(jù)。
0033如果需要對裝置IOO外部的通信進(jìn)行加密，例如如由用 于訪問URI的協(xié)議所指定的，加密/解密模塊207處理URL管理器 205和通信模塊206之間的通信。
0034由通信單元206響應(yīng)于請求所接收到的數(shù)據(jù)被轉(zhuǎn)發(fā)到 URI管理器205。 URI管理器然后可以在本地存儲器102中使用管理 文檔的高速緩存管理器208和圖像高速緩存209存儲接收到的內(nèi)容副 本。如果在隨后的時間請求相同的URI，則URI管理器205可以從高 速緩存管理器208請求它，所述高速緩存管理器208將從高速緩存209 提取數(shù)據(jù)(除非高速緩存的副本已經(jīng)被刪除)，并將它轉(zhuǎn)發(fā)到URI 管理器205。在這種情況下，當(dāng)笫二次請求相同URI時，不需要從遠(yuǎn) 程裝置130再次提取數(shù)據(jù)。
0035URI管理器205將接收到的數(shù)據(jù)轉(zhuǎn)發(fā)到能夠?qū)χT如 HTML、 XML和CSS的內(nèi)容進(jìn)行解析的解析器210。然后所述內(nèi)容 可以根據(jù)內(nèi)容的類型和屬性通過ECMA腳本引擎211、用于處理文檔 對象模型(DOM)結(jié)構(gòu)212的模塊和/或布局引擎213進(jìn)一步處理。
0036所提取的內(nèi)容的這種處理由文檔管理器204來進(jìn)行管 理，文檔管理器還可以將附加的URI請求轉(zhuǎn)發(fā)到URI管理器205，作 為接收到的內(nèi)容的處理結(jié)果。這些附加的URI例如可以指定應(yīng)當(dāng)體現(xiàn) 在由原始URI指定的文檔中的圖像或其它附加文件。
0037當(dāng)代表所指定的文檔的內(nèi)容的數(shù)據(jù)已經(jīng)被處理后，它從 文檔管理器204被轉(zhuǎn)發(fā)，以便由呈現(xiàn)引擎214呈現(xiàn)并顯示在用戶界面 201上。
0038因此，當(dāng)處理器經(jīng)由系統(tǒng)總線106接收指令和數(shù)據(jù)時， 所描述的各模塊由處理單元101執(zhí)行。通信模塊206使用網(wǎng)絡(luò)接口 105 與遠(yuǎn)程裝置130進(jìn)行通信。各模塊的功能當(dāng)然可以集成在更少的較大 模塊中，或者分布或復(fù)制到多個模塊上。
0039還應(yīng)該理解的是，剛剛描述的用戶代理200可以作為應(yīng) 用程序143實現(xiàn)，但是某些功能也可以是操作系統(tǒng)142的一部分或者甚至是裝置100的BIOS 141。響應(yīng)于URI請求接收到的內(nèi)容可以是 數(shù)據(jù)144、腳本145或它們的組合，如下面進(jìn)一步描述的。
0040諸如網(wǎng)頁的電子文檔通常使用如HTML、 XHTML或 XML的標(biāo)記語言被創(chuàng)建，并且它們的布局通常是為標(biāo)準(zhǔn)計算機(jī)顯示 器而設(shè)計的。然而，諸如瀏覽器的用戶代理越來越普遍地被安裝在其 它類型的裝置上，如PDA、手機(jī)、電視機(jī)頂盒和游戲操控臺。這些裝 置帶有多種具有不同尺寸、形狀和分辨率的顯示器。這些裝置可能不 能以有意義的方式呈現(xiàn)和顯示網(wǎng)頁。文檔可能被減小到變?yōu)椴豢勺x的 尺寸， 一次只能顯示文檔的一小部分，或者文檔的布局可能以文檔創(chuàng) 建者預(yù)料不到的方式發(fā)生改變。
0041現(xiàn)在參見圖3，在圖3A中示出示例性的網(wǎng)頁300的整 個布局。該網(wǎng)頁包括左側(cè)邊緣301和主內(nèi)容區(qū)域302。主內(nèi)容區(qū)域302 包括從標(biāo)題行303開始的文章，而左側(cè)邊緣301包括導(dǎo)航菜單304，
其具有多個可以超鏈接到相同網(wǎng)站的其它部分的菜單項。在主內(nèi)容區(qū) 域302中，標(biāo)題行303下面是兩欄文本，在右欄中已經(jīng)插入了圖像306。
0042圖3B示出在瀏覽器窗口或用戶代理窗口中顯示的圖3A 的網(wǎng)頁的一部分。用戶代理可以類似于以上參考圖2所描述的，并且 窗口可以被顯示在類似于以上參考圖l描述的裝置的顯示器上。
0043窗口包括導(dǎo)航按鈕311，可以輸入期望文檔的URL的 地址段312，和垂直滾動條313。瀏覽器窗口的剩余部分被用于顯示 文檔300的一部分。該窗口的剩余部分4皮稱作"視圖區(qū)(viewport)"。 應(yīng)當(dāng)注意的是，在圖3B中所示的例子中，視圖區(qū)的寬度足以顯示網(wǎng) 頁300的整個寬度，但只能顯示文檔的上部。為了觀看剩余文檔，提 供了垂直滾動條313。該滾動條使得可以相對于文檔300向下移動視 圖區(qū)。
0044圖3C也示出了網(wǎng)頁300的一部分，但是這一次是在可 以作為PDA或手機(jī)的顯示器的小顯示器上顯示。用戶代理窗口可以 包括圖3B中所示的瀏覽器窗口的一些特征，如導(dǎo)航按鈕311和垂直 滾動條313。此外，已經(jīng)提供了水平滾動條314。由于視圖區(qū)的尺寸
ii很小，只能顯示文檔的一部分。為了觀看整個文檔，用戶需要同時水 平和垂直地滾動。
0045在圖3B中所述的情況下，可以不太麻煩地讀取整個文 檔。然而，可能有些原因使得用戶例如想放大文檔的特定單元、即放 大文檔使得只有一小部分被顯示在視圖區(qū)中。這種原因的一個例子可 能是其上顯示用戶代理窗口的顯示器120的分辨率低，其可能與遠(yuǎn)離 顯示器120處的用戶相結(jié)合，如可能是顯示器120為電視顯示屏的情 況，可能難以適當(dāng)?shù)乜吹剿@示的內(nèi)容。另一個原因可能是用戶減小 視線范圍并希望放大文檔的各個部分。
0046在圖3C中所示的情況下，意識到在文檔內(nèi)的導(dǎo)航可能 是很困難的，并且如果文本的行比視圖區(qū)更寬的話，讀取文本305將 特別困難。用戶然后可能希望縮放文檔，同時把所希望的內(nèi)容整個、 至少在一個維度上放到視圖區(qū)內(nèi)。
0047現(xiàn)在參考圖4，其示出了文檔300怎樣以布局的形式來 組織。本領(lǐng)域技術(shù)人員將意識到這僅僅是多個例子中的一個，并且可 以以多種方式實現(xiàn)相同的布局，例如基于文檔300的標(biāo)記語言代碼結(jié) 構(gòu)的構(gòu)造。
0048圖4中所示的例子是基于第二級修訂版1的層疊樣式表 單(CSS)，其由World Wide Web Consortium ( W3C )公布在 http:〃www.w3.org/TR/CSS21/，這里引用其作為參考。然而，本發(fā)明
不限于CSS的這個版本或者尤其是不限于css本身。以下給出的例
子被稍微筒化了 ，并且沒有包括所有的可能性和特征或例外。
0049當(dāng)諸如在圖2中所示的用戶代理接收標(biāo)記語言文檔時， 該文檔通常如以上所述進(jìn)行處理。布局引擎213可以基于文檔的DOM 結(jié)構(gòu)生成多個基于DOM樹中元件的框。根據(jù)CSS 2.1框模型的總體 方法，限定為塊框的框為子框建立包含塊。(某些其它類型的方塊， 諸如內(nèi)嵌框，并不是塊框。)此外，某些其它類型的單元并不限定為 框，諸如各種表格單元，也建立包含塊。
0050l給定框的尺寸和位置可以相對于它的包含塊的邊緣來計算。在圖4中，頂層框400是整個頁面的包含塊。左側(cè)邊緣301;故包 含在一個子框401中，而主內(nèi)容302被包含在另一個子框402中。菜 單304的位置然后可基于它的包含塊401的邊緣來計算。標(biāo)題行303 可以被包含在框403中，它以框402作為它的包含塊?？?02可包含 一個附加的框404,它包含文檔300的主文本305。標(biāo)題行303的位 置可以基于它的包舍塊、即框403的邊緣來計算。由于文本305分布 在兩欄上，框404可以包含兩個子框405和406。這兩個子框均以框 404作為它們的包含塊。最后，框406包含一個附加的框407，它以 框406作為它的包含塊，并且框406接著用作圖像306的包含塊。
0051還可以存在圖4中未示出的附加的框。通常，包含在框 405和406中的文本的每一行具有它自己的行框，如果文本包含超鏈 接，則這些鏈接可以被包含在內(nèi)嵌框中?？梢栽谏厦嫣岬降腃SS規(guī)范 中找到各種類型的框的更加詳細(xì)的討論。
0052在用戶代理的典型實現(xiàn)方式中，輸入管理器203能夠跟 蹤諸如鼠標(biāo)指針的指示裝置的位置。該位置可以與由布局引擎213所 創(chuàng)建的布局進(jìn)行比較，如在圖4中所示的。只要指示裝置的位置位于 用戶代理窗口的視圖區(qū)內(nèi)，則它有必要位于作為整個文檔的包含塊的 最頂部的框400內(nèi)。指針或光標(biāo)也可以在附加的框內(nèi)，并且被認(rèn)為在 已經(jīng)生成指針位于其中的最里面的框的單元上方盤旋。作為例子，如 果指針在框405內(nèi)部，它必然也位于框404、框402和框400內(nèi)。然 而，這兩個文本欄305的左欄是指針在其上盤旋的單元(除非它在諸 如行框或內(nèi)嵌框的附加框內(nèi))。類似地，如果指針在框407內(nèi)，則指 針不是在文本305的右欄上盤旋，而是在圖像306上盤旋。
00 53來自用戶的附加輸入，諸如鼠標(biāo)點擊，則可以由用戶代 理解釋為指針盤旋在其上的單元上的點擊或選擇，并且用戶代理可以
基于這種選擇執(zhí)行某些適當(dāng)?shù)膭幼?。然而，因為指針在一個單元上盤 旋，用戶代理也可以被配置為簡單地執(zhí)行某些動作。
0054不釆用指針類型的輸入裝置的話，單元的選擇可能會更 加復(fù)雜，但是也能夠?qū)崿F(xiàn)多種替代，如從單元到單元間移動的鍵盤或游戲桿輸入。
0055根據(jù)本發(fā)明，在電子文檔300中選擇位置可以發(fā)起對包 含所選位置的感興趣的區(qū)域的選擇，隨后顯示所選擇的區(qū)域。
0056對感興趣的區(qū)域的選擇可以基于用戶輸入，如下面將進(jìn) 一步描述的，但是它也可以基于由用戶代理200所執(zhí)行的文檔分析。 當(dāng)文檔被第 一次加載時根據(jù)顯示器的屬性進(jìn)行選擇是特別有用的。根 據(jù)本發(fā)明的某些實施例，因此當(dāng)加載文檔時對文檔300執(zhí)行分析或者 當(dāng)通過用戶輸入調(diào)用這種分析時執(zhí)行，并基于該分析選擇文檔內(nèi)的位 置。作為例子，該分析可以選擇由諸如標(biāo)題行或表格的特定類型的單 元所生成的第一框的左上角。本發(fā)明不限于基于分析選擇位置的任何 特定標(biāo)準(zhǔn)，這可以留給設(shè)計者或者甚至可由用戶配置。
0057根據(jù)與本發(fā)明的原理一致的實施例，所選擇的位置可以 基于用戶輸入。該用戶輸入可包括代表諸如鼠標(biāo)光標(biāo)的指示裝置的位 置的坐標(biāo)。接收到的坐標(biāo)可以用于選擇網(wǎng)頁上的一個或多個單元，并 用于選擇包含所選單元的感興趣的區(qū)域。
0058作為替代，用戶輸入可以直接代表該文檔中的單元。這 通常可以是當(dāng)例如標(biāo)記語言文檔由在沒有指示裝置的裝置上運(yùn)行的 用戶代理載入時的情況，所述裝置諸如為帶有鍵盤或鍵區(qū)輸入的移動 電話或PDA。
0059應(yīng)該理解的是，只要它能夠被翻譯成在文檔300的布局 中的某個位置或與文檔300的布局中的某個位置相關(guān)聯(lián)，用戶輸入裝 置的確切屬性和從輸入裝置接收到的數(shù)據(jù)并不是本發(fā)明的必要部分。 所述位置例如是可以一個點、 一個區(qū)域或者在頁面中某處的一個單 元o
0060當(dāng)代表在頁面300中的位置的用戶輸入3皮接收并^L識別 為用戶試圖選擇感興趣的區(qū)域的嘗試時，接收到的位置可以被用于選 擇感興趣的區(qū)域。在與本發(fā)明一致的許多實施例中，可以為除選擇感 興趣的區(qū)域之外的其它目的而接收用戶輸入，如點擊超鏈接或?qū)⒔裹c 放到諸如輸入段的特定單元?？梢允褂酶鞣N方法將用戶輸入識別為試
14圖選擇感興趣的區(qū)域的嘗試。根據(jù)某些實施例，假定指示裝置的位置 不與諸如超鏈接、按鈕、輸入段或下拉菜單等活動單元相關(guān)聯(lián)，代表 指示裝置的位置的用戶輸入和鼠標(biāo)點擊可以被識別為這種輸入。替代 實施例包括指示裝置位置和來自第二鼠標(biāo)鍵的點擊或者與按下鍵盤 按鍵相結(jié)合的點擊(例如shift+點擊)，點擊和拖動指示裝置，重復(fù) 按下制表鍵直到選擇了合適的單元，隨后按下指定的鍵盤按鍵，或者 由設(shè)計者指定的能夠識別諸如點、單元或區(qū)域的位置的任何其它用戶 輸入。
0061當(dāng)基于用戶輸入或文檔分析識別出一個位置時，可以基 于該位置選擇感興趣的區(qū)域。根據(jù)與本發(fā)明的原理一致的實施例，使 用該位置來選擇至少一個布局框。如果文檔是根據(jù)CSS處理的標(biāo)記語 言文檔，布局框可以是建立包含塊的任何單元，如塊框或表格單元。 然而，應(yīng)該理解的是，在本說明書和權(quán)利要求中所使用的術(shù)語"布局 框"不應(yīng)被解釋為限制在特定標(biāo)準(zhǔn)或規(guī)范中給出的任何定義。而是， 布局框可以是用于定義頁面上的某個內(nèi)容的物理位置的電子文檔中 的任何單元。
0062所選擇的布局框可以是與所選擇的位置相關(guān)聯(lián)的最內(nèi)部 的布局框。已經(jīng)參考附圖4進(jìn)行了描述，框405內(nèi)的鼠標(biāo)點擊可以選 擇框405，而不是框400或404。然而，可以建立某些規(guī)則以使得框 沒有資格被選擇，例如由于它們太小。作為例子，如果框407以及進(jìn) 而圖像306被認(rèn)為太小而不能被選擇，則在框407中的(例如通過鼠 標(biāo)點擊而識別的)位置仍然可以導(dǎo)致選擇框406。
0063在已經(jīng)選擇完布局框之后，它的尺寸或比例可以與顯示 器的尺寸或者與顯示文檔300的視圖區(qū)進(jìn)行比較。然后可以選擇感興 趣的區(qū)域作為包括所選的位置的區(qū)域，包括沿至少一個維度的基本上 整個布局框的區(qū)域，以及具有與視圖區(qū)或顯示器基本上相同的比例的 區(qū)域。作為例子，在圖4中框405內(nèi)的點擊(對應(yīng)于在圖3B中的欄 305中的點擊)可導(dǎo)致選擇在圖4中用虛線表示的區(qū)域408。
0064應(yīng)該理解的是，在本發(fā)明的范圍內(nèi)，術(shù)語"基本上"包括了布局框外部的額外空間，或者稍許剪裁布局框。只要基于布局框的 尺寸或形狀選擇區(qū)域，從布局框的外部包括或者從布局框的內(nèi)部剪裁
例如5個或10個像素、或者就此而言任何其它合理的數(shù)量、甚至只 有一個或兩個像素的區(qū)域都沒有關(guān)系。
0065將意識到的是，任何給定的布局框不必具有相同高度-寬度比，或者甚至是與顯示器或顯示應(yīng)用程序(例如用戶代理或瀏覽 器窗口 )的視圖區(qū)相同的形狀。是否選擇水平或垂直維度作為沿其包 括整個布局框的維度是設(shè)計選擇的問題。根據(jù)某些實施例，最方便的 是選擇水平維度，例如為了在感興趣的區(qū)域中包括文本的整行。根據(jù) 本發(fā)明的其它實施例，最好保留垂直維度，例如當(dāng)以肖像格式顯示圖 像時。
0066根據(jù)本發(fā)明的某些方面，選擇保留哪個維度可以基于內(nèi) 容的類型動態(tài)地完成。某些規(guī)則可以例如要求當(dāng)布局框的內(nèi)容是文本 時選擇水平維度，而當(dāng)內(nèi)容是圖像時選擇垂直維度。這種規(guī)則還可以 考慮布局框的形狀或高度-寬度比，選擇感興趣的區(qū)域使得在一個特定 的維度上充滿整個感興趣的區(qū)域，而在其它維度上伸到了所選的感興 趣的區(qū)域之外或沒有到達(dá)感興趣的區(qū)域的邊緣。
0067在已經(jīng)選擇了與視圖區(qū)具有相同形狀的感興趣的區(qū)域 后，使感興趣的區(qū)域被顯示，使得它基本上充滿整個視圖區(qū)。如果當(dāng) 用戶代理首次加載時已經(jīng)基于文檔的分析選擇了感興趣的區(qū)域，這可 以是文檔的初始顯示。然而，如果當(dāng)前正在顯示文檔的不同區(qū)域，則 可以改變顯示器的分辨率(即文檔的顯示尺寸可以被放大或縮小)， 并且該區(qū)域可以被移動到新選擇的感興趣的區(qū)域。根據(jù)與本發(fā)明的原 理一致的某些實施例，這種分辨率的變化(縮放)和/或移位(掃視、 傾斜)可以逐步完成，以便實現(xiàn)有助于用戶相對于當(dāng)前顯示的頁面部 分保持定向的滑動或掃描效果。
0068應(yīng)該理解的是，在裝置100中不必明顯表示所選的感興 趣的區(qū)域的確切維度。它可以通過邊緣(例如將保持完整的、沿該維 度或方向的邊緣)和分辨率的必要改變、或者以只要能得到必要的移位和分辨率改變的任何其它方式被表示為代表性的坐標(biāo)或位置(例如 一個角)和尺寸。換句話說，本發(fā)明不限于選擇具有特定高度-寬度比 的感興趣的區(qū)域，只要由位置、希望的尺寸或分辨率和當(dāng)該區(qū)域被顯 示時在視圖區(qū)中的定位暗含地定義一個區(qū)域。基于所選的感興趣的區(qū) 域改變視圖區(qū)的形狀(例如高度-寬度比)也在本發(fā)明的范圍內(nèi)。
0069可以通過計算當(dāng)前在視圖區(qū)中觀看的區(qū)域和所選擇的感 興趣的區(qū)域的當(dāng)前尺寸之間的尺寸差執(zhí)行逐步縮放。然后分辨率可以 朝著將使得所選擇的感興趣的區(qū)域具有與視圖區(qū)基本上相同的尺寸 (以像素為單位)的希望的分辨率逐步改變。類似地，通過計算從在 當(dāng)前所顯示的區(qū)域內(nèi)的位置到所選擇的感興趣的區(qū)域內(nèi)的相應(yīng)位置、 例如這兩個區(qū)域的特定的角或中心的路徑可以實現(xiàn)移位。然后可以計 算并依次顯示沿該路徑的多個中間區(qū)域。應(yīng)該理解的是，這兩種方法 中的一種或者這兩者可以在本發(fā)明的任意特定實施例中使用，并且它 們可以同時執(zhí)行，或者一種方法在另一種方法之前執(zhí)行。
0070圖5A示出了文檔300的頂部被顯示的例子，并且其中 用戶輸入表明在欄305的左側(cè)部分內(nèi)的一個位置(包含在包含塊405 中)。選擇具有與欄305相同寬度并且具有與視圖區(qū)相同比例(高度 -寬度比)的感興趣的區(qū)域。在該區(qū)域已經(jīng)移位并且分辨率已經(jīng)被改變 之后，該欄充滿視圖區(qū)的整個寬度，并且用戶可通過使用垂直滾動條 313在文本中上下滾動。
0071圖5B示出了其中已經(jīng)選擇了感興趣的區(qū)域的一個例子， 在這種情況下是欄305的右側(cè)部分(包含在包含塊406中)。還示出 了圖像306的一部分(在包含塊407中)。在這個例子中，識別包含 塊407內(nèi)的位置，使得塊407和圖像306被選為感興趣的區(qū)域。根據(jù) 這個例子，圖像被認(rèn)為足夠大，從而能夠被選擇(或者沒有執(zhí)行關(guān)于 區(qū)域的最小尺寸的規(guī)則)。此外，由于所識別的塊的內(nèi)容是圖像，因 此選擇垂直維度為整個包含在所選區(qū)域內(nèi)的維度(例如通過簡單的規(guī) 則選擇圖像的垂直維度，因為它是該圖像的最大維度，因為這是將使 整個圖像都位于視圖區(qū)內(nèi)的維度，或者任何其它通過設(shè)計所選擇的規(guī)則)。
0072在這種情況下，基于圖像的高度和視圖區(qū)的高度-寬度 比選擇所選區(qū)域的寬度。由于所選的感興趣的區(qū)域比當(dāng)前顯示的區(qū)域 大，分辨率將以與在圖5A中的例子相反的方式改變，導(dǎo)致縮小的效 果。
0073圖5C示出了其中文檔300已經(jīng)被加載到具有小垂直屏 幕的裝置上的例子。初始顯示對應(yīng)于在圖3C中所示的情況。基于文 檔的分析，或者作為用戶輸入的結(jié)果，已經(jīng)選擇了具有標(biāo)題行303的 包含塊403，并且已經(jīng)選擇了具有塊403的整個寬度的感興趣的區(qū)域。 由于該區(qū)域具有與視圖區(qū)基本相同的高度-寬度比，這也包括了兩欄 305和圖像306的大部分。
0074現(xiàn)在參考圖6，其在流程圖中示出了根據(jù)本發(fā)明的示例 性方法。從上述描述和權(quán)利要求書中應(yīng)該理解，不是所有所示的步驟 在本發(fā)明的所有實施例中都是必要的。
0075在初始的啟動步驟600之后，文檔被加載601。根據(jù)該 例子，文檔被分析602，以便識別所選擇的位置。作為例子，這種位 置可以是包含第一標(biāo)題行的塊的一個角或者中心。然而，文檔也可以 以它原本的分辨率從左上角顯示，或者至少在一個維度上(即選擇與 最上面的布局框、在圖4的例子中為包含塊400相關(guān)聯(lián)的位置)，分 辨率可以被改變以適應(yīng)在視圖區(qū)中的整個文檔?；谏厦婷枋龅目梢?是與布局框相關(guān)聯(lián)的任何東西的所選擇的位置，具有與視圖區(qū)基本相 同的比例的感興趣的區(qū)域可以被識別603。
0076如果該文檔剛剛被加載并且還沒有被顯示，在確定步驟 604中確定可以在視圖區(qū)中生成感興趣的區(qū)域的初始顯示。然而，如 果文檔的某些區(qū)域已經(jīng)被顯示，可以執(zhí)行縮放和/或移位的步驟606, 以便將所識別的感興趣的區(qū)域放置到視圖區(qū)內(nèi)。只要已經(jīng)生成了顯 示，就可以跟蹤用戶輸入607，例如跟隨跟蹤裝置在布局框或其它單 元上或者通過布局框或其它單元的移動。如果在確定步驟608中確定 用戶輸入識別出這樣一個位置，即該位置應(yīng)該被解釋為用于指出感興趣的區(qū)域的位置，方法跳回到步驟603，并且感興趣的區(qū)域根據(jù)針對 這種選擇所執(zhí)行的規(guī)則被識別，如上面詳細(xì)討論的。
0077如果用戶輸入沒有被識別為用于識別感興趣的區(qū)域，則 可以確定609識別要加載的新文檔。例如，用戶可以激活識別文檔的 鏈接，如參考圖2更加詳細(xì)討論的。如果是這樣的話，則加載新的文 檔601，并且重復(fù)該過程。原則上，跟蹤用戶輸入可以與所有其它任 務(wù)并行地繼續(xù)進(jìn)行，并且可以導(dǎo)致某些或所有步驟中斷，這取決于在 用戶代理200或者甚至裝置100的設(shè)計期間所做出的選擇。此外，沒 有在圖6中示出的其它用戶輸入也是可能的，并且可以發(fā)起其它過程。 當(dāng)確定接收到的用戶輸入并不識別進(jìn)一步的用戶交互，而是指示該過 程應(yīng)該終止時，在最后的步驟610終止。
0078根據(jù)本發(fā)明的某些實施例，接收識別包括不是彼此的子 框的多于一個布局框的位置，例如區(qū)域或曲線的用戶輸入，并選擇包 括多個包含在感興趣的區(qū)域內(nèi)的布局框的組合的感興趣的區(qū)域。
0079還根據(jù)本發(fā)明的某些實施例，當(dāng)感興趣的區(qū)域與視圖區(qū) 中對準(zhǔn)或者在視圖區(qū)中顯示時，所選的感興趣的區(qū)域內(nèi)的內(nèi)容被動態(tài) 地改變或重新格式化，從而執(zhí)行關(guān)于例如文本環(huán)繞、字體大小、對比 度、顏色的附加規(guī)則。
0080最后，本領(lǐng)域技術(shù)人員應(yīng)該，理解本發(fā)明可以通過多種 硬件-軟件的組合來實現(xiàn)，并且不依賴于特定的硬件或軟件平臺、操 作系統(tǒng)、編程語言、通信協(xié)議、標(biāo)記語言、以及布局定義和呈現(xiàn)規(guī)格。
權(quán)利要求
1.一種用于在裝置的顯示器上選擇和顯示電子文檔中感興趣的區(qū)域的方法，包括-加載文檔；-在所述文檔中選擇一個位置；-分析所述文檔的布局，以識別包含所述位置的感興趣的區(qū)域；和-將所述所識別的感興趣的區(qū)域與所述顯示器的窗口對準(zhǔn)，并顯示所述感興趣的區(qū)域。
2. 根據(jù)權(quán)利要求l的方法，其中所述位置基于對包含在所述文 檔內(nèi)的單元的分析來選擇。
3. 根據(jù)權(quán)利要求l的方法，其中所述位置基于從輸入裝置的用 戶輸入來選擇。
4. 根據(jù)權(quán)利要求l的方法，其中所述位置至少包括第一坐標(biāo)。
5. 根據(jù)權(quán)利要求l的方法，其中所述分析包括-識別所述文檔中與所述位置相關(guān)聯(lián)的至少 一個布局框；和 —選擇所述區(qū)域以沿至少 一個維度包含基本上整個布局框。
6. 根據(jù)權(quán)利要求5的方法，其中所述文檔是標(biāo)記語言文檔，并 且所述布局框是至少一個DOM單元。
7. 根據(jù)權(quán)利要求5的方法，其中所述文檔是標(biāo)記語言文檔，并 且所述布局框是至少一個CSS包含塊。
8. 根據(jù)權(quán)利要求5的方法，其中所述的一個維度是布局框的寬 度，并且所述區(qū)域被選擇為具有與所述布局框基本相同的寬度。
9. 根據(jù)權(quán)利要求l的方法，其中對準(zhǔn)和顯示所迷感興趣的區(qū)域包括-確定用以顯示所述文檔的當(dāng)前顯示區(qū)域的第一分辨率； -計算用以顯示所述感興趣的區(qū)域的所希望的第二分辨率；和 -執(zhí)行從所述第 一分辨率到所述第二分辨率的逐步改變。
10. 根據(jù)權(quán)利要求1的方法，其中對準(zhǔn)和顯示所述感興趣的區(qū) 域包括-在所述文檔中確定代表所述文檔的當(dāng)前顯示區(qū)域的第一位置； -在所述文檔中確定代表所述感興趣的區(qū)域的第二位置；和 -沿從所述第一位置到所述第二位置的路徑順序顯示所述文檔 的多個區(qū)域。
11. 一種被配置為顯示電子文檔的計算機(jī)裝置，用于在裝置的 顯示器上選擇和顯示電子文檔中感興趣的區(qū)域，包括-顯示器；-用戶輸入界面；-能夠接收電子文檔的通信接口 ；-能夠把接收到的文檔栽入到其中的存儲器；-模塊，被配置為--在已經(jīng)栽入到存儲器中的文檔中選擇一個位置； --分析所述文檔的布局，以識別包含所述位置的感興趣的區(qū) 域；和- -將所述所識別的感興趣的區(qū)域與所述顯示器的窗口對準(zhǔn)，并 顯示所述感興趣的區(qū)域。
12. 根據(jù)權(quán)利要求ll的裝置，其中所述模塊還被配置為基于 對包含在所述文檔中的單元的分析來選擇所述位置。
13. 根據(jù)權(quán)利要求ll的裝置，其中所述模塊還被配置為基于 經(jīng)由所述用戶輸入界面接收到的用戶輸入來選擇所述位置。
14. 根據(jù)權(quán)利要求ll的裝置，其中所述位置至少包括第一坐標(biāo)。
15. 根據(jù)權(quán)利要求ll的裝置，其中所述分析包括-識別所述文檔中與所述位置相關(guān)聯(lián)的至少一個布局框；和 -選擇所述區(qū)域，使得沿至少一個維度包含基本上整個布局框。
16. 根據(jù)權(quán)利要求15的裝置，其中所述文檔是標(biāo)記語言文檔， 并且所述布局框是至少一個DOM單元。
17. 根據(jù)權(quán)利要求15的方法，其中所述文檔是標(biāo)記語言文檔， 并且所述布局框是至少一個CSS包含塊。
18. 根據(jù)權(quán)利要求15的方法，其中所述的一個維度是布局框 的寬度，并且所述區(qū)域被選擇為具有與所述布局框基本相同的寬度。
19. 根據(jù)權(quán)利要求ll的裝置，其中所述模塊還被配置為通過 以下手段對準(zhǔn)和顯示所述感興趣的區(qū)域-確定用以顯示所述文檔的當(dāng)前顯示區(qū)域的第一分辨率； -計算用以顯示所述感興趣的區(qū)域的所希望的第二分辨率；和 —執(zhí)行從所述第 一分辨率到所述第二分辨率的逐步改變。
20. 根據(jù)權(quán)利要求ll的裝置，其中所述模塊還被配置為通過 以下手段對準(zhǔn)和顯示所述感興趣的區(qū)域-在所述文檔中確定代表所述文檔的當(dāng)前顯示區(qū)域的第 一位置； -在所述文檔中確定代表所述感興趣的區(qū)域的第二位置；和 -沿從所述第一位置到所述第二位置的路徑順序顯示所述文檔 的多個區(qū)域。
21. —種裝載在計算機(jī)可讀介質(zhì)上的計算機(jī)程序產(chǎn)品，包括當(dāng) 在計算裝置上加載和執(zhí)行時能夠執(zhí)行如權(quán)利要求1-10中任一項所述 方法的指令。
全文摘要
提供了一種用于選擇電子文檔中感興趣的區(qū)域并以適合于顯示器性能的方式顯示所選擇的區(qū)域的方法。所述方法可以包括諸如加載文檔、在所述文檔中選擇一個位置、分析文檔布局以識別包含所述位置的感興趣的區(qū)域、并以使感興趣的區(qū)域與所述顯示器的窗口對準(zhǔn)的方式在所述顯示器上顯示所述感興趣的區(qū)域的步驟。還描述了一種被配置為執(zhí)行所述方法的裝置，以及包括用于在計算裝置上執(zhí)行所述方法的計算機(jī)程序產(chǎn)品。
文檔編號G06F3/048GK101578575SQ200780041389
公開日2009年11月11日 申請日期2007年9月21日 優(yōu)先權(quán)日2006年9月22日
發(fā)明者K·A·菲加德 申請人:Opera軟件股份公司