用于在計(jì)算裝置上操作的瀏覽器的多面板視圖界面的制作方法
【技術(shù)領(lǐng)域】
[0001]本文所描述的實(shí)例大體上涉及一種用于在計(jì)算裝置上操作瀏覽器的系統(tǒng)和方法。
【背景技術(shù)】
[0002]典型的網(wǎng)絡(luò)瀏覽器提供單個(gè)窗口，其顯示來(lái)自用戶所接入或打開(kāi)的網(wǎng)頁(yè)的內(nèi)容。甚至在用戶在瀏覽器的多個(gè)標(biāo)簽中打開(kāi)多個(gè)網(wǎng)頁(yè)的情形中，所述網(wǎng)頁(yè)中僅一個(gè)可在瀏覽器上完全顯示。用戶可通過(guò)選擇相關(guān)聯(lián)的標(biāo)簽，來(lái)檢視所述瀏覽器上所打開(kāi)的不同網(wǎng)頁(yè)。
【附圖說(shuō)明】
[0003]圖1說(shuō)明用于在計(jì)算裝置上操作瀏覽器的實(shí)例系統(tǒng)。
[0004]圖2A和2B說(shuō)明用于在計(jì)算裝置上操作瀏覽器的實(shí)例方法。
[0005]圖3A和3B說(shuō)明瀏覽器的多面板視圖界面的實(shí)例。
[0006]圖4A和4B說(shuō)明瀏覽器的多面板視圖界面的另一實(shí)例。
[0007]圖5A到5E說(shuō)明在瀏覽器顯示的一系列實(shí)例用戶界面。
[0008]圖6是說(shuō)明在上面可實(shí)施本文所述的實(shí)例的計(jì)算裝置的框圖。
【具體實(shí)施方式】
[0009]本文所述的實(shí)例提供用于計(jì)算裝置的瀏覽器，其在單個(gè)界面中同時(shí)顯示來(lái)自多個(gè)網(wǎng)頁(yè)的內(nèi)容。在一些實(shí)例中，所述單個(gè)界面可為多視圖面板界面，其可使用戶能夠檢視來(lái)自屬于用戶所指定的特定網(wǎng)頁(yè)群組的多個(gè)網(wǎng)頁(yè)的內(nèi)容。所述多視圖面板界面可提供使用戶能夠在多個(gè)網(wǎng)頁(yè)群組之間切換的特征。
[0010]根據(jù)一實(shí)例，瀏覽器或?yàn)g覽器應(yīng)用程序可存儲(chǔ)在存儲(chǔ)器中，且在計(jì)算裝置上操作。確定在所述瀏覽器中同時(shí)打開(kāi)的多個(gè)網(wǎng)頁(yè)。在一些實(shí)例中，關(guān)于所述打開(kāi)的網(wǎng)頁(yè)中的每一者的信息可由瀏覽器維持。確定至少一與第一組網(wǎng)頁(yè)相關(guān)聯(lián)的第一網(wǎng)頁(yè)群組以及與第二組網(wǎng)頁(yè)相關(guān)聯(lián)的第二網(wǎng)頁(yè)群組。在瀏覽器上，顯示具有多個(gè)面板的多面板視圖界面，其中每一面板包含第一組網(wǎng)頁(yè)中的一些網(wǎng)頁(yè)的可用內(nèi)容。所述可用內(nèi)容可對(duì)應(yīng)于在個(gè)別網(wǎng)頁(yè)上顯示的內(nèi)容的一部分。以此方式，瀏覽器可基于群組來(lái)為用戶組織網(wǎng)頁(yè)，并使用戶能夠在視覺(jué)上區(qū)分打開(kāi)的網(wǎng)頁(yè)。
[0011]在一個(gè)實(shí)例中，所述多面板視圖界面可包含群組選擇特征，其使用戶能夠選擇哪些網(wǎng)頁(yè)群組來(lái)在多面板視圖界面中檢視(例如，第一群組、第二群組等)。用戶可與群組選擇特征交互，以在瀏覽器中打開(kāi)的不同組網(wǎng)頁(yè)之間切換。所述群組選擇特征也可提供群組管理功能性，使得用戶可直接從多面板視圖界面管理網(wǎng)頁(yè)和相關(guān)聯(lián)群組。
[0012]所述多面板視圖界面還可使用戶能夠與瀏覽器中同時(shí)打開(kāi)的其它網(wǎng)頁(yè)相比，選擇待顯示的網(wǎng)頁(yè)(例如，多數(shù))中的一者。舉例來(lái)說(shuō)，用戶可提供輸入來(lái)選擇多面板視圖界面的面板中的一者。響應(yīng)于用戶輸入，可通過(guò)將對(duì)應(yīng)于選定面板的可用內(nèi)容擴(kuò)充到活動(dòng)視圖，在多面板視圖界面上顯示所述網(wǎng)頁(yè)。
[0013]在其它實(shí)例中，多面板視圖界面可提供對(duì)應(yīng)于一個(gè)以上網(wǎng)頁(yè)群組的多個(gè)面板。更進(jìn)一步，取決于變化，多面板視圖界面的面板在大小上可大體上類似或大小不同。
[0014]本文所描述的一個(gè)或一個(gè)以上實(shí)例規(guī)定計(jì)算裝置所執(zhí)行的方法、技術(shù)和動(dòng)作是以編程方式執(zhí)行，或執(zhí)行為計(jì)算機(jī)實(shí)施的方法。如本文所使用，以編程方式表示通過(guò)使用代碼或計(jì)算機(jī)可執(zhí)行指令。這些指令可存儲(chǔ)在計(jì)算裝置的一個(gè)或一個(gè)以上存儲(chǔ)器資源中。以編程方式執(zhí)行的步驟可或可不為自動(dòng)的。
[0015]可使用程序模塊、引擎或組件來(lái)實(shí)施本文所描述的一個(gè)或一個(gè)以上實(shí)例。程序模塊、引擎或組件可包含程序、子例程、程序的一部分，或能夠執(zhí)行一個(gè)或一個(gè)以上所陳述任務(wù)或功能的軟件組件或硬件組件。如本文所使用，模塊或組件可存在于獨(dú)立于其它模塊或組件的硬件組件上?；蛘?，模塊或組件可為其它模塊、程序或機(jī)器共享的元件或進(jìn)程。
[0016]本文所描述的一些實(shí)例可通常要求使用計(jì)算裝置，包含處理和存儲(chǔ)器資源。舉例來(lái)說(shuō)，本文所描述的一個(gè)或一個(gè)以上實(shí)例可整體或部分地在計(jì)算裝置上實(shí)施，例如服務(wù)器、桌上型計(jì)算機(jī)、蜂窩式或智能電話、個(gè)人數(shù)字助理(例如，PDA)、膝上型計(jì)算機(jī)、打印機(jī)、數(shù)字相框以及平板裝置。存儲(chǔ)器、處理和網(wǎng)絡(luò)資源可全部結(jié)合本文所描述的任何實(shí)例(包含任何方法的性能或任何系統(tǒng)的實(shí)施例)的建立、使用或性能而使用。
[0017]此外，可通過(guò)可由一個(gè)或一個(gè)以上處理器執(zhí)行的指令的使用來(lái)實(shí)施本文所描述的一個(gè)或一個(gè)以上實(shí)例。這些指令可在計(jì)算機(jī)可讀媒體上運(yùn)載。結(jié)合下文的圖而展示或描述的機(jī)器提供上面可運(yùn)載和/或執(zhí)行用于實(shí)施實(shí)例的指令的處理資源和計(jì)算機(jī)可讀媒體的實(shí)例。明確地說(shuō)，結(jié)合實(shí)例而展示的大量機(jī)器包含處理器以及用于保持?jǐn)?shù)據(jù)和指令的各種形式的存儲(chǔ)器。計(jì)算機(jī)可讀媒體的實(shí)例包含永久存儲(chǔ)器存儲(chǔ)裝置，例如個(gè)人計(jì)算機(jī)或服務(wù)器上的硬盤驅(qū)動(dòng)器。計(jì)算機(jī)存儲(chǔ)媒體的其它實(shí)例包含便攜式存儲(chǔ)單元，例如CD或DVD單元、快閃存儲(chǔ)器(例如在智能電話、多功能裝置或平板計(jì)算機(jī)上運(yùn)載)、以及磁性存儲(chǔ)器。計(jì)算機(jī)、終端、具有網(wǎng)絡(luò)能力的裝置(例如，移動(dòng)裝置，例如手機(jī))全部是利用處理器、存儲(chǔ)器以及存儲(chǔ)在計(jì)算機(jī)可讀媒體上的指令的機(jī)器和裝置的實(shí)例。另外，可以計(jì)算機(jī)程序或能夠運(yùn)載此程序的計(jì)算機(jī)可用載體媒體的形式來(lái)實(shí)施實(shí)例。
[0018]系統(tǒng)描述
[0019]圖1說(shuō)明用于在計(jì)算裝置上操作瀏覽器的實(shí)例系統(tǒng)。系統(tǒng)100，例如由圖1的實(shí)例所描述，可在計(jì)算系統(tǒng)上實(shí)施，例如桌上型計(jì)算機(jī)、膝上型計(jì)算機(jī)、平板裝置或智能電話。系統(tǒng)100可經(jīng)配置以經(jīng)由網(wǎng)絡(luò)與資源或服務(wù)器通信，以便接收和提供瀏覽器上的內(nèi)容。
[0020]在一個(gè)實(shí)例中，系統(tǒng)100可包含瀏覽器110和界面150，以經(jīng)由網(wǎng)絡(luò)(例如，局域網(wǎng)或因特網(wǎng))與一個(gè)或一個(gè)以上網(wǎng)絡(luò)資源160通信。瀏覽器110可包含網(wǎng)頁(yè)管理120、群組管理125、內(nèi)容剪輯130和用戶界面(UI)組件140。系統(tǒng)100的組件可組合以從網(wǎng)絡(luò)資源接收數(shù)據(jù)/內(nèi)容，并提供多面板視圖界面，其同時(shí)顯示對(duì)應(yīng)于多個(gè)網(wǎng)頁(yè)的可用內(nèi)容。計(jì)算裝置的用戶可操作一個(gè)或一個(gè)以上輸入機(jī)構(gòu)，例如鼠標(biāo)、鍵盤和/或觸敏顯示器，以控制多面板視圖界面且與多面板視圖界面交互。
[0021]取決于實(shí)施例，系統(tǒng)100中描述的組件可提供為個(gè)別組件或模塊，或提供為其它組件的部分?？捎酶鞣N應(yīng)用程序(例如，軟件)和/或?qū)嵤┫到y(tǒng)100的一個(gè)或一個(gè)以上計(jì)算裝置的硬件來(lái)實(shí)施邏輯。在一些實(shí)施例中，系統(tǒng)100的組件可在網(wǎng)絡(luò)側(cè)資源上，例如在一個(gè)或一個(gè)以上服務(wù)器上實(shí)施。系統(tǒng)100也可通過(guò)替代架構(gòu)(例如，對(duì)等網(wǎng)絡(luò)等)中的其它計(jì)算機(jī)系統(tǒng)的組合來(lái)實(shí)施。作為添加或替代，系統(tǒng)100的一個(gè)或一個(gè)以上組件可對(duì)應(yīng)于可由瀏覽器用來(lái)提供多面板視圖界面的插件。
[0022]計(jì)算機(jī)系統(tǒng)可操作瀏覽器110來(lái)經(jīng)由例如因特網(wǎng)等網(wǎng)絡(luò)從網(wǎng)絡(luò)資源160檢索信息并呈現(xiàn)所述信息。舉例來(lái)說(shuō)，所述信息或內(nèi)容可由統(tǒng)一資源定位符(URL)識(shí)別，且可為網(wǎng)頁(yè)、圖像和/或視頻等。當(dāng)用戶選擇鏈接，例如超鏈接，或輸入U(xiǎn)RL時(shí)，瀏覽器110可從相應(yīng)的網(wǎng)絡(luò)資源160檢索對(duì)應(yīng)于所述鏈接或URL的內(nèi)容(例如，經(jīng)由界面150的網(wǎng)頁(yè)數(shù)據(jù)161)，且在瀏覽器110上呈現(xiàn)內(nèi)容(例如，瀏覽器110在瀏覽器窗口中打開(kāi)所述網(wǎng)頁(yè))。在一些情況下，用戶可同時(shí)打開(kāi)多個(gè)不同網(wǎng)頁(yè)。
[0023]多面板視圖界面
[0024]瀏覽器110可確定存在由用戶打開(kāi)的多個(gè)網(wǎng)頁(yè)。如果瀏覽器110僅具有一個(gè)打開(kāi)的網(wǎng)頁(yè)(例如，第一網(wǎng)頁(yè))，那么瀏覽器I1的UI組件140可向用戶界面提供所述網(wǎng)頁(yè)的完整屏幕視圖(或活動(dòng)視圖)。所述活動(dòng)視圖使所述用戶能夠以典型方式與網(wǎng)頁(yè)交互，例如選擇所述網(wǎng)頁(yè)上的鏈接，滾動(dòng)所述網(wǎng)頁(yè)等。所述用戶還可操作瀏覽器110，以同時(shí)打開(kāi)第二網(wǎng)頁(yè)(例如，通過(guò)與瀏覽器I1的標(biāo)簽條或狀態(tài)條界面交互，以進(jìn)入另一URL，或通過(guò)點(diǎn)擊第一網(wǎng)頁(yè)上的鏈接，來(lái)打開(kāi)所述鏈接作為新的標(biāo)簽)。當(dāng)瀏覽器110打開(kāi)第二網(wǎng)頁(yè)時(shí)，所述第二網(wǎng)頁(yè)可顯示為完整屏幕視圖而不是第一網(wǎng)頁(yè)。每一同時(shí)打開(kāi)的網(wǎng)頁(yè)也可與標(biāo)簽或可選擇特征相關(guān)聯(lián)，使得用戶可與所述標(biāo)簽或可選擇特征交互，以在將在整個(gè)屏幕或活動(dòng)視圖中檢視(例如，經(jīng)由用戶輸入141)哪些網(wǎng)頁(yè)之間切換。
[0025]瀏覽器110可包含網(wǎng)頁(yè)管理120，其維持關(guān)于同時(shí)打開(kāi)的的每一網(wǎng)頁(yè)的信息。網(wǎng)頁(yè)管理120也可維持關(guān)于先前已由用戶打開(kāi)的網(wǎng)頁(yè)的瀏覽歷史或信息。對(duì)于同時(shí)打開(kāi)的每一網(wǎng)頁(yè)，網(wǎng)頁(yè)管理120可維持關(guān)于所述網(wǎng)頁(yè)的信息(例如，其何時(shí)打開(kāi)，所述網(wǎng)頁(yè)的URL等)，并使所述網(wǎng)頁(yè)與對(duì)應(yīng)于標(biāo)簽或可選擇特征的識(shí)別符相關(guān)聯(lián)。
[0026]當(dāng)同時(shí)打開(kāi)一個(gè)以上網(wǎng)頁(yè)時(shí)，UI組件140可在計(jì)算裝置的顯示器上提供多面板視圖界面151。多面板視圖界面151包含多個(gè)面板(或卡)，其各自顯示對(duì)應(yīng)于同時(shí)打開(kāi)的網(wǎng)頁(yè)且與所述網(wǎng)頁(yè)的識(shí)別符相關(guān)聯(lián)的可用內(nèi)容。舉例來(lái)說(shuō)，對(duì)于每一面板，所述可用內(nèi)容可對(duì)應(yīng)于在對(duì)應(yīng)網(wǎng)頁(yè)上顯示的內(nèi)容的一部分。瀏覽器110可響應(yīng)于用戶輸入141 (例如，經(jīng)由計(jì)算裝置的輸入機(jī)構(gòu))，提供多面板視圖界面151。在一個(gè)實(shí)例中，瀏覽器110可通過(guò)致使整個(gè)屏幕或活動(dòng)視圖的大小減小，使得(i)所述網(wǎng)頁(yè)的內(nèi)容的僅一部分在所述面板的一者中顯示(例如，作為可用內(nèi)容)，且(ii)可暴露其它面板，來(lái)顯示來(lái)自當(dāng)前顯示網(wǎng)頁(yè)的整個(gè)屏幕視圖或活動(dòng)視圖的多面板視圖界面151。
[0027]在一些實(shí)例中，UI組件140可包含卡邏輯142和輸入檢測(cè)144?？ㄟ壿?42可(i)確定瀏覽器110中同時(shí)打開(kāi)多少網(wǎng)頁(yè)(例如，通過(guò)與網(wǎng)頁(yè)管理120通信)，(ii)確定多面板視圖界面151上將同時(shí)顯示多少面板或卡，(iii)確定面板的大小，(iv)使每一面板與瀏覽器110中同時(shí)打開(kāi)的特定網(wǎng)頁(yè)相關(guān)聯(lián)(例如，使用所述網(wǎng)頁(yè)的識(shí)別符)，以及(V)基于用戶輸入141來(lái)重新安排所述面板在多面板視圖界面151中的次序或定位。舉例來(lái)說(shuō)，卡邏輯142可確定存在三個(gè)同時(shí)打開(kāi)的網(wǎng)頁(yè)，確定所述三個(gè)面板可同時(shí)在多面板視圖界面151上顯示，且可使所述三個(gè)網(wǎng)頁(yè)中的每一者