對(duì)Web內(nèi)容的分頁(yè)及導(dǎo)航的制作方法
【專(zhuān)利摘要】本發(fā)明的第一方面涉及一種方法，通過(guò)該方法Web瀏覽器將檢索的Web頁(yè)面的內(nèi)容重新布置到離散頁(yè)面序列中，每個(gè)離散頁(yè)面適配于視口尺寸范圍。根據(jù)第一方面，用戶(hù)可以通過(guò)進(jìn)行被解釋為用于查看下一個(gè)或上一個(gè)離散頁(yè)面的頁(yè)面切換命令的簡(jiǎn)單輸入來(lái)對(duì)內(nèi)容進(jìn)行導(dǎo)航。另外，根據(jù)本發(fā)明的第二方面，可以一次顯示多于一個(gè)的離散頁(yè)面。如此，頁(yè)面切換命令可以用于從序列中的當(dāng)前顯示的一組N(其中，N≥2)個(gè)離散頁(yè)面移動(dòng)到接下來(lái)的N個(gè)或先前的N個(gè)離散頁(yè)面。
【專(zhuān)利說(shuō)明】對(duì)Web內(nèi)容的分頁(yè)及導(dǎo)航

【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及對(duì)Web內(nèi)容如Web頁(yè)面和其他Web文檔的導(dǎo)航和呈現(xiàn)，特別地涉及在Web文檔內(nèi)部以及Web文檔之間的基于頁(yè)面的呈現(xiàn)和導(dǎo)航。

【背景技術(shù)】
[0002]當(dāng)通過(guò)Web瀏覽器顯示W(wǎng)eb媒體內(nèi)容例如Web頁(yè)面和其他Web文檔時(shí)，它們被顯示成可以沿著水平方向和豎直方向二者延伸到由瀏覽器窗口創(chuàng)建的視口外部的一個(gè)大頁(yè)面。當(dāng)用戶(hù)閱讀或查看文檔的內(nèi)容時(shí)，他或她必須相對(duì)于視口來(lái)移動(dòng)(已知為滾動(dòng))文檔以看見(jiàn)處于視口的當(dāng)前位置外部的內(nèi)容。
[0003]此外，文檔之間的唯一關(guān)系被呈現(xiàn)為鏈接，用戶(hù)可以調(diào)用上述鏈接以在查看當(dāng)前加載的文檔之后加載后續(xù)文檔，或者調(diào)用“back”命令以重新加載在瀏覽歷史中的先前加載的文檔，以及調(diào)用“forward”命令以在使用“back”命令之后在瀏覽歷史中向前移動(dòng)。一些Web瀏覽器還提供了 “fast forward"命令和“rewind”命令——取決于瀏覽器的構(gòu)成而可能使用不同的名稱(chēng)一當(dāng)瀏覽器檢測(cè)到當(dāng)前頁(yè)面中的被假定是鏈接到一組相關(guān)文檔中的在后文檔或在前文檔的鏈接時(shí)可以調(diào)用上述命令。這樣的假定例如可以基于在當(dāng)前加載文檔中的鏈接屬性、鏈接文本或超鏈接的URL中出現(xiàn)諸如“next'“forward'“prev1us”或“page2” 的詞。
[0004]當(dāng)用戶(hù)使用具有觸摸屏的新裝置例如平板計(jì)算機(jī)或智能手機(jī)訪(fǎng)問(wèn)Web內(nèi)容時(shí)，出于與可用性和便利性相關(guān)的幾個(gè)原因，逐步滾動(dòng)以及調(diào)用超鏈接不太方便。因此，用于閱讀或查看諸如Web頁(yè)面和電子書(shū)的內(nèi)容的已知為“app”的小應(yīng)用程序一直朝著更加傳統(tǒng)的類(lèi)似書(shū)的表現(xiàn)形式轉(zhuǎn)變，其中基于逐頁(yè)的方式將內(nèi)容呈現(xiàn)在頁(yè)面上，使得用戶(hù)不需要遍及內(nèi)容逐步滾動(dòng)。替代將內(nèi)容呈現(xiàn)成整體的頁(yè)面，用戶(hù)可以?xún)H通過(guò)從兩頁(yè)內(nèi)容不交疊的一個(gè)頁(yè)面轉(zhuǎn)向下一個(gè)頁(yè)面的方式向前移動(dòng)或者向后移動(dòng)。然而，這要求內(nèi)容與app互為彼此而設(shè)計(jì)。特別地，必須設(shè)計(jì)內(nèi)容使得例如標(biāo)題、圖像和文本可以在全部頁(yè)面上一致地顯示；必須保持每個(gè)頁(yè)面的完整性；并且很多類(lèi)型的內(nèi)容例如圖像、標(biāo)題和表格不允許跨越幾個(gè)頁(yè)面。


【發(fā)明內(nèi)容】

[0005]根據(jù)本發(fā)明的第一方面，Web瀏覽器被配置成將所檢索的Web頁(yè)面的內(nèi)容重新布置到順序的離散頁(yè)面中，每個(gè)離散頁(yè)面的大小被調(diào)節(jié)成適配于視口尺寸范圍。根據(jù)第一方面，可以允許用戶(hù)通過(guò)進(jìn)行使下一個(gè)或上一個(gè)離散頁(yè)面被顯示的簡(jiǎn)單的頁(yè)面切換命令(例如，“Page Up”和“Page Down”)來(lái)對(duì)內(nèi)容進(jìn)行導(dǎo)航。
[0006]根據(jù)本發(fā)明的第二方面，可以根據(jù)瀏覽器所采用的當(dāng)前顯示模式(例如，橫向或縱向)對(duì)每個(gè)順序離散頁(yè)面進(jìn)行布置使其高度與視口的豎直尺寸對(duì)應(yīng)(至少近似對(duì)應(yīng))。此外，還可以根據(jù)當(dāng)前顯示模式對(duì)每個(gè)離散頁(yè)面進(jìn)行布置使其寬度相對(duì)于視口的水平尺寸足夠小，從而使得兩個(gè)或更多個(gè)離散頁(yè)面可以并排地適配于視口范圍。根據(jù)本發(fā)明的第二方面，瀏覽器可以一次顯示N個(gè)離散頁(yè)面(其中，N是大于或等于2的整數(shù))，并且可以允許用戶(hù)使用使接下來(lái)的N個(gè)或先前的N個(gè)離散頁(yè)面被顯示的簡(jiǎn)單的頁(yè)面切換命令來(lái)對(duì)內(nèi)容進(jìn)行導(dǎo)航。

【專(zhuān)利附圖】

【附圖說(shuō)明】
[0007]圖1示出了根據(jù)本發(fā)明的示例性實(shí)施方式的能夠操作為客戶(hù)端裝置或服務(wù)器的計(jì)算裝置的基本架構(gòu)；
[0008]圖2示出了根據(jù)本發(fā)明的示例性實(shí)施方式的在客戶(hù)端裝置上實(shí)現(xiàn)的Web瀏覽器的基本架構(gòu)；
[0009]圖3是符合本發(fā)明的第一方面的用于將Web頁(yè)面的內(nèi)容重新布置到離散頁(yè)面序列中的方法的示例實(shí)現(xiàn)的流程圖；
[0010]圖4是符合本發(fā)明的第二方面的用于在給定時(shí)間顯示W(wǎng)eb頁(yè)面內(nèi)容的多于一個(gè)離散頁(yè)面的方法的示例實(shí)現(xiàn)的流程圖；以及
[0011]圖5是示出了符合本發(fā)明的第二方面的用于對(duì)離散頁(yè)面序列進(jìn)行導(dǎo)航的方法的示例實(shí)現(xiàn)的流程圖。

【具體實(shí)施方式】
[0012]本發(fā)明尋求對(duì)用戶(hù)傳統(tǒng)地訪(fǎng)問(wèn)、查看以及導(dǎo)航Web內(nèi)容的方式進(jìn)行改進(jìn)或提供替代方式。特別地，本發(fā)明的示例性實(shí)施方式被設(shè)計(jì)成:基于頁(yè)面視圖為用戶(hù)呈現(xiàn)內(nèi)容，以及通過(guò)全部頁(yè)面之間的轉(zhuǎn)換而非連續(xù)滾動(dòng)來(lái)讓用戶(hù)對(duì)文檔進(jìn)行導(dǎo)航。示例性實(shí)施方式還包括文檔之間類(lèi)似的導(dǎo)航方式，例如，可以使用與用于在文檔內(nèi)部從一個(gè)頁(yè)面至另一個(gè)頁(yè)面的命令或輸入手勢(shì)相同或類(lèi)似的命令或輸入手勢(shì)來(lái)調(diào)用從當(dāng)前加載的文檔加載新的文檔。
[0013]本發(fā)明的原理可以在用戶(hù)能夠使用其移動(dòng)裝置(電話(huà)、平板計(jì)算機(jī)等)瀏覽因特網(wǎng)的移動(dòng)環(huán)境中實(shí)現(xiàn)，例如通過(guò)3G或4G兼容網(wǎng)絡(luò)或基于W1-Fi (IEEE802.11)、WiMAX(IEEE802.16)或可用于無(wú)線(xiàn)通信的任何其他可用標(biāo)準(zhǔn)的無(wú)線(xiàn)網(wǎng)絡(luò)。然而，本發(fā)明不限于移動(dòng)實(shí)現(xiàn)，而且本文所描述的原理還可以應(yīng)用于桌面瀏覽環(huán)境。
[0014]圖1示出了可以用作實(shí)現(xiàn)本發(fā)明的各個(gè)方面的環(huán)境的一般化計(jì)算裝置100。例如，計(jì)算裝置100可以實(shí)現(xiàn)成客戶(hù)端裝置，即用戶(hù)的安裝有向服務(wù)器請(qǐng)求Web頁(yè)面或資源的計(jì)算裝置。這樣的客戶(hù)端裝置的示例包括移動(dòng)裝置(例如，蜂窩電話(huà)、智能手機(jī)、平板計(jì)算機(jī)等)或通用桌面計(jì)算機(jī)例如PC。然而，圖1的計(jì)算裝置100還可以實(shí)現(xiàn)成服務(wù)器側(cè)裝置，例如實(shí)現(xiàn)成Web服務(wù)器、代理服務(wù)器或如在下面會(huì)更加詳細(xì)地描述的另外的專(zhuān)用計(jì)算裝置。
[0015]在圖1中，計(jì)算裝置100具有各種功能部件，包括中央處理單元(CPU) 101、存儲(chǔ)器102、通信端口 103、視頻接口 104和網(wǎng)絡(luò)接口 105。這些部件可以通過(guò)系統(tǒng)總線(xiàn)106彼此通?目。
[0016]可以包括ROM、RAM、閃存、硬盤(pán)驅(qū)動(dòng)器、或固定存儲(chǔ)器與移動(dòng)存儲(chǔ)器的任何其他組合的存儲(chǔ)器102存儲(chǔ)系統(tǒng)的各個(gè)軟件部件。存儲(chǔ)器102中的軟件部件可以包括基本輸入/輸出系統(tǒng)(B1S) 141、操作系統(tǒng)142、包括應(yīng)用程序和裝置驅(qū)動(dòng)的各種計(jì)算機(jī)程序143、各種類(lèi)型的數(shù)據(jù)144以及諸如宏和腳本的其他可執(zhí)行文件或指令145。例如，在存儲(chǔ)器102內(nèi)存儲(chǔ)的計(jì)算機(jī)程序143可以包括任意數(shù)量的應(yīng)用程序，包括Web瀏覽器以及可以遵循本發(fā)明的原理而執(zhí)行的其他Web應(yīng)用程序。
[0017]在圖1中，通信端口 130可以連接至一個(gè)或更多個(gè)本地裝置110如用戶(hù)輸入裝置、打印機(jī)、媒體播放器、外部存儲(chǔ)器裝置，以及諸如全球定位系統(tǒng)(GPS)接收器的專(zhuān)用裝置。也可以被稱(chēng)為輸入/輸出端口(I/O)的通信端口 103可以是諸如以下端口的任意組合:USB、PS/2、RS-232、紅外(IR)、藍(lán)牙、打印機(jī)端口，或用于本地裝置110的任何其他標(biāo)準(zhǔn)或?qū)Ｓ猛ㄐ沤涌凇?br> [0018]視頻接口裝置104連接至顯示單元120，顯示單元120可以是外部監(jiān)視器或集成的顯示器如IXD顯示器。顯示單元120可以具有觸敏屏，在此情況下，顯示單元120兼作用戶(hù)輸入裝置?？梢哉J(rèn)為顯示單元120的用戶(hù)輸入裝置方面是通過(guò)通信端口 103通信的本地裝置110之一。
[0019]網(wǎng)絡(luò)接口裝置105給裝置100提供連接至網(wǎng)絡(luò)的能力以與遠(yuǎn)程裝置130通信。在圖1中僅被示為將網(wǎng)絡(luò)接口 105與遠(yuǎn)程裝置130進(jìn)行連接的線(xiàn)的網(wǎng)絡(luò)可以是例如局域網(wǎng)或因特網(wǎng)。遠(yuǎn)程裝置130原則上可以是與裝置100具有類(lèi)似通信能力的任何計(jì)算裝置(例如，客戶(hù)端或服務(wù)器)。
[0020]應(yīng)當(dāng)理解，圖1中示出的裝置100不限于關(guān)于其尺寸、資源或部件的物理實(shí)現(xiàn)的任何特定配置或?qū)嵤┓绞?。例如，圖1中示出的多于一個(gè)的功能部件可以組合成裝置100的單個(gè)集成單元。此外，圖1的單個(gè)功能部件可以分布在幾個(gè)物理單元上。當(dāng)然也可以有其他單元或能力。
[0021 ] 在示例性實(shí)施方式中，本發(fā)明的各個(gè)方面可以并入至構(gòu)成作為應(yīng)用程序安裝在裝置100上的Web瀏覽器的部件和/或功能中，或結(jié)合其來(lái)使用。雖然貫穿本說(shuō)明書(shū)使用術(shù)語(yǔ)“Web瀏覽器”和“瀏覽器”，但是應(yīng)當(dāng)理解，這樣的術(shù)語(yǔ)無(wú)意將本申請(qǐng)僅限于傳統(tǒng)的Web瀏覽器程序，而是覆蓋符合本發(fā)明的原理的能夠在萬(wàn)維網(wǎng)上發(fā)送對(duì)數(shù)據(jù)資源(包括但不限于Web頁(yè)面)的URL請(qǐng)求的任意類(lèi)型的用戶(hù)代理或Web應(yīng)用程序。本發(fā)明的某些實(shí)施方式還可以涉及在不與其他聯(lián)網(wǎng)裝置通信的情況下訪(fǎng)問(wèn)已經(jīng)變得本地可用的內(nèi)容的應(yīng)用程序。
[0022]圖2示出了可以結(jié)合本發(fā)明使用的Web瀏覽器200的基本架構(gòu)。具體地，圖2示出了可以出現(xiàn)在這樣的Web瀏覽器200中的各個(gè)模塊的示例。這些模塊通常是軟件模塊或由程序員以另外的方式用軟件來(lái)實(shí)現(xiàn)，并且可以由CPUlOl執(zhí)行。然而，如本領(lǐng)域的技術(shù)人員所理解的那樣，圖2中的任意模塊也可以實(shí)現(xiàn)成硬件、軟件與硬件的組合或“固件”。
[0023]Web瀏覽器200給用戶(hù)提供可以在圖1所示的顯示單元120上顯示的用戶(hù)界面201。用戶(hù)界面201可以包括地址欄202，用戶(hù)可以在地址欄202中輸入或選擇他或她希望瀏覽器200檢索的文檔或服務(wù)的URL。例如，用戶(hù)可以使用輸入裝置(例如，鍵盤(pán))在地址欄202中鍵入U(xiǎn)RL。地址欄202還可以是被顯示并且可以由用戶(hù)使用指向裝置例如鼠標(biāo)來(lái)激活的鏈接。可替代地，可以用已經(jīng)通過(guò)Web瀏覽器200加載的文檔或腳本的代碼來(lái)指定URL。
[0024]在任何情況下，可以由代表與瀏覽器200關(guān)聯(lián)的或作為瀏覽器200的一部分的用戶(hù)界面201的輸入部分的窗口與輸入管理器203來(lái)接收URL。然后可以將URL轉(zhuǎn)發(fā)至文檔管理器204，文檔管理器204管理作為URL所標(biāo)識(shí)的文檔的一部分而接收的數(shù)據(jù)。
[0025]文檔管理器204將URL轉(zhuǎn)發(fā)至URL管理器205，指示通信模塊206生成Web頁(yè)面請(qǐng)求，即用于訪(fǎng)問(wèn)所標(biāo)識(shí)的資源的請(qǐng)求。通信模塊206可以使用超文本傳輸協(xié)議(HTTP)或諸如HTTP安全(HTTPS)或文件傳輸協(xié)議(FTP)的一些其他協(xié)議來(lái)從遠(yuǎn)程裝置130例如網(wǎng)絡(luò)上的服務(wù)器訪(fǎng)問(wèn)或檢索數(shù)據(jù)。通信模塊206還可以訪(fǎng)問(wèn)存儲(chǔ)在計(jì)算裝置100的本地存儲(chǔ)器102中的數(shù)據(jù)。
[0026]再次參照?qǐng)D2，如果計(jì)算裝置100外部的通信需要加密(例如，由用于訪(fǎng)問(wèn)URL的協(xié)議規(guī)定)，則Web瀏覽器200可以包括加密/解密模塊207來(lái)處理URL管理器205與通信模塊206之間的通信。
[0027]由通信單元206響應(yīng)于Web頁(yè)面請(qǐng)求而接收的數(shù)據(jù)被轉(zhuǎn)發(fā)至URL管理器205。然后，URL管理器205可以使用管理文檔與圖像高速緩存209的高速緩存管理器208來(lái)將所接收的內(nèi)容的拷貝存儲(chǔ)在本地存儲(chǔ)器102中。如果在隨后的時(shí)間請(qǐng)求相同的URL，則URL管理器205可以向高速緩存管理器208請(qǐng)求該URL，高速緩沖管理器208會(huì)從高速緩存209檢索所高速緩存的拷貝(除非所高速緩存的拷貝已被刪除)并將所高速緩存的拷貝轉(zhuǎn)發(fā)至URL管理器205。因此，當(dāng)?shù)诙握?qǐng)求相同的URL時(shí)不必再次從遠(yuǎn)程裝置130檢索相同的數(shù)據(jù)。
[0028]URL管理器205將從通信端口 206或高速緩存209檢索到的數(shù)據(jù)轉(zhuǎn)發(fā)至能夠解析諸如HTML、XML和CSS的內(nèi)容的解析器210。然后，取決于內(nèi)容的類(lèi)型和性質(zhì)，所解析的內(nèi)容可以由ECMAScript引擎211、用于處理文檔對(duì)象模塊(DOM)結(jié)構(gòu)的模塊212和/或布局引擎213進(jìn)一步處理。
[0029]由文檔管理器204管理對(duì)所檢索的內(nèi)容的此處理，文檔管理器204還可以將附加的URL請(qǐng)求作為對(duì)所接收的內(nèi)容的處理結(jié)果轉(zhuǎn)發(fā)給URL管理器205。這些附加的URL可以例如指定應(yīng)該嵌入在由原始URL指定的文檔中的圖像或其他附加文件。
[0030]當(dāng)表示所指定文檔的內(nèi)容的數(shù)據(jù)已經(jīng)被處理時(shí)，將其從文檔管理器204轉(zhuǎn)發(fā)以由渲染引擎214進(jìn)行渲染并且顯示在用戶(hù)界面201上。
[0031]當(dāng)計(jì)算裝置100的CPUlOl通過(guò)系統(tǒng)總線(xiàn)106接收指令和數(shù)據(jù)時(shí)，由CPUlOl執(zhí)行所述的各個(gè)模塊。通信模塊206使用網(wǎng)絡(luò)接口 105與遠(yuǎn)程裝置130通信。當(dāng)然，圖2中的各個(gè)模塊的功能可以合并至較少數(shù)的較大模塊中。此外，圖2中的單個(gè)模塊的功能可以在分布或復(fù)制在幾個(gè)模塊上。
[0032]還應(yīng)當(dāng)理解，雖然上述Web瀏覽器200可以實(shí)現(xiàn)成計(jì)算裝置100的應(yīng)用程序143，但是瀏覽器200的一些功能還可以實(shí)現(xiàn)成計(jì)算裝置100的操作系統(tǒng)142的一部分或甚至B10S141的一部分。此外，響應(yīng)于Web頁(yè)面請(qǐng)求而接收的內(nèi)容可以包括數(shù)據(jù)144、腳本145或其組合。
[0033]Web頁(yè)面通常是用HTML、XHTML或其他類(lèi)似的標(biāo)記語(yǔ)言而寫(xiě)的文檔。通常，HTML頁(yè)面以CCS樣式表定義風(fēng)格并且與圖像(例如，JPEG、GIF或PNG格式)、視頻(例如，WebM格式)或插件(例如，SWF格式)組合以形成綜合的視覺(jué)表現(xiàn)。如結(jié)合圖2所述，通常由Web瀏覽器200的渲染引擎214生成的這些表現(xiàn)與用戶(hù)的計(jì)算機(jī)屏幕或用戶(hù)界面201能夠提供的空間相比通常需要較大的空間。通常，Web瀏覽器通過(guò)在Web頁(yè)面?zhèn)壬咸峁┴Q直滾動(dòng)條使得用戶(hù)可以從Web頁(yè)面的頂部滾動(dòng)到底部來(lái)解決該問(wèn)題。同樣地，當(dāng)Web頁(yè)面與用戶(hù)的計(jì)算機(jī)屏幕相比較寬時(shí)，提供了水平滾動(dòng)條。通過(guò)使用這些滾動(dòng)條，用戶(hù)能夠查看整個(gè)Web頁(yè)面。
[0034]然而，在一些情況下滾動(dòng)條并不方便。通常是“平板”類(lèi)型的一些計(jì)算機(jī)沒(méi)有鼠標(biāo)(鼠標(biāo)通常與滾動(dòng)條一起來(lái)使用)。此外，平板計(jì)算機(jī)使用的屏幕中的一些屏幕是“電子紙”類(lèi)型，其花費(fèi)大約一秒來(lái)刷新，對(duì)于使用滾動(dòng)條或連續(xù)滾動(dòng)的其他方法來(lái)說(shuō)，這太慢了。
[0035]為了克服滾動(dòng)條的局限性，本發(fā)明的第一方面涉及一種將Web頁(yè)面呈現(xiàn)給用戶(hù)的替代方法。替代滾動(dòng)Web頁(yè)面，將Web頁(yè)面拆分至一個(gè)或更多個(gè)順序的離散頁(yè)面，使得每個(gè)離散頁(yè)面不大于給定時(shí)間在視口中的可用空間。根據(jù)本發(fā)明的此方面，使用戶(hù)能夠進(jìn)行簡(jiǎn)單的操作或手勢(shì)，這些簡(jiǎn)單的操作或手勢(shì)均被瀏覽器200解釋成改變?cè)谝暱谥挟?dāng)前顯示的離散頁(yè)面的命令。這樣的命令可以用于根據(jù)布置離散頁(yè)面的特定順序來(lái)增序地或減序地切換離散頁(yè)面。例如，在瀏覽器200被配置成每次顯示一個(gè)離散頁(yè)面的實(shí)施方式中，用戶(hù)可以通過(guò)選擇“Page Down”按鈕或按鍵、進(jìn)行觸屏手勢(shì)(例如，沿著特定方向快速掃過(guò))或使用一些其他機(jī)制來(lái)命令瀏覽器200從一個(gè)離散頁(yè)面移動(dòng)到下一個(gè)離散頁(yè)面。同樣地，用戶(hù)可以通過(guò)選擇“Page Up”按鈕或按鍵、進(jìn)行不同的觸屏手勢(shì)(例如，沿著相反方向快速掃過(guò))或使用一些其他機(jī)制來(lái)命令瀏覽器200移動(dòng)到上一個(gè)離散頁(yè)面。通過(guò)使用這樣的頁(yè)面切換命令，用戶(hù)可以不使用滾動(dòng)而是以特別適合于平板或較小屏幕的方式對(duì)Web頁(yè)面的內(nèi)容進(jìn)行導(dǎo)航。
[0036]圖3是示出了符合本發(fā)明的第一方面的方法的示例實(shí)現(xiàn)的流程圖。如圖3所示，方法300始于根據(jù)操作S310的請(qǐng)求并且加載Web頁(yè)面。例如，在S310中，如參照?qǐng)D2所述的那樣請(qǐng)求并且加載Web頁(yè)面。作為操作S310的一部分，可以通過(guò)Web瀏覽器200來(lái)接收Web頁(yè)面的任何嵌入內(nèi)容例如圖像和需要插件(例如，SffF文件)的內(nèi)容。
[0037]此后，根據(jù)操作S320，處理Web頁(yè)面以分析和修改Web頁(yè)面的布局使得由Web瀏覽器200將內(nèi)容渲染成可以不使用滾動(dòng)條并且不需要反復(fù)平移/拖動(dòng)操作來(lái)瀏覽的離散頁(yè)面序列?？梢岳缤ㄟ^(guò)Web瀏覽器200的渲染引擎214來(lái)進(jìn)行這樣的分析和修改。根據(jù)S320，可以使用各種試探法或規(guī)則來(lái)對(duì)內(nèi)容的不同部分進(jìn)行分類(lèi)并且確定特定元素是否需要修改以及如何修改?？梢栽跒g覽器200中完整地實(shí)現(xiàn)這些試探法。在標(biāo)記語(yǔ)言文檔中不需要特殊代碼來(lái)使用離散頁(yè)面。瀏覽器200可以使用試探法和普通的CSS代碼來(lái)確定如何將Web頁(yè)面分散至一個(gè)或更多個(gè)離散頁(yè)面。
[0038]例如，在S320中，可以基于標(biāo)記語(yǔ)言代碼、媒體類(lèi)型和CSS代碼中的標(biāo)簽來(lái)對(duì)Web頁(yè)面元素進(jìn)行歸類(lèi)。如此,例如可以將內(nèi)容分類(lèi)到如以下多個(gè)類(lèi)之一:標(biāo)題素材、主體文本或主內(nèi)容、對(duì)主內(nèi)容的內(nèi)容補(bǔ)充(例如，圖像或需要插件的內(nèi)容)、廣告、頁(yè)腳、法律免責(zé)聲明、側(cè)邊欄或?qū)Ш綑趦?nèi)容、到相關(guān)內(nèi)容的部分索引等。基于這樣的歸類(lèi)，渲染引擎214可以執(zhí)行某些規(guī)則以修改Web頁(yè)面上的元素和/或多個(gè)元素之間的關(guān)系，使得可以將Web頁(yè)面內(nèi)容拆分到多個(gè)離散頁(yè)面中。
[0039]這樣的規(guī)則的示例可以是:如果Web頁(yè)面代表了 Web站點(diǎn)中的主題文章，則該Web頁(yè)面中的圖像應(yīng)該放置在首頁(yè)上，即第一個(gè)離散頁(yè)面上，并且其應(yīng)該按比例縮放至占據(jù)可用空間的大約30%。另一個(gè)可能的規(guī)則可以規(guī)定:廣告應(yīng)該放置在第一個(gè)離散頁(yè)面上?？商娲?，該規(guī)則可以規(guī)定:如果在最后一個(gè)離散頁(yè)面上有未用的空間，則在最后一個(gè)離散頁(yè)面(即，文章的末尾處)中放置廣告。根據(jù)另一個(gè)規(guī)則，可能除了廣告外，任何法律免責(zé)聲明也可以放置在最后一個(gè)離散頁(yè)面上。可替代地，規(guī)則可以指示要將免責(zé)聲明放置在每個(gè)離散頁(yè)面的底部。
[0040]應(yīng)當(dāng)理解，不一定在每個(gè)或所有的Web頁(yè)面中應(yīng)用同一規(guī)則。替代地，根據(jù)本發(fā)明的一些實(shí)施方式，基于加載的Web頁(yè)面的特性來(lái)動(dòng)態(tài)地選擇應(yīng)用哪個(gè)規(guī)則。例如，Web頁(yè)面中的圖像與文字的比率是是否要應(yīng)用規(guī)則將圖像縮放至每個(gè)離散頁(yè)面的特定百分比的決定因素。作為另一個(gè)示例，可以渲染一些Web頁(yè)面使法律免責(zé)聲明在每個(gè)離散頁(yè)面的底部，而渲染其他Web頁(yè)面使法律免責(zé)聲明僅在每個(gè)離散頁(yè)面的底部。
[0041]還可以基于瀏覽器200所采用的當(dāng)前顯示模式來(lái)選擇規(guī)則，例如，根據(jù)橫向還是根據(jù)縱向來(lái)顯示。
[0042]此外，在一種示例性實(shí)施方式中，可以將S320中應(yīng)用的特定規(guī)則或試探法適應(yīng)到安裝有Web瀏覽器200的計(jì)算裝置100的視口尺寸。例如，可以設(shè)計(jì)規(guī)則來(lái)確保每個(gè)離散頁(yè)面適配于裝置100的屏幕尺寸范圍，更特別地，適配于瀏覽器視口的尺寸范圍。
[0043]此外，主瀏覽器窗口或視口可以在Web瀏覽器200運(yùn)行時(shí)重新調(diào)整大小。作為此情況的具體示例，計(jì)算裝置100可以感測(cè)用戶(hù)已經(jīng)改變了握持裝置100的方式，并且將顯示模式正確地從橫向切換成縱向或從縱向切換成橫向。然而，用戶(hù)還可以以其他方式重新調(diào)整主瀏覽器窗口(以及因而調(diào)整視口)的大小。為了處理這樣的變化，可以使在S320中采用的規(guī)則可動(dòng)態(tài)地適應(yīng)于瀏覽器視口的當(dāng)前尺寸。例如，即使在執(zhí)行了操作S320之后，還可以配置瀏覽器200以檢測(cè)在離散頁(yè)面被查看的同時(shí)發(fā)生的對(duì)其主窗口或視口的任何大小重新調(diào)整，然后重復(fù)S320以使離散頁(yè)面的大小和形狀適應(yīng)新的視口尺寸。
[0044]另外，本領(lǐng)域的技術(shù)人員應(yīng)當(dāng)理解，為了以?xún)?yōu)選的方式組織和縮放內(nèi)容而對(duì)試探法的選擇以及試探法彼此之間的調(diào)整是設(shè)計(jì)選擇的問(wèn)題，不可能提供內(nèi)容分類(lèi)、規(guī)則和調(diào)整參數(shù)的完整列表。然而，為了使Web頁(yè)面適應(yīng)中小大小的顯示器而使用的技術(shù)屬于可以適用于本發(fā)明的技術(shù)。這些技術(shù)例如在以下美國(guó)專(zhuān)利申請(qǐng)中描述:10/654, 455、10/956，019、10/936，552、11/267，316、10/982，953、11/517，524、11/525，177 和 12/423，968，上述申請(qǐng)的每個(gè)申請(qǐng)的全部?jī)?nèi)容通過(guò)引用合并到本文中。
[0045]此外，可以將操作S320設(shè)計(jì)成實(shí)踐會(huì)影響分頁(yè)的任何CSS屬性。例如，常規(guī)的Web瀏覽器當(dāng)打印文檔時(shí)需要進(jìn)行分頁(yè)，并且CSS提供某些元素來(lái)影響可以在哪里斷開(kāi)頁(yè)面(參見(jiàn)例如“Cascading Style Sheets Level2Revis1nl (CSS2.1) Specificat1n, ”2011 年6 月 7 日 Recommendat1n, Bert Bos 等編輯，World Wide Web Consortium (W3C), Chapter13 (iiPaged media”)出版，其全部?jī)?nèi)容通過(guò)引用合并到本文中)?？梢躁P(guān)于分頁(yè)在Web頁(yè)面中限定的 CSS 屬性的不例包括“hi {page-break-before: always}，”“blockquote {page-break-after} ”以及“p {orphans: 1，windowsl} ”。根據(jù)本發(fā)明的示例性實(shí)施方式,可以將Web瀏覽器200設(shè)計(jì)成當(dāng)在S320中修改布局時(shí)分析關(guān)于分頁(yè)的CSS屬性，使得根據(jù)這樣的屬性來(lái)限定離散頁(yè)面。
[0046]再次參照?qǐng)D3，在進(jìn)行了操作S320之后，最后一個(gè)離散頁(yè)面通?？赡芫哂锌瞻讌^(qū)域。所修改的Web頁(yè)面(S卩，離散頁(yè)面序列)中的空白區(qū)域的大小、形狀和位置會(huì)基于如以下因素而不同:用于將內(nèi)容拆分到離散頁(yè)面中的試探法、離散頁(yè)面的大小和形狀(其可以由計(jì)算裝置100的屏幕的大小和形狀來(lái)規(guī)定)、使用的字體的大小等。此外，可以有能夠呈現(xiàn)在這樣的空白空間內(nèi)的附加內(nèi)容(例如，廣告)。因此，瀏覽器200可以配置成檢索并顯示這樣的附加內(nèi)容。
[0047]因此，可以由瀏覽器200進(jìn)行操作S330以分析修改的布局來(lái)尋找空白區(qū)域，并且提供要在空白區(qū)域內(nèi)呈現(xiàn)的附加內(nèi)容。對(duì)操作S330的執(zhí)行是可選的(如虛線(xiàn)所描繪的)。例如，可以取決于以下因素來(lái)進(jìn)行操作S330:瀏覽器200是否配置成了從兼容的儲(chǔ)存庫(kù)中檢索這樣的內(nèi)容、源Web網(wǎng)站是否已經(jīng)使得附加的內(nèi)容可用、以及Web瀏覽器200的用戶(hù)是否激活了允許添加這樣內(nèi)容的設(shè)置。
[0048]例如，操作S330可以用于將附加的廣告插入到可用的空白區(qū)域。在此示例中，S330可能需要分析任何可用空白區(qū)域的大小和形狀，然后基于其大小和形狀(以及可能的其他因素，例如用戶(hù)配置文件、瀏覽歷史、當(dāng)前頁(yè)面的內(nèi)容等)從可用的廣告中(例如，在數(shù)據(jù)庫(kù)中)選擇最佳地匹配相應(yīng)空白區(qū)域的廣告。然后，當(dāng)渲染對(duì)應(yīng)的離散頁(yè)面時(shí)，使得所選擇的廣告可顯示在空白區(qū)域中。
[0049]再次參照?qǐng)D3，在修改了布局(以及可能添加了內(nèi)容)之后，如S340和S350所示，可以由瀏覽器200渲染W(wǎng)eb頁(yè)面內(nèi)容并且由用戶(hù)將Web頁(yè)面內(nèi)容作為離散頁(yè)面序列來(lái)進(jìn)行導(dǎo)航。具體地，根據(jù)操作S340，瀏覽器200可以在視口中渲染離散頁(yè)面(或可能為多個(gè)離散頁(yè)面)。根據(jù)操作S350，瀏覽器200還能夠處理由用戶(hù)輸入的頁(yè)面切換命令，使得在S340中瀏覽器200可以顯示期望的離散頁(yè)面。如早前所述，用戶(hù)可以使用按鍵/按鈕、簡(jiǎn)單的觸屏手勢(shì)或代表“Next Page”命令和“Prev1us Page”命令的其他機(jī)制來(lái)在離散頁(yè)面之間進(jìn)行移動(dòng)。此外，還可以方便地將離散頁(yè)面表示成不僅具有邏輯(順序)位置而且具有相對(duì)物理位置。例如，序列中的下一個(gè)離散頁(yè)面可以被表示成在當(dāng)前離散頁(yè)面的下面，而上一個(gè)頁(yè)面可以被表示成在當(dāng)前離散頁(yè)面的上面。在該示例中，用戶(hù)可以朝下移動(dòng)視口以來(lái)到下一個(gè)離散頁(yè)面(即執(zhí)行“Page Down”命令)，并且可以朝上移動(dòng)視口以來(lái)到上一個(gè)離散頁(yè)面(即執(zhí)行“Page Up”命令)。
[0050]此外，根據(jù)一個(gè)示例性實(shí)施方式，可以認(rèn)為該離散頁(yè)面序列“成環(huán)(looped)”。即，當(dāng)用戶(hù)處在最后一個(gè)離散頁(yè)面時(shí)，“Page Down”命令可以用于導(dǎo)航回第一個(gè)離散頁(yè)面。類(lèi)似地，在第一個(gè)離散頁(yè)面處，“Page Up”命令可以用于移動(dòng)到序列的最后一個(gè)離散頁(yè)面。然而，根據(jù)替代性的示例性實(shí)施方式，特定Web頁(yè)面的最后一個(gè)離散頁(yè)面處的“Page Down”命令可以用于導(dǎo)航到完全不同的Web頁(yè)面或文檔(其可以認(rèn)為是“下一個(gè)"Web頁(yè)面/文檔)。而且，在該替代性的實(shí)施方式中，在第一個(gè)離散頁(yè)面處的“Page Up”命令可以用于導(dǎo)航到“上一個(gè)” Web頁(yè)面/文檔。
[0051]還可以關(guān)于S350設(shè)置其他類(lèi)型的頁(yè)面切換命令。還可以關(guān)于當(dāng)前的離散頁(yè)面定向地定義這些附加的頁(yè)面切換命令(例如，“Page Right”命令和/或“Page Left”命令)。例如，在給定的離散頁(yè)面處，用戶(hù)可以將視口向右移動(dòng)(即，執(zhí)行“Page Right”命令)以顯示當(dāng)前Web頁(yè)面/文檔的“索引”。
[0052]此外，每個(gè)離散頁(yè)面可以設(shè)置有以下“地圖”:描述通過(guò)向離散頁(yè)面的上、下、左、和/或右移動(dòng)視口會(huì)顯示什么。例如，對(duì)于序列的最后一個(gè)離散頁(yè)面，該“地圖”可以指示“下一個(gè)”Web頁(yè)面/文檔位于下方(因而通過(guò)在S350中執(zhí)行“Page Down”可以顯示“下一個(gè)”Web頁(yè)面/文檔)，而且“索引”位于右邊(因而通過(guò)在S350中執(zhí)行“Page Right”可以顯示“索引”)。
[0053]雖然上述具體示例指示出用戶(hù)可以通過(guò)向上或向下移動(dòng)(即，使用“Page Up”命令或“Page Down”命令)來(lái)導(dǎo)航特定Web頁(yè)面/文檔的離散頁(yè)面，但是本發(fā)明不限于此。作為可替代方式，可以通過(guò)向左或向右移動(dòng)(即，使用“Page Left”命令和“Page Right”命令)來(lái)導(dǎo)航離散頁(yè)面序列。在此示例中，每個(gè)離散頁(yè)面處的“Page Up”可以用于例如顯示文檔的“索引”。
[0054]在用戶(hù)完成對(duì)Web頁(yè)面內(nèi)容的查看之后(例如，用戶(hù)請(qǐng)求不同的Web頁(yè)面或關(guān)閉該瀏覽器)，瀏覽器200可以可選地配置成報(bào)告(例如，向外部服務(wù)器)是否向所渲染的離散頁(yè)面內(nèi)的空白空間添加了附加內(nèi)容。在圖3的S360中示出了此操作。例如，這樣的操作可以使源Web網(wǎng)站或其他實(shí)體跟蹤使用了哪個(gè)廣告，以有可能從廣告商接受經(jīng)濟(jì)補(bǔ)償。然而，如虛線(xiàn)所示，對(duì)操作S360的執(zhí)行是可選的。
[0055]應(yīng)當(dāng)注意，上述的本發(fā)明的第一方面的方法的創(chuàng)新點(diǎn)是:雖然常規(guī)的Web瀏覽器僅出于打印Web頁(yè)面或打印Web頁(yè)面的一部分的目的而利用了分頁(yè)算法，但是本發(fā)明將分頁(yè)的構(gòu)思應(yīng)用于瀏覽器200的顯示功能和導(dǎo)航功能。
[0056]雖然以上描述包括用戶(hù)可以通過(guò)按壓鍵盤(pán)按鈕或通過(guò)觸屏手勢(shì)改變所顯示的離散頁(yè)面來(lái)導(dǎo)航頁(yè)面的示例，但是也可以使用其他類(lèi)型的簡(jiǎn)單輸入。例如，替代使用觸屏手勢(shì)，用戶(hù)可以通過(guò)其他類(lèi)型的手勢(shì)例如通過(guò)沿著左右或上下方向移動(dòng)操縱桿而切換到序列中的下一個(gè)/上一個(gè)離散頁(yè)面。還可以使用電子鼠標(biāo)或軌跡球裝置來(lái)進(jìn)行類(lèi)似的定向手勢(shì)。此外，作為鍵盤(pán)按鈕的可替代方案，用戶(hù)可以按壓或點(diǎn)擊其他類(lèi)型的按鈕(例如，鼠標(biāo)按鈕、“虛擬”屏幕上按鈕或?qū)Ｓ糜布粹o)來(lái)切換所顯示的離散頁(yè)面。此外，還可以使用按鈕和手勢(shì)的組合而非單個(gè)按鈕或手勢(shì)來(lái)進(jìn)行某些頁(yè)面切換命令。
[0057]本發(fā)明的第一方面提供了在不使用滾動(dòng)條的情況下在Web頁(yè)面內(nèi)進(jìn)行導(dǎo)航的有效方式。然而，以上主要根據(jù)一次顯示多個(gè)離散頁(yè)面中的一個(gè)頁(yè)面的示例性實(shí)施方式來(lái)描述該第一方面。本發(fā)明的第二方面提供了以下方式:瀏覽器200在給定時(shí)間顯示多個(gè)離散頁(yè)面，同時(shí)還使得能夠在不使用滾動(dòng)條或反復(fù)拖動(dòng)或平移的情況下導(dǎo)航Web頁(yè)面內(nèi)容。
[0058]第二方面可以認(rèn)為是本發(fā)明的第一方面的擴(kuò)展或特定實(shí)現(xiàn)。根據(jù)第二方面，順序的離散頁(yè)面中的每一個(gè)可以布置成使得其高度對(duì)應(yīng)于(至少近似地對(duì)應(yīng))視口的豎直尺寸。另外，每個(gè)離散頁(yè)面可以被布置成使得其寬度相對(duì)于視口的水平尺寸足夠小，從而使得兩個(gè)或更多個(gè)離散頁(yè)面可以并排適配于視口范圍。
[0059]因此，根據(jù)本發(fā)明的第二方面，瀏覽器200可以在給定時(shí)刻顯示N個(gè)離散頁(yè)面(其中，N是大于或等于2的整數(shù))，并且可以使得用戶(hù)能夠利用使接下來(lái)的N個(gè)離散頁(yè)面或先前的N個(gè)離散頁(yè)面被顯示的簡(jiǎn)單的頁(yè)面切換命令來(lái)對(duì)內(nèi)容進(jìn)行導(dǎo)航。
[0060]如上所述，可以認(rèn)為本方面的第二方面是上述第一方面的特定實(shí)現(xiàn)。例如，為了實(shí)施第二方面，應(yīng)該將離散頁(yè)面的形狀和大小配置成使得N個(gè)離散頁(yè)面可以同時(shí)適配于視口范圍。這可以通過(guò)以下來(lái)實(shí)現(xiàn):將圖3的操作S320的規(guī)則編程為將每個(gè)離散頁(yè)面的寬度設(shè)置為不大于視口水平尺寸的1/N，從而使N個(gè)離散頁(yè)面能夠并排適配于視口范圍。在此情況下，每個(gè)離散頁(yè)面的高度可以設(shè)置成近似地等于視口的豎直尺寸。
[0061]此外，為了實(shí)現(xiàn)本發(fā)明的第二方面，圖3的操作S340可以具體地布置成在瀏覽器的視口中同時(shí)渲染N個(gè)離散頁(yè)面。圖4是示出可以用于以符合本發(fā)明的第二方面的方式來(lái)執(zhí)行圖3的操作S340的處理S340’的流程圖。
[0062]參照?qǐng)D4，操作S3410將要同時(shí)顯示的離散頁(yè)面的數(shù)量確定為參數(shù)N(N是大于或等于2的整數(shù))。根據(jù)示例性的實(shí)施方式，N可以作為不變值編程到瀏覽器200中?？商娲?，值N可以根據(jù)用戶(hù)偏好、瀏覽器200的操作模式或Web頁(yè)面內(nèi)的數(shù)據(jù)而變得可修改。
[0063]根據(jù)操作S3420，初始化參數(shù)PLACEHOLDER。PLACEHOLDER參數(shù)代表離散頁(yè)面序列中的位置，并且限定離散頁(yè)面中的哪些離散頁(yè)面將在給定時(shí)間呈現(xiàn)給用戶(hù)。例如，Web瀏覽器200可以被編程為將序列中的第PLACEHOLDER個(gè)離散頁(yè)面與序列中的接下來(lái)的N-1個(gè)離散頁(yè)面中的每一個(gè)并排顯示。在特定示例中，瀏覽器200可以被配置成在視口中按照從左到右的順序布置N個(gè)離散頁(yè)面，使得第PLACEHOLDER個(gè)離散頁(yè)面在最左側(cè)的位置處被渲染，并且第(PLACEH0LDER+N-1)個(gè)離散頁(yè)面在最右側(cè)的位置處被渲染。
[0064]如下面將結(jié)合圖5描述的那樣，PLACEHOLDER可以用作以下計(jì)數(shù)器:當(dāng)用戶(hù)導(dǎo)航到接下來(lái)的N個(gè)離散頁(yè)面或先前的N個(gè)離散頁(yè)面時(shí)，增加N或減小N。雖然下面描述了僅維持一個(gè)PLACEHOLDER計(jì)數(shù)器的特定示例，但是本發(fā)明不限于這樣?？赡艿奶娲绞绞蔷S持與在給定時(shí)間顯示的相應(yīng)的N個(gè)離散頁(yè)面的順序位置對(duì)應(yīng)的N個(gè)不同的計(jì)數(shù)器(例如，PLACEH0LDER_1、PLACEH0LDER_2等)。例如，可以?xún)H需微小改動(dòng)以使用值彼此保持固定關(guān)系(例如，PLACEH0LDER_2的值總是比PLACEH0LDER_1大1，等)的多個(gè)計(jì)數(shù)器來(lái)實(shí)現(xiàn)下述原理。
[0065]再次參照?qǐng)D4的S3420，可以將PLACEHOLDER計(jì)數(shù)器初始化成表示被用戶(hù)首先查看的離散頁(yè)面的順序位置的值。通常，這意味著將PLACEHOLDER初始化成值1，I表示整個(gè)序列中的第一個(gè)離散頁(yè)面。然而，在S3420中，也可以將PLACEHOLDER初始化成其他值，例如，如果讓用戶(hù)選擇他想首先查看哪個(gè)離散頁(yè)面。
[0066]然后，在圖4的操作S3430和S3440中，對(duì)要顯示的N個(gè)離散頁(yè)面的內(nèi)容進(jìn)行布置。具體地，操作S3430生成布局盒來(lái)容納第PLACEHOLDER個(gè)離散頁(yè)面的內(nèi)容。如上所述，該布局盒的高度近似等于視口的豎直尺寸，但其寬度不大于視口的水平尺寸的1/N。然而，不一定總是如此。例如，可以使離散頁(yè)面的高度小于豎直尺寸以例如當(dāng)顯示N個(gè)離散頁(yè)面時(shí)使橫幅(例如，廣告)、菜單或其他元素能夠橫跨屏幕的頂部或底部插入。類(lèi)似地，可以使離散頁(yè)面的寬度小于水平尺寸的1/N以例如使類(lèi)似元素能夠沿著屏幕的任一側(cè)插入。應(yīng)當(dāng)注意，相對(duì)于計(jì)算裝置100何為構(gòu)成“豎直”尺寸和“水平”尺寸可以取決于裝置100是否能夠在橫向和縱向間切換其顯示模式而變化。
[0067]根據(jù)S3430，生成布局元素來(lái)容納第PLACEHOLDER個(gè)離散頁(yè)面的內(nèi)容。例如，離散頁(yè)面中的每個(gè)離散頁(yè)面可以限定(例如，根據(jù)圖3的S320)成一系列一個(gè)或更多個(gè)層次地布置的元素。如此，S3430可以通過(guò)利用相對(duì)簡(jiǎn)單的腳本復(fù)制第PLACEHOLDER個(gè)離散頁(yè)面的包含所有子元素的父元素來(lái)生成布局元素。
[0068]作為特定的示例，可以在CSS代碼中將每個(gè)離散頁(yè)面限定成一系列嵌套的布局盒。在此特定示例中，S3430可以利用腳本來(lái)復(fù)制第PLACEHOLDER個(gè)離散頁(yè)面的父CSS盒或頂層CSS盒，由此采集包括在其中的全部?jī)?nèi)容和屬性。
[0069]再次參照?qǐng)D4，如S3440所示，還可以生成布局元素來(lái)容納序列的接下來(lái)的N_1個(gè)離散頁(yè)面的相應(yīng)內(nèi)容。例如，這可以通過(guò)另外將第PLACEHOLDER個(gè)離散頁(yè)面的父元素(例如，頂層CSS盒)再?gòu)?fù)制N-1次來(lái)實(shí)現(xiàn)。
[0070]此外，在S3440中，由此生成的布局元素可以以適當(dāng)?shù)姆绞嚼缗c第PLACEHOLDER個(gè)離散頁(yè)面的布局元素并排的方式來(lái)布置。例如，第PLACEHOLDER個(gè)離散頁(yè)面的布局元素可以被布置在屏幕的最左部分處，并且其右側(cè)是第(PLACEH0LDER+1)個(gè)離散頁(yè)面的布局元素，等等。另外，在S3440中可以利用腳本來(lái)生成并且布置附加的布局元素。
[0071]再次參照?qǐng)D4，在S3450中，在S3430和S3440中生成的布局元素根據(jù)需要用其適當(dāng)?shù)膬?nèi)容(以及屬性)填充。當(dāng)首次進(jìn)行S3450時(shí)，可能不是必須填充第PLACEHOLDER個(gè)離散頁(yè)面的布局元素的內(nèi)容，因?yàn)槠淇赡芤呀?jīng)包含作為S3430的結(jié)果的適當(dāng)內(nèi)容。然而，當(dāng)用戶(hù)決定導(dǎo)航到另一組N個(gè)離散頁(yè)面時(shí)(并且PLACEHOLDER的值改變時(shí))，可能需要在第PLACEHOLDER個(gè)離散頁(yè)面的布局元素被重新填入更新的內(nèi)容時(shí)重復(fù)S3450，類(lèi)似于其他布局元素。在S3450中還可以使用腳本來(lái)給每個(gè)布局元素填充相應(yīng)的離散頁(yè)面的內(nèi)容。
[0072]當(dāng)布局元素已在S3450中填充了適當(dāng)?shù)膬?nèi)容時(shí)，根據(jù)S3460，可以將該布局元素渲染到瀏覽器視口上。
[0073]如上面結(jié)合本發(fā)明的第一方面所描述的(具體地，圖3的操作S350)，描述了用戶(hù)可以進(jìn)行頁(yè)面切換命令，以在渲染離散頁(yè)面時(shí)對(duì)離散頁(yè)面的序列進(jìn)行導(dǎo)航。同樣的方法還適用于第二方面。特別地，圖5是示出了可以用于以符合本發(fā)明的第二方面的方式執(zhí)行圖3的操作S350的處理S350’的流程圖。
[0074]為了方便起見(jiàn)，假設(shè)當(dāng)圖5的處理S350’開(kāi)始時(shí)一組N個(gè)離散頁(yè)面已經(jīng)渲染至視口上了(根據(jù)圖4的處理S340’)。如此，根據(jù)圖5假設(shè)在用戶(hù)輸入任何導(dǎo)航命令之前已經(jīng)初始化了參數(shù)PLACEHOLDER和N。然而，這并不意味著用戶(hù)輸入不能用于根據(jù)圖4決定N和/或PLACEHOLDER的初始值。
[0075]參照?qǐng)D5,根據(jù)S3510,用戶(hù)輸入命令。例如,該命令可以是上面第一方面中描述的簡(jiǎn)單的頁(yè)面切換命令之一。如此，在S3510中,用戶(hù)可以進(jìn)行表示“Page Up”(即“Prev1usPage”)命令或“Page Down”(即“Next Page”)命令的輸入。類(lèi)似于本發(fā)明的第一方面，這些命令只需要用戶(hù)的簡(jiǎn)單交互象按鈕、快速手勢(shì)或一些其他機(jī)制。然而，根據(jù)第二方面，可以稍有不同地解釋這些命令，即，解釋成意指用戶(hù)希望將顯示從當(dāng)前的N個(gè)離散頁(yè)面切換到序列中的先前的N個(gè)離散頁(yè)面或接下來(lái)的N個(gè)離散頁(yè)面?？梢酝ㄟ^(guò)下述步驟來(lái)實(shí)現(xiàn)這些命令:將PLACEHOLDER的當(dāng)前值增加或減小到適當(dāng)?shù)闹挡⑶覍⑻幚矸祷氐綀D4的S3450 (如附圖標(biāo)記A所示)以用適當(dāng)?shù)碾x散頁(yè)面的內(nèi)容來(lái)更新布局元素。
[0076]具體地，在圖5的S3520中可以確定應(yīng)該將用戶(hù)輸入解釋成“Prev1us N Pages”命令還是“Next N Page”命令。如果要解釋成“Prev1us N Pages”命令,則處理進(jìn)行到S3530，進(jìn)一步確定將PLACEHOLDER計(jì)數(shù)器減小N是否會(huì)使結(jié)果值指向離散頁(yè)面序列中的無(wú)效位置(即，是否PLACEH0LDER-N ( 0)。如果是，則在S3534中將PLACEHOLDER的值設(shè)定為I (序列中的第一位置)，并且處理返回到圖4的S3450。然而，如果PLACEHOLDER可以減小N并且仍能指向序列中的有效位置，則在S3538中將PLACEHOLDER減小N，并且處理返回到圖 4 的 S3450。
[0077]另一方面，如果圖5的S3520確定用戶(hù)輸入應(yīng)該解釋成“Next N Page”命令，則處理進(jìn)行到S3540。在S3540處，進(jìn)一步確定增加PLACEHOLDER計(jì)數(shù)器是否會(huì)返回指向序列中的無(wú)效位置的值(即，PLACEH0LDER+N是否大于序列中的離散頁(yè)面的總數(shù))。如果是，則處理進(jìn)行到S3548，將PLACEHOLDER設(shè)定成離散頁(yè)面的總數(shù)(對(duì)應(yīng)于序列中的最后有效位置)，然后處理返回到圖4的S3450。另一方面，如果確定PLACEHOLDER可以增加N并仍指向有效的順序位置，則在S3544中將PLACEHOLDER增加N，然后處理返回到圖4的S3450。
[0078]然而，再次參照?qǐng)D5，S3510的用戶(hù)輸入也可能既不應(yīng)解釋成“Prev1us N Pages”命令也不應(yīng)解釋成“Next N Page”命令。如果是這種情況(如在S3520中所確定的那樣)，處理可以進(jìn)行到S3550。例如，如上結(jié)合本發(fā)明的第一方面所述，用戶(hù)可以輸入其他類(lèi)型的命令用于導(dǎo)航到序列中的不同組的N個(gè)離散頁(yè)面。一些示例包括:“Go To”命令(解釋成轉(zhuǎn)到序列中的開(kāi)始于指定位置的N個(gè)離散頁(yè)面的命令)、“End”命令(解釋成轉(zhuǎn)到序列中的最后N個(gè)離散頁(yè)面的命令)以及“Home”命令(解釋成轉(zhuǎn)到序列中的最初N個(gè)離散頁(yè)面的命令)。如果S3550確定輸入了任何這樣的命令，則處理可以進(jìn)行到S3560，將PLACEHOLDER設(shè)定成適當(dāng)?shù)闹?，然后返回到圖4的S3450以更新顯示。
[0079]另一方面，用戶(hù)可以輸入使對(duì)當(dāng)前離散頁(yè)面序列的導(dǎo)航停止的其他類(lèi)型的命令。例如，當(dāng)用戶(hù)決定下載不同的Web頁(yè)面或完全地關(guān)閉瀏覽器應(yīng)用程序時(shí)。如果是這種情況(即，S3550中的“否”決定)，則可以終止圖5的處理S350’。
[0080]應(yīng)當(dāng)注意，使用圖4和圖5來(lái)說(shuō)明本發(fā)明的第二方面的特定示例實(shí)現(xiàn)方式，而并非意在限制。例如，可以改變?cè)谶@些附圖中的每個(gè)附圖中示出的操作序列，并且基于設(shè)計(jì)考慮和偏好，可以省略這些附圖中的某些操作，同時(shí)可以增加其他操作。
[0081]此外，雖然在上面從包括諸如HTML、CSS和HTTP的標(biāo)準(zhǔn)的當(dāng)前Web技術(shù)方面描述了關(guān)于本發(fā)明的第一方面和第二方面的示例性實(shí)施方式，但是本發(fā)明不限于這些示例。還可以使用用于存儲(chǔ)、傳輸和呈現(xiàn)內(nèi)容的其他標(biāo)準(zhǔn)、協(xié)議和數(shù)據(jù)格式來(lái)實(shí)現(xiàn)本發(fā)明。例如，本發(fā)明不限于僅對(duì)Web頁(yè)面內(nèi)容的重排和呈現(xiàn)，替代地，上文所述的本發(fā)明的原理可以應(yīng)用于其他類(lèi)型的電子文檔，包括word處理文件、PDF文件等。
[0082]此外，雖然考慮的示例是在作為在本地運(yùn)行Web瀏覽器200或一些其他用戶(hù)代理軟件的客戶(hù)端裝置的計(jì)算裝置100上實(shí)現(xiàn)的，但是本發(fā)明提供的功能可以替代地部分位于或整體位于網(wǎng)絡(luò)中例如在代理服務(wù)器上或代碼轉(zhuǎn)換服務(wù)器上。
[0083]應(yīng)當(dāng)理解，雖然示例性實(shí)施方式包括特征的某些組合，但是一些特征組合沒(méi)有出現(xiàn)在所有實(shí)施方式中，本發(fā)明不限于在上文中明確討論的組合。因此，沒(méi)有明確描述為因操作而彼此依賴(lài)的特征，不論是否在以上被描述，都可以出現(xiàn)或可以不出現(xiàn)在本發(fā)明的特定實(shí)施方式中。為了簡(jiǎn)潔清楚起見(jiàn)，沒(méi)有明確列出所公開(kāi)特征的所有可能的排列，但是本領(lǐng)域的技術(shù)人員應(yīng)當(dāng)理解，省略某些這樣的組合不意味著它們不是通過(guò)本文中呈現(xiàn)的示例而公開(kāi)的本發(fā)明的一部分。
【權(quán)利要求】
1.一種由Web瀏覽器實(shí)現(xiàn)的用于顯示標(biāo)記語(yǔ)言文檔的方法，包括: 通過(guò)網(wǎng)絡(luò)檢索所述文檔； 將所述文檔的內(nèi)容重新布置到多個(gè)可顯示離散頁(yè)面中；以及 一次顯示所述離散頁(yè)面中的兩個(gè)或更多個(gè)離散頁(yè)面。
2.根據(jù)權(quán)利要求1所述的方法，其中，并排顯示所述離散頁(yè)面中的所述兩個(gè)或更多個(gè)離散頁(yè)面。
3.根據(jù)權(quán)利要求1或2所述的方法，還包括: 顯示所述離散頁(yè)面中的第一組兩個(gè)或更多個(gè)離散頁(yè)面； 確定所述離散頁(yè)面中的要顯示的第二組兩個(gè)或更多個(gè)離散頁(yè)面，所述第二組不同于所述第一組，所述第二組作為對(duì)用戶(hù)的觸屏手勢(shì)、操縱桿手勢(shì)、對(duì)屏幕上元素的點(diǎn)擊以及對(duì)硬件按鈕的按壓中之一進(jìn)行處理的結(jié)果而被確定；以及 顯示所述第二組兩個(gè)或更多個(gè)離散頁(yè)面來(lái)替代所述第一組兩個(gè)或更多個(gè)離散頁(yè)面。
4.根據(jù)權(quán)利要求3所述的方法，其中 根據(jù)序列來(lái)限定所述多個(gè)離散頁(yè)面，并且 所述觸屏手勢(shì)、所述 對(duì)屏幕元素的點(diǎn)擊以及所述對(duì)硬件按鈕的按壓中之一被解釋為用于導(dǎo)航至以下項(xiàng)的命令: 所述序列中接下來(lái)的N個(gè)離散頁(yè)面(N >2)，或 所述序列中先前的N個(gè)離散頁(yè)面。
5.根據(jù)權(quán)利要求1至4中任一項(xiàng)所述的方法，其中 在標(biāo)記語(yǔ)言代碼中將每個(gè)所述離散頁(yè)面限定為層次性元素組，以及 通過(guò)以下來(lái)顯示所述離散頁(yè)面中的所述兩個(gè)或更多個(gè)離散頁(yè)面: 通過(guò)將來(lái)自所述離散頁(yè)面之一的父元素復(fù)制N(N> 2)次來(lái)生成N個(gè)布局元素，以及 使用所述離散頁(yè)面中的另外的離散頁(yè)面的內(nèi)容來(lái)填充所述N個(gè)布局元素中至少之一。
6.根據(jù)權(quán)利要求5所述的方法，其中，執(zhí)行腳本來(lái)進(jìn)行對(duì)來(lái)自所述離散頁(yè)面之一的所述父元素的復(fù)制。
7.根據(jù)權(quán)利要求5或6所述的方法，其中，執(zhí)行腳本來(lái)進(jìn)行對(duì)所述所述N個(gè)布局元素中所述至少之一的填充。
8.根據(jù)權(quán)利要求5至7中任一項(xiàng)所述的方法，其中，針對(duì)所述N個(gè)布局元素中至少之一來(lái)維持計(jì)數(shù)器，所述方法還包括: 響應(yīng)于對(duì)用戶(hù)的觸屏手勢(shì)、操縱桿手勢(shì)、對(duì)屏幕上元素的點(diǎn)擊以及對(duì)硬件按鈕的按壓中之一的處理，將計(jì)數(shù)器增加N或減小N ；以及 使用所述離散頁(yè)面中的在序列中的位置對(duì)應(yīng)于所述計(jì)數(shù)器的對(duì)應(yīng)離散頁(yè)面的內(nèi)容來(lái)重新填充所述布局元素中所述至少之一。
9.根據(jù)權(quán)利要求5至8中任一項(xiàng)所述的方法，其中，執(zhí)行腳本來(lái)進(jìn)行對(duì)所述布局元素中所述至少之一的重新填充。
10.根據(jù)權(quán)利要求5至9中任一項(xiàng)所述的方法，其中，所述父元素是在級(jí)聯(lián)樣式表(CSS)代碼中限定的頂層盒。
11.一種存儲(chǔ)有用于執(zhí)行Web瀏覽器的編碼指令的非暫態(tài)計(jì)算機(jī)可讀介質(zhì)，所述編碼指令當(dāng)由計(jì)算機(jī)處理器執(zhí)行時(shí)進(jìn)行以下處理，所述處理包括:通過(guò)網(wǎng)絡(luò)檢索標(biāo)記語(yǔ)言文檔； 將所述文檔的內(nèi)容重新布置到多個(gè)可顯示離散頁(yè)面中；以及 一次顯示所述離散頁(yè)面中的兩個(gè)或更多個(gè)離散頁(yè)面。
12.根據(jù)權(quán)利要求11所述的計(jì)算機(jī)可讀介質(zhì)，其中，所述離散頁(yè)面中的所述兩個(gè)或更多個(gè)離散頁(yè)面被并排顯示。
13.根據(jù)權(quán)利要求11或12所述的計(jì)算機(jī)可讀介質(zhì)，其中，所述處理還包括: 顯示所述離散頁(yè)面中的第一組兩個(gè)或更多個(gè)離散頁(yè)面； 確定所述離散頁(yè)面中要顯示的第二組兩個(gè)或更多個(gè)離散頁(yè)面，所述第二組不同于所述第一組，所述第二組作為對(duì)用戶(hù)的觸屏手勢(shì)、操縱桿手勢(shì)、對(duì)屏幕上元素的點(diǎn)擊以及對(duì)硬件按鈕的按壓中之一進(jìn)行處理的結(jié)果而被確定；以及 顯示所述第二組兩個(gè)或更多個(gè)離散頁(yè)面來(lái)替代所述第一組兩個(gè)或更多個(gè)離散頁(yè)面。
14.根據(jù)權(quán)利要求13所述的計(jì)算機(jī)可讀介質(zhì)，其中 所述多個(gè)離散頁(yè)面根據(jù)序列被限定，并且 所述觸屏手勢(shì)、所述對(duì)屏幕上元素的點(diǎn)擊以及對(duì)硬件按鈕的按壓中之一被解釋為用于導(dǎo)航至以下項(xiàng)的命令: 所述序列中接下來(lái)的N個(gè)離散頁(yè)面(N >2)，或 所述序列中先前的N個(gè)離散頁(yè)面。
15.根據(jù)權(quán)利要求11至14中任一項(xiàng)所述的計(jì)算機(jī)可讀介質(zhì)，其中 每個(gè)所述離散頁(yè)面在標(biāo)記語(yǔ)言代碼中被限定為層次性元素組，并且 所述離散頁(yè)面中的所述兩個(gè)或更多個(gè)離散頁(yè)面通過(guò)以下來(lái)顯示: 通過(guò)將來(lái)自所述離散頁(yè)面之一的父元素復(fù)制N(N> 2)次來(lái)生成N個(gè)布局元素，以及 使用所述離散頁(yè)面中的另外的離散頁(yè)面的內(nèi)容來(lái)填充所述N個(gè)布局元素中至少之一。
16.根據(jù)權(quán)利要求15所述的計(jì)算機(jī)可讀介質(zhì)，其中，腳本被執(zhí)行以進(jìn)行對(duì)來(lái)自所述離散頁(yè)面之一的所述父元素的復(fù)制。
17.根據(jù)權(quán)利要求15或16所述的計(jì)算機(jī)可讀介質(zhì)，其中，腳本被執(zhí)行以進(jìn)行對(duì)所述N個(gè)布局元素中所述至少之一的填充。
18.根據(jù)權(quán)利要求15至17中任一項(xiàng)所述的計(jì)算機(jī)可讀介質(zhì)，其中，針對(duì)所述N個(gè)布局元素中至少之一維持有計(jì)數(shù)器，所述方法還包括: 響應(yīng)于對(duì)用戶(hù)的觸屏手勢(shì)、操縱桿手勢(shì)、對(duì)屏幕上元素的點(diǎn)擊以及對(duì)硬件按鈕的按壓中之一的處理，將所述計(jì)數(shù)器增加N或減小N ;以及 使用所述離散頁(yè)面中的在序列中的位置對(duì)應(yīng)于所述計(jì)數(shù)器的對(duì)應(yīng)離散頁(yè)面的內(nèi)容來(lái)重新填充所述布局元素中所述至少之一。
19.根據(jù)權(quán)利要求15至18中任一項(xiàng)所述的計(jì)算機(jī)可讀介質(zhì)，其中，腳本被執(zhí)行以進(jìn)行對(duì)所述布局元素中所述至少之一的重新填充。
20.根據(jù)權(quán)利要求15至19中任一項(xiàng)所述的計(jì)算機(jī)可讀介質(zhì)，其中，所述父元素是在級(jí)聯(lián)樣式表(CSS)代碼中限定的頂層盒。
21.一種電子裝置，在所述電子裝置上執(zhí)行實(shí)現(xiàn)根據(jù)權(quán)利要求1至10中任一項(xiàng)所述的方法的Web瀏覽器。
【文檔編號(hào)】G06F17/30GK104081387SQ201280059526
【公開(kāi)日】2014年10月1日 申請(qǐng)日期:2012年12月3日 優(yōu)先權(quán)日:2011年12月2日
【發(fā)明者】拉爾斯·埃里克·博爾斯塔德, 哈孔·烏姆·利 申請(qǐng)人:歐普拉軟件公司