專(zhuān)利名稱(chēng):具有站點(diǎn)焦點(diǎn)的瀏覽器框架的制作方法
技術(shù)領(lǐng)域:
本發(fā)明涉及web瀏覽器 用戶(hù)界面,尤其涉及具有站點(diǎn)焦點(diǎn)的瀏覽器框架。
背景技術(shù):
研究表明人們?cè)谶M(jìn)行瀏覽活動(dòng)時(shí)往往想集中于網(wǎng)站內(nèi)容并且不一定集中于他們的web瀏覽器的能力。然而,瀏覽器設(shè)計(jì)往往集中于強(qiáng)調(diào)瀏覽器的能力的用戶(hù)界面,從而使得對(duì)用戶(hù)集中于網(wǎng)站的內(nèi)容而言更具挑戰(zhàn)性。
發(fā)明內(nèi)容
提供本發(fā)明內(nèi)容以便以簡(jiǎn)化形式介紹在以下詳細(xì)描述中進(jìn)一步描述的ー些概念。本發(fā)明內(nèi)容并不g在標(biāo)識(shí)所要求保護(hù)主題的關(guān)鍵特征或必要特征,也不g在用于限制所要求保護(hù)主題的范圍。在各實(shí)施例中,web瀏覽器用戶(hù)界面包括在該web瀏覽器用戶(hù)界面的頂部處沿單條線(xiàn)分布的所選控件的子集??丶牟季挚梢允菑淖笾劣一驈挠抑磷蟮姆绞健>唧w而言,在從左至右布局中,滿(mǎn)足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的左側(cè)。類(lèi)似地,在從右至左布局中,滿(mǎn)足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的右側(cè)。在至少ー些實(shí)施例中,沿單條線(xiàn)分布的控件中的至少ー些是與某種類(lèi)型的導(dǎo)航相關(guān)的控件。這些控件可包括使用戶(hù)能夠提供文本輸入的那些控件。另外,在至少ー些實(shí)施例中,可以按對(duì)站點(diǎn)內(nèi)容而非控件給予更大強(qiáng)調(diào)的方式來(lái)在視覺(jué)上在web瀏覽器用戶(hù)界面中處理控件集。
在全部附圖中,使用相同的附圖標(biāo)記來(lái)指示相同的特征。圖I示出了根據(jù)ー個(gè)或多個(gè)實(shí)施例的其中可以采用此處所描述的各原理的操作環(huán)境。圖2示出了根據(jù)ー個(gè)或多個(gè)實(shí)施例的示例web瀏覽器。圖3示出根據(jù)ー個(gè)或多個(gè)實(shí)施例的控件布局區(qū)域。圖4示出根據(jù)又ー實(shí)施例的控件布局區(qū)域。圖5示出根據(jù)又ー實(shí)施例的控件布局區(qū)域。圖6示出根據(jù)又ー實(shí)施例的控件布局區(qū)域。圖7示出了根據(jù)ー個(gè)或多個(gè)實(shí)施例的示例web瀏覽器。圖8示出根據(jù)又ー實(shí)施例的控件布局區(qū)域。圖9是描述根據(jù)ー個(gè)或多個(gè)實(shí)施例的方法中的各步驟的流程圖。圖10示出可用于實(shí)現(xiàn)一個(gè)或多個(gè)實(shí)施例的示例系統(tǒng)。
具體實(shí)施方式
概覽在各實(shí)施例中,web瀏覽器用戶(hù)界面包括在該web瀏覽器用戶(hù)界面的頂部處沿單條線(xiàn)分布的所選控件的子集??丶牟季挚梢允菑淖笾劣一驈挠抑磷蟮姆绞?。具體而言,在從左至右布局中,滿(mǎn)足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的左側(cè)。從左至右布局在用戶(hù)從左至右閱讀的場(chǎng)合中適用。這將提供舒適的直觀(guān)的體驗(yàn)。類(lèi)似地,在從右至左布局中,滿(mǎn)足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的右側(cè)。從右至左布局在用戶(hù)從右至左閱讀的場(chǎng)合中適用。這將為這些用戶(hù)提供舒適的直觀(guān)的體驗(yàn)。可以使用任何合適類(lèi)型的準(zhǔn)則來(lái)確定如何沿單條線(xiàn)來(lái)分布所選控件。沿單條線(xiàn)分布所選控件高效地利用水平和垂直屏幕可操作區(qū)域。具體而言,在水平維度中,使所選控件沿單條線(xiàn)分布便于對(duì)在至少一些實(shí)施例中最常用的控件進(jìn)行快速視覺(jué)標(biāo)識(shí)。這使得在垂直維度上的屏幕可操作區(qū)域被用于例如可能使用得較不頻繁的其他控件。在至少一些實(shí)施例中,沿單條線(xiàn)分布的控件中的至少一些是與某種類(lèi)型的導(dǎo)航相 關(guān)的控件。例如,這樣的控件可包括,作為示例而非限制,后退和前進(jìn)導(dǎo)航按鈕、諸如地址欄或搜索欄等提供輸入域的導(dǎo)航控件、和/或使用戶(hù)能夠在諸如標(biāo)簽等不同內(nèi)容的視圖之間切換的輸入工具。另外,在至少一些實(shí)施例中,可以按對(duì)站點(diǎn)內(nèi)容而非控件給予更大強(qiáng)調(diào)的方式來(lái)在視覺(jué)上在web瀏覽器用戶(hù)界面中處理控件集。在以下討論中,提供了題為“操作環(huán)境”的章節(jié),該章節(jié)描述其中可采用一個(gè)或多個(gè)實(shí)施例的一個(gè)環(huán)境。接著,題為“示例線(xiàn)性控件布局模塊”的章節(jié)描述了根據(jù)一個(gè)或多個(gè)實(shí)施例的示例線(xiàn)性控件布局模塊。隨后,題為“用于強(qiáng)調(diào)站點(diǎn)內(nèi)容的控件視覺(jué)處理”的章節(jié)描述了根據(jù)一個(gè)或多個(gè)實(shí)施例的可如何在視覺(jué)上處理控件以強(qiáng)調(diào)站點(diǎn)內(nèi)容。然后,題為“對(duì)出現(xiàn)在控件布局區(qū)域中的某些控件給予視覺(jué)強(qiáng)調(diào)”的章節(jié)描述了根據(jù)一個(gè)或多個(gè)實(shí)施例的可如何對(duì)某些控件給予視覺(jué)強(qiáng)調(diào)。接著,題為“確定地址欄相對(duì)于標(biāo)簽帶的大小”的章節(jié)描述了根據(jù)一個(gè)或多個(gè)實(shí)施例的可如何確定以及重新確定地址欄相對(duì)于標(biāo)簽帶的大小。此后,題為“示例方法”的章節(jié)描述了根據(jù)一個(gè)或多個(gè)實(shí)施例的示例方法。最后,題為“示例系統(tǒng)”的章節(jié)描述了根據(jù)一個(gè)或多個(gè)實(shí)施例的示例系統(tǒng)。操作環(huán)境圖I在100處概括示出了根據(jù)一個(gè)或多個(gè)實(shí)施例的操作環(huán)境。環(huán)境100包括計(jì)算設(shè)備102,計(jì)算設(shè)備102具有一個(gè)或多個(gè)處理器104、一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)106和駐留在計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)上并可由處理器執(zhí)行的一個(gè)或多個(gè)應(yīng)用程序108。計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)可包括,作為示例而非限制,通常與計(jì)算設(shè)相關(guān)聯(lián)的所有形式的易失性和非易失性存儲(chǔ)器和/或存儲(chǔ)介質(zhì)。這種介質(zhì)可包括ROM、RAM、閃存、硬盤(pán)、可移動(dòng)介質(zhì)等。計(jì)算設(shè)備的一個(gè)具體示例以下在圖10中示出并描述。另外,計(jì)算設(shè)備102包括web瀏覽器110形式的軟件應(yīng)用程序,它包括或以其他方式利用如在上文和下文所描述的那樣操作的用于提供web瀏覽器用戶(hù)界面的線(xiàn)性控件布局模塊111。線(xiàn)性控件布局模塊被設(shè)計(jì)成幫助用戶(hù)聚焦于網(wǎng)站的內(nèi)容,同時(shí)移除可由控件提供的分心事物中的一些。例如,web瀏覽器用戶(hù)界面,經(jīng)由線(xiàn)性控件布局模塊,可包括在該web瀏覽器用戶(hù)界面的頂部沿單條線(xiàn)分布的所選控件的子集如上所述,控件的布局可以是從左至右或從右至左的方式。
可以使用任何合適類(lèi)型的準(zhǔn)則來(lái)確定如何沿單條線(xiàn)來(lái)分布所選控件。例如,ー個(gè)準(zhǔn)則可包括特定控件在一群用戶(hù)中的使用頻率。作為替換或補(bǔ)充,另ー準(zhǔn)則可包括個(gè)別用戶(hù)的偏好,使得沿該單條線(xiàn)的各控件的外觀(guān)可由用戶(hù)定制。此外,在至少ー些實(shí)施例中,沿單條線(xiàn)分布的控件中的至少ー些是與某種類(lèi)型的導(dǎo)航相關(guān)的控件。例如,這樣的控件可包括,作為示例而非限制,后退和前進(jìn)導(dǎo)航按鈕、諸如地址欄或搜索欄等提供輸入域的導(dǎo)航控件、和/或使用戶(hù)能夠在諸如標(biāo)簽等不同內(nèi)容的視圖之間切換的輸入工具。另外,如在下文 中將顯而易見(jiàn)的,在至少ー些實(shí)施例中,可以按對(duì)站點(diǎn)內(nèi)容而非控件給予更大強(qiáng)調(diào)的方式來(lái)在視覺(jué)上在web瀏覽器用戶(hù)界面中處理控件集。另外,環(huán)境100包括諸如因特網(wǎng)等網(wǎng)絡(luò)112,以及可從中接收和向其發(fā)送內(nèi)容的一個(gè)或多個(gè)web服務(wù)器114。這樣的內(nèi)容可包括從web服務(wù)器接收到的網(wǎng)頁(yè)。計(jì)算設(shè)備102可被具體化為任何合適的計(jì)算設(shè)備,諸如作為示例而非限制,臺(tái)式計(jì)算機(jī),便攜式計(jì)算機(jī),諸如個(gè)人數(shù)字助理(PDA)、蜂窩電話(huà)等手持式計(jì)算機(jī),等等。描述了示例操作環(huán)境之后,現(xiàn)在考慮可利用線(xiàn)性控件布局模塊111的ー些示例實(shí)施例的討論。示例線(xiàn)性控件布局模塊圖2在200處概括示出了根據(jù)ー個(gè)或多個(gè)實(shí)施例的示例web瀏覽器。在該特定示例中,web瀏覽器200包括web瀏覽器用戶(hù)界面202,web瀏覽器用戶(hù)界面202又包括內(nèi)容呈現(xiàn)區(qū)域206附近或上方的控件布局區(qū)域204。控件布局區(qū)域204是在線(xiàn)性控件布局模塊111 (圖I)的影響下提供的??丶季謪^(qū)域204被設(shè)計(jì)成幫助用戶(hù)集中于網(wǎng)站的內(nèi)容,如在內(nèi)容呈現(xiàn)區(qū)域206中呈現(xiàn)的內(nèi)容,同時(shí)移除可由控件提供的分心事物中的ー些。例如,web瀏覽器用戶(hù)界面,經(jīng)由線(xiàn)性控件布局模塊,可包括在該web瀏覽器用戶(hù)界面的頂部沿單條線(xiàn)分布的所選控件的子集這在圖3中更詳細(xì)地示出。圖3更詳細(xì)地示出根據(jù)ー個(gè)或多個(gè)實(shí)施例的控件布局區(qū)域204。在該示例中,多個(gè)控件沿被示為“I”的單條線(xiàn)來(lái)分布。如上所述,控件的布局可以是從左至右或從右至左的方式??梢允褂萌魏魏线m類(lèi)型的準(zhǔn)則來(lái)確定如何沿單條線(xiàn)來(lái)分布所選控件,準(zhǔn)則的示例在上文提供。在一個(gè)或多個(gè)實(shí)施例中,控件編組可以基于這些控件彼此之間的關(guān)系,如在下文中將顯而易見(jiàn)的。例如,在至少ー些實(shí)施例中,沿單條線(xiàn)分布的控件中的至少ー些是與某種類(lèi)型的導(dǎo)航相關(guān)的控件。例如,這樣的控件可包括,作為示例而非限制,后退和前進(jìn)導(dǎo)航按鈕300、諸如地址欄或搜索欄等提供用于接收或呈現(xiàn)文本的輸入域的導(dǎo)航控件302、和/或使用戶(hù)能夠在諸如標(biāo)簽304等不同內(nèi)容的視圖之間切換的輸入工具。在所示出并描述的實(shí)施例中,將后退和前進(jìn)導(dǎo)航按鈕編組在一起是合乎需要的,因?yàn)樗鼈冎械拿咯`個(gè)都與導(dǎo)航相關(guān)。此外,在至少ー些實(shí)施例中,將諸如由導(dǎo)航控件302表示的地址欄等地址欄編組在后退和前進(jìn)按鈕附近是合乎需要的。這是因?yàn)榈刂窓诤秃笸?前進(jìn)按鈕在地址欄示出在一些情況下瀏覽器經(jīng)由后退和前進(jìn)按鈕所導(dǎo)航的URL的程度上是相關(guān)的。另外,其他控件可以沿線(xiàn)I分布,如所謂的輔助控件306。從視覺(jué)觀(guān)點(diǎn)來(lái)看,在至少一些實(shí)施例中,線(xiàn)I定義了控件的連續(xù)區(qū),這些控件是按照從滿(mǎn)足某ー個(gè)或ー些準(zhǔn)則的控件到在較少程度上滿(mǎn)足(或根本不滿(mǎn)足)該ー個(gè)或一些準(zhǔn)則的控件來(lái)分布的。在至少ー些實(shí)施例中,線(xiàn)I被布置在web瀏覽器用戶(hù)界面的頂部(圖2),并且包括其上方?jīng)]有其他導(dǎo)航控件的至少一些導(dǎo)航控件。在其他實(shí)施例中,線(xiàn)I被布置在web瀏覽器用戶(hù)界面的頂部,并且包括包含一個(gè)或多個(gè)標(biāo)簽的其上方?jīng)]有其他導(dǎo)航控件的標(biāo)簽帶。圖4示出根據(jù)又一實(shí)施例的控件布局區(qū)域204。來(lái)自圖3實(shí)施例的相同附圖標(biāo)記被用來(lái)描繪相同組件。在該示例中,控件布局區(qū)域204包括提供諸如地址欄或搜索欄等輸入域的導(dǎo)航控件302以及使用戶(hù)能夠在諸如沿線(xiàn)I分布的標(biāo)簽304等不同內(nèi)容的各視圖之間切換的輸入工具。圖5示出根據(jù)又一實(shí)施例的控件布局區(qū)域204。來(lái)自圖3實(shí)施例的相同附圖標(biāo)記被用來(lái)描繪相同組件。在該示例中,控件布局區(qū)域204包括后退和前進(jìn)導(dǎo)航按鈕300以及使用戶(hù)能夠在諸如沿線(xiàn)I分布的標(biāo)簽304等不同內(nèi)容的各視圖之間切換的輸入工具。圖6示出根據(jù)又一實(shí)施例的控件布局區(qū)域204。來(lái)自圖3實(shí)施例的相同附圖標(biāo)記被用來(lái)描繪相同組件。在該示例中,控件布局區(qū)域204包括地址欄出現(xiàn)在其中的標(biāo)簽600。 為清楚起見(jiàn),線(xiàn)I被斷開(kāi)。在該示例中,使地址欄包括在標(biāo)簽內(nèi)可以便于當(dāng)前位置的清楚和視覺(jué)標(biāo)識(shí)。具體而言,使這一共享信息出現(xiàn)在一個(gè)控件中提供了用戶(hù)導(dǎo)航到的位置的一個(gè)清楚地址。在各位置間切換和導(dǎo)航花費(fèi)了較少步驟并利用了較少認(rèn)知負(fù)載。用于強(qiáng)調(diào)站點(diǎn)內(nèi)容的控件視覺(jué)處理另外,如在下文中將顯而易見(jiàn)的,在至少一些實(shí)施例中,可以按對(duì)站點(diǎn)內(nèi)容而非控件給予更大強(qiáng)調(diào)的方式來(lái)在視覺(jué)上在web瀏覽器用戶(hù)界面中處理控件集。作為示例,考慮圖7,其中來(lái)自圖2實(shí)施例的相同附圖標(biāo)記被用來(lái)描繪相同組件。在其中,示出了根據(jù)一個(gè)或多個(gè)實(shí)施例的示例web瀏覽器200。在該特定示例中,web瀏覽器200包括web瀏覽器用戶(hù)界面202,web瀏覽器用戶(hù)界面202又包括控件布局區(qū)域204和內(nèi)容呈現(xiàn)區(qū)域206。如在以上示例中一樣,控件布局區(qū)域204是在線(xiàn)性控件布局模塊111 (圖I)的影響下提供的??丶季謪^(qū)域204被設(shè)計(jì)成幫助用戶(hù)集中于網(wǎng)站的內(nèi)容,如在內(nèi)容呈現(xiàn)區(qū)域206中呈現(xiàn)的內(nèi)容,同時(shí)移除可由控件提供的分心事物中的一些。例如,web瀏覽器用戶(hù)界面,經(jīng)由線(xiàn)性控件布局模塊,可包括在該web瀏覽器用戶(hù)界面的頂部沿單條線(xiàn)分布的所選控件的子集此外,在該示例中,web瀏覽器用戶(hù)界面被示為對(duì)照客戶(hù)機(jī)桌面700來(lái)呈現(xiàn),客戶(hù)機(jī)桌面700包括由灰虛線(xiàn)圖案所表示的主題??梢允褂萌魏魏线m的主題。在所示出并描述的實(shí)施例中,為了對(duì)內(nèi)容呈現(xiàn)區(qū)域206中呈現(xiàn)的內(nèi)容給予更大視覺(jué)強(qiáng)調(diào),可以將控件布局區(qū)域204呈現(xiàn)得清楚以便反映底層主題。具體而言,在該示例中,注意到,出現(xiàn)在內(nèi)容呈現(xiàn)區(qū)域中的控件反映由灰虛線(xiàn)圖案所示的底層主題。在至少一些實(shí)施例中,在用戶(hù)選擇出現(xiàn)在控件布局區(qū)域204內(nèi)的特定控件時(shí),該控件可以采取可便于發(fā)現(xiàn)出現(xiàn)在控件區(qū)域204中的控件的不同色彩。作為替換或補(bǔ)充,出現(xiàn)在控件布局區(qū)域204內(nèi)的控件可以按單色方式來(lái)呈現(xiàn),其中控件和它們?cè)谄渲谐霈F(xiàn)的相關(guān)聯(lián)的控件布局區(qū)域可以用被選擇來(lái)強(qiáng)調(diào)出現(xiàn)在內(nèi)容呈現(xiàn)區(qū)域206中的內(nèi)容的單個(gè)色彩來(lái)呈現(xiàn)。例如,控件和控件布局區(qū)域204可以用灰度級(jí)來(lái)呈現(xiàn),以對(duì)內(nèi)容呈現(xiàn)區(qū)域206給予強(qiáng)調(diào)。在用戶(hù)選擇了控件之后,該控件可以采取不同的色彩以在該控件上給予強(qiáng)調(diào)。對(duì)出現(xiàn)在控件布局區(qū)域中的某些控件給予視覺(jué)強(qiáng)調(diào)
在至少ー些實(shí)施例中,可對(duì)出現(xiàn)在控件布局區(qū)域中的某些控件給予視覺(jué)強(qiáng)調(diào)。作為示例,考慮圖8,它示出根據(jù)ー替換實(shí)施例的圖3示例的控件布局區(qū)域204。來(lái)自圖3實(shí)施例的相同附圖標(biāo)記被用來(lái)描繪相同組件。在該示例中,如在以上示例中一祥,多個(gè)控件沿被示為“I”的單條線(xiàn)來(lái)分布。這些示例控件可包括,作為示例而非限制,后退和前進(jìn)導(dǎo)航按鈕300、諸如地址欄或捜索欄等提供輸入域的導(dǎo)航控件302、和/或使用戶(hù)能夠在諸如標(biāo)簽304等不同內(nèi)容的視圖之間切換的輸入工具。
注意,在該示例中,后退導(dǎo)航按鈕800顯得比前進(jìn)導(dǎo)航按鈕802更大。在該示例中,按鈕800更大是因?yàn)樗褂玫帽惹斑M(jìn)導(dǎo)航按鈕802更頻繁。當(dāng)然,可以使用其他視覺(jué)強(qiáng)調(diào)技術(shù)而不背離所要求保護(hù)的主題的精神和范圍。確定地址欄相對(duì)于標(biāo)簽帶的大小因?yàn)轱@示屏大小在水平方向上更大,所以存在著提供寬屏用戶(hù)體驗(yàn)的趨勢(shì)。當(dāng)然,上述實(shí)施例中的至少ー些實(shí)施例的動(dòng)機(jī)中的一部分與通過(guò)高效地使用在水平上可用的屏幕可操作區(qū)域來(lái)提供改進(jìn)的用戶(hù)體驗(yàn)相關(guān)聯(lián)。在至少ー些實(shí)施例中,web瀏覽器是以當(dāng)重新確定web瀏覽器窗ロ的大小時(shí)高效地管理控件布局區(qū)域中的控件的方式來(lái)設(shè)計(jì)的。例如,web瀏覽器可以查明顯示屏的水平分辨率,并且可響應(yīng)于窗口重新確定大小操作來(lái)智能地管理標(biāo)簽和地址欄的布局。例如,web瀏覽器可以選擇包含標(biāo)簽的標(biāo)簽帶的大小與地址欄的大小之間的比率。該比率可以結(jié)合顯示屏的水平分辨率的變化而變化。此外,一旦選擇了標(biāo)簽帶與地址欄之間的比率,web瀏覽器就可以嘗試在重新確定web瀏覽器窗ロ的大小(例如,使之更小)時(shí)維持這一比率。然而,當(dāng)web瀏覽器窗ロ的大小被減小到某ー閾值水平吋,web瀏覽器可以切換到經(jīng)減小的地址欄寬度并且可開(kāi)始移除控件,如輔助控件。可以選擇地址欄的經(jīng)減小的寬度的尺寸以維持其中的文本的所需量。在窗ロ的大小繼續(xù)減小時(shí),web瀏覽器可以開(kāi)始移除標(biāo)簽,使得即使在非常小的屏幕大小上地址欄和導(dǎo)航控件也是可見(jiàn)的。在描述了以上各實(shí)施例之后,現(xiàn)在考慮根據(jù)一個(gè)或多個(gè)實(shí)施例的一些示例方法。示例方法圖9是描述根據(jù)ー個(gè)或多個(gè)實(shí)施例的方法中的各步驟的流程圖。該方法可以結(jié)合任何合適的硬件、軟件、固件或其組合來(lái)實(shí)現(xiàn)。在至少ー些實(shí)施例中,該方法可以用軟件以web瀏覽器和/或線(xiàn)性控件布局模塊的形式來(lái)實(shí)現(xiàn),如上述線(xiàn)性控件布局模塊。步驟900呈現(xiàn)web瀏覽器用戶(hù)界面。步驟902將所選控件沿靠近web瀏覽器用戶(hù)界面頂部的單條線(xiàn)來(lái)分布。所選控件的示例在上文中提供。示例系統(tǒng)圖10示出可用來(lái)實(shí)現(xiàn)上述各實(shí)施例的示例計(jì)算設(shè)備1000。計(jì)算設(shè)備1000可以是例如圖I的計(jì)算設(shè)備102或web服務(wù)器114。計(jì)算設(shè)備1000包括一個(gè)或多個(gè)處理器或處理單元1002、一個(gè)或多個(gè)存儲(chǔ)器和/或存儲(chǔ)組件1004、ー個(gè)或多個(gè)輸入/輸出(I/O)設(shè)備1006、以及允許各組件和設(shè)備彼此通信的總線(xiàn)1008??偩€(xiàn)1008表示若干類(lèi)型的總線(xiàn)結(jié)構(gòu)中的任何ー種的ー個(gè)或多個(gè),包括存儲(chǔ)器總線(xiàn)或存儲(chǔ)器控制器、外圍總線(xiàn)、加速圖形端ロ,以及使用各種總線(xiàn)體系結(jié)構(gòu)中的任何ー種的處理器或局部總線(xiàn)??偩€(xiàn)1008可包括有線(xiàn)和/或無(wú)線(xiàn)總線(xiàn)。
存儲(chǔ)器/存儲(chǔ)組件1004表示一個(gè)或多個(gè)計(jì)算機(jī)存儲(chǔ)介質(zhì)。組件1004可包括易失性介質(zhì)(諸如隨機(jī)存取存儲(chǔ)器(RAM))和/或非易失性介質(zhì)(諸如只讀存儲(chǔ)器(ROM)、閃存、光盤(pán)、磁盤(pán)等等)。組件1004可包括固定介質(zhì)(例如,RAM、ROM、固定硬盤(pán)驅(qū)動(dòng)器等等)以及可移動(dòng)介質(zhì)(例如,閃存驅(qū)動(dòng)器、可移動(dòng)硬盤(pán)驅(qū)動(dòng)器、光盤(pán)等等)?!獋€(gè)或多個(gè)輸入/輸出設(shè)備1006允許用戶(hù)向計(jì)算設(shè)備1000輸入命令和信息,并且還允許向用戶(hù)和/或其他組件或設(shè)備呈現(xiàn)信息。輸入設(shè)備的示例包括鍵盤(pán)、光標(biāo)控制設(shè)備(例如,鼠標(biāo))、話(huà)筒、掃描儀等等。輸出設(shè)備的示例包括顯示設(shè)備(例如,監(jiān)視器或投影儀)、揚(yáng)聲器、打印機(jī)、網(wǎng)卡等等。此處可以在軟件或程序模塊的一般上下文中描述各種技術(shù)。一般而言,軟件包括執(zhí)行特定任務(wù)或?qū)崿F(xiàn)特定抽象數(shù)據(jù)類(lèi)型的例程、程序、對(duì)象、組件、數(shù)據(jù)結(jié)構(gòu)等等。這些模塊和技術(shù)的實(shí)現(xiàn)可以存儲(chǔ)在某種形式的計(jì)算機(jī)可讀介質(zhì)上或通過(guò)某種形式的計(jì)算機(jī)可讀介質(zhì)傳輸。計(jì)算機(jī)可讀介質(zhì)可以是可以被計(jì)算設(shè)備訪(fǎng)問(wèn)的任何可用介質(zhì)。作為示例而非限制,計(jì)算機(jī)可讀介質(zhì)可以包括“計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)”。“計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)”包括以用于存儲(chǔ)諸如計(jì)算機(jī)可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序模塊或其他數(shù)據(jù)等信息的任何方法或技術(shù)實(shí)現(xiàn)的易失性和非易失性、可移動(dòng)和不可移動(dòng)介質(zhì)。計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)包括但不限于,RAM、R0M、EEPR0M、閃存或其他存儲(chǔ)器技術(shù)、CD-ROM、數(shù)字多功能盤(pán)(DVD)或其他光盤(pán)存儲(chǔ)、盒式磁帶、磁帶、磁盤(pán)存儲(chǔ)或其他磁存儲(chǔ)設(shè)備,或者可用于存儲(chǔ)所需信息并可由計(jì)算機(jī)訪(fǎng)問(wèn)的任何其他介質(zhì)。結(jié)論在各實(shí)施例中,web瀏覽器用戶(hù)界面包括在該web瀏覽器用戶(hù)界面的頂部處沿單條線(xiàn)分布的所選控件的子集??丶牟季挚梢允菑淖笾劣一驈挠抑磷蟮姆绞?。具體而言,在從左至右布局中,滿(mǎn)足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的左側(cè)。類(lèi)似地,在從右至左布局中,滿(mǎn)足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的右側(cè)。在至少一些實(shí)施例中,沿單條線(xiàn)分布的控件中的至少一些是與某種類(lèi)型的導(dǎo)航相關(guān)的控件。這些控件可包括使用戶(hù)能夠提供文本輸入的那些控件。
盡管用結(jié)構(gòu)特征和/或方法動(dòng)作專(zhuān)用的語(yǔ)言描述了本主題,但是可以理解,所附權(quán)利要求書(shū)中定義的主題不必限于上述具體特征或動(dòng)作。更確切而言,上述具體特征和動(dòng)作是作為實(shí)現(xiàn)權(quán)利要求的示例形式公開(kāi)的。
權(quán)利要求
1.一個(gè)或多個(gè)包含計(jì)算機(jī)可讀指令的計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)(106),所述指令在被執(zhí)行時(shí)實(shí)現(xiàn)一種web瀏覽器(110),所述web瀏覽器包括 web瀏覽器用戶(hù)界面(202); 所述web瀏覽器用戶(hù)界面(202)內(nèi)的內(nèi)容呈現(xiàn)區(qū)域(206);以及 所述內(nèi)容呈現(xiàn)區(qū)域(206)附近或上方的控件布局區(qū)域(204), 其中所述控件布局區(qū)域(204)包括在所述web瀏覽器用戶(hù)界面(202)的頂部沿單條線(xiàn)分布的所選控件的子集, 其中所選控件中的一個(gè)控件包括提供輸入域的導(dǎo)航控件(302),并且所選控件中的另一個(gè)控件包括使用戶(hù)能夠在不同內(nèi)容的各視圖之間切換的輸入工具(304)。
2.如權(quán)利要求I所述的一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其特征在于,所選控件中的所述一個(gè)控件包括地址欄。
3.如權(quán)利要求I所述的一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其特征在于,所選控件中的所述一個(gè)控件包括搜索欄。
4.如權(quán)利要求I所述的一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其特征在于,所選控件中的所述另一個(gè)控件包括一個(gè)或多個(gè)標(biāo)簽。
5.如權(quán)利要求I所述的一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其特征在于,所述web瀏覽器用戶(hù)界面不包括出現(xiàn)在沿所述單條線(xiàn)分布的所選控件上方的其他導(dǎo)航控件。
6.—個(gè)或多個(gè)包含計(jì)算機(jī)可讀指令的計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)(106),所述指令在被執(zhí)行時(shí)實(shí)現(xiàn)一種web瀏覽器(110),所述web瀏覽器包括 web瀏覽器用戶(hù)界面(202); 所述web瀏覽器用戶(hù)界面(202)內(nèi)的內(nèi)容呈現(xiàn)區(qū)域(206);以及 所述內(nèi)容呈現(xiàn)區(qū)域(206)附近或上方的控件布局區(qū)域(204), 其中所述控件布局區(qū)域(204)包括在所述web瀏覽器用戶(hù)界面(202)的頂部沿單條線(xiàn)分布的所選控件的子集, 其中所選控件包括后退和前進(jìn)導(dǎo)航按鈕(300)、提供輸入域的導(dǎo)航控件(302)、以及使用戶(hù)能夠在不同內(nèi)容的各視圖之間切換的輸入工具(304)。
7.如權(quán)利要求6所述的一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其特征在于,提供輸入域的所述導(dǎo)航控件包括地址欄。
8.如權(quán)利要求6所述的一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其特征在于,提供輸入域的所述導(dǎo)航控件包括地址欄,其中使用戶(hù)能夠在不同內(nèi)容的各視圖之間切換的所述輸入工具包括一個(gè)或多個(gè)標(biāo)簽。
9.如權(quán)利要求6所述的一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其特征在于,提供輸入域的所述導(dǎo)航控件包括地址欄,其中使用戶(hù)能夠在不同內(nèi)容的各視圖之間切換的所述輸入工具包括一個(gè)或多個(gè)標(biāo)簽,并且其中所述一個(gè)或多個(gè)標(biāo)簽之一被配置成在其中包括地址欄。
10.如權(quán)利要求6所述的一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其特征在于,提供輸入域的所述導(dǎo)航控件包括地址欄,其中使用戶(hù)能夠在不同內(nèi)容的各視圖之間切換的所述輸入工具包括一個(gè)或多個(gè)標(biāo)簽,并且其中所述web瀏覽器被配置成選擇包括所述一個(gè)或多個(gè)標(biāo)簽的標(biāo)簽帶的大小與所述地址欄的大小之間的比率,并且被配置成在與所述web瀏覽器相關(guān)聯(lián)的窗口大小被減小時(shí)移除控件。
11.如權(quán)利要求6所述的一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其特征在于,使用戶(hù)能夠在不同內(nèi)容的各視圖之間切換的所述輸入工具包括一個(gè)或多個(gè)標(biāo)簽。
12.如權(quán)利要求6所述的一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其特征在于,所述web瀏覽器用戶(hù)界面不包括出現(xiàn)在沿所述單條線(xiàn)分布的所選控件上方的其他導(dǎo)航控件。
13.如權(quán)利要求6所述的一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其特征在于,所選控件沿所述單條線(xiàn)以從左至右的方式來(lái)分布。
14.如權(quán)利要求6所述的一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其特征在于,所選控件根據(jù)它們?cè)谝蝗河脩?hù)中的相關(guān)聯(lián)的使用頻率來(lái)沿單條線(xiàn)分布。
15.如權(quán)利要求6所述的一個(gè)或多個(gè)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其特征在于,沿所述單條線(xiàn)的至少一些控件的外觀(guān)可由用戶(hù)定制。
全文摘要
本發(fā)明涉及具有站點(diǎn)焦點(diǎn)的瀏覽器框架。在各實(shí)施例中,web瀏覽器用戶(hù)界面包括在該web瀏覽器用戶(hù)界面的頂部處沿單條線(xiàn)分布的所選控件的子集??丶牟季挚梢允菑淖笾劣一驈挠抑磷蟮姆绞健>唧w而言,在從左至右布局中,滿(mǎn)足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的左側(cè)。類(lèi)似地,在從右至左布局中,滿(mǎn)足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的右側(cè)。在至少一些實(shí)施例中,沿單條線(xiàn)分布的控件中的至少一些是與某種類(lèi)型的導(dǎo)航相關(guān)的控件。這些控件可包括使用戶(hù)能夠提供文本輸入的那些控件。
文檔編號(hào)G06F17/30GK102708105SQ20111028864
公開(kāi)日2012年10月3日 申請(qǐng)日期2011年9月13日 優(yōu)先權(quán)日2010年9月14日
發(fā)明者A·H·馬雷克, B·A·摩根, J·S·霍爾布魯克, J·T·金, L·J·格林, M·J·霍爾, M·曼迪奇, M-L·威廉姆斯, S·J·鮑爾斯, W·G·斯蒂文斯 申請(qǐng)人:微軟公司