專利名稱：使用外部渲染規(guī)則來渲染web頁面的方法和設(shè)備的制作方法
使用外部渲染規(guī)則來渲染W(wǎng)EB頁面的方法和設(shè)備
背景技術(shù)：
服務(wù)提供商(例如，無線、蜂窩等)和設(shè)備制造商不斷地面對(duì)著例如通過提供具有競(jìng)爭(zhēng)力的網(wǎng)絡(luò)服務(wù)來向消費(fèi)者傳遞價(jià)值和便利的挑戰(zhàn)。一種流行的應(yīng)用涉及瀏覽萬維網(wǎng)上的web頁面。目前，許多web頁面設(shè)計(jì)為用于在具有寬帶互聯(lián)網(wǎng)連接的大型屏幕上進(jìn)行瀏覽。這些web頁面經(jīng)常是非常大的，圖形并不與較小屏幕尺寸成比例，并且不適于在采用小型屏幕和/或有限連接的設(shè)備上進(jìn)行渲染?？梢栽趙eb頁面上采用層疊樣式表(CSS)來表示web頁面上的內(nèi)容。利用CSS，web頁面可以在大型屏幕和/或?qū)拵гO(shè)備以及較小屏幕和/或有限連接的設(shè)備上渲染和使用。然而，在設(shè)備上采用CSS會(huì)限制用戶以其它方式在web上瀏覽內(nèi)容的體驗(yàn)，這是因?yàn)镃SS是設(shè)備需要進(jìn)行下載的附加信息。

發(fā)明內(nèi)容
因此，需要一種用于利用外部渲染規(guī)則對(duì)web內(nèi)容進(jìn)行渲染的方法。根據(jù)一個(gè)實(shí)施例，一種方法包括接收與特定渲染規(guī)則相關(guān)聯(lián)的web內(nèi)容。該方法還包括根據(jù)缺省渲染規(guī)則對(duì)web內(nèi)容進(jìn)行渲染。該方法進(jìn)一步包括接收特定渲染規(guī)則。該方法還包括確定web內(nèi)容的視點(diǎn)。該方法進(jìn)一步包括在視點(diǎn)處根據(jù)特定渲染規(guī)則對(duì)web內(nèi)容進(jìn)行重新渲染。根據(jù)另一個(gè)實(shí)施例，一種設(shè)備包括至少一個(gè)處理器以及至少一個(gè)包括計(jì)算機(jī)程序代碼的存儲(chǔ)器，至少一個(gè)存儲(chǔ)器和計(jì)算機(jī)程序代碼被配置為利用至少一個(gè)處理器至少部分地使得設(shè)備接收與特定渲染規(guī)則相關(guān)聯(lián)的web內(nèi)容。還使得該設(shè)備根據(jù)缺省渲染規(guī)則對(duì)web內(nèi)容進(jìn)行渲染。進(jìn)一步使得該設(shè)備接收特定渲染規(guī)則。還使得該設(shè)備確定web內(nèi)容的視點(diǎn)。進(jìn)一步使得該設(shè)備在視點(diǎn)處根據(jù)特定渲染規(guī)則對(duì)web內(nèi)容進(jìn)行重新渲染。根據(jù)另一個(gè)實(shí)施例，一種載有一個(gè)或多個(gè)指令的一個(gè)或多個(gè)序列的計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，當(dāng)被一個(gè)或多個(gè)處理器所執(zhí)行時(shí)，該一個(gè)或多個(gè)指令至少部分地使得一種設(shè)備接收與特定渲染規(guī)則相關(guān)聯(lián)的web內(nèi)容。還使得該設(shè)備根據(jù)缺省渲染規(guī)則對(duì)web內(nèi)容進(jìn)行渲染。進(jìn)一步使得該設(shè)備接收特定渲染規(guī)則。還使得該設(shè)備確定web內(nèi)容的視點(diǎn)。進(jìn)一步使得該設(shè)備在視點(diǎn)處根據(jù)特定渲染規(guī)則對(duì)web內(nèi)容進(jìn)行重新渲染。根據(jù)另一個(gè)實(shí)施例，一種設(shè)備包括用于接收與特定渲染規(guī)則相關(guān)聯(lián)的web內(nèi)容的裝置。該設(shè)備還包括用于根據(jù)缺省渲染規(guī)則對(duì)web內(nèi)容進(jìn)行渲染的裝置。該設(shè)備進(jìn)一步包括用于接收特定渲染規(guī)則的裝置。該設(shè)備還包括用于確定web內(nèi)容的視點(diǎn)的裝置。該設(shè)備進(jìn)一步包括用于在視點(diǎn)處根據(jù)特定渲染規(guī)則對(duì)web內(nèi)容進(jìn)行重新渲染的裝置。通過對(duì)包括預(yù)期實(shí)施本發(fā)明的最佳方式在內(nèi)的多個(gè)特定實(shí)施例和實(shí)施方式進(jìn)行簡(jiǎn)單說明，本發(fā)明的其它方面、特征和優(yōu)勢(shì)將由于以下詳細(xì)描述而是清楚明了的。本發(fā)明支持其它和不同的實(shí)施例，并且其若干細(xì)節(jié)能夠在各個(gè)顯然的方面進(jìn)行修改，所有這些都并不背離本發(fā)明的精神和范圍。因此，附圖和文字描述其本質(zhì)要被示為是說明性而非限制性的。


在附圖的示圖中通過示例而不是限制圖示出
具體實(shí)施例方式圖I是根據(jù)一個(gè)實(shí)施例的、能夠采用外部渲染規(guī)則的系統(tǒng)的示圖；圖2是根據(jù)一個(gè)實(shí)施例的瀏覽器應(yīng)用的組件的示圖；圖3是根據(jù)一個(gè)實(shí)施例的、用于根據(jù)渲染規(guī)則向用戶呈現(xiàn)web內(nèi)容的處理的流程圖；圖4A-圖4F是根據(jù)各個(gè)實(shí)施例的、在圖3的處理器所采用的用戶接口的示圖；圖5是能夠被用來實(shí)施本發(fā)明實(shí)施例的硬件的示圖； 圖6是能夠被用來實(shí)施本發(fā)明實(shí)施例的芯片組的示圖；以及圖7是能夠被用來實(shí)施本發(fā)明實(shí)施例的移動(dòng)站點(diǎn)(例如，手機(jī))的示圖。
具體實(shí)施例方式公開了一種用于利用外部渲染規(guī)則呈現(xiàn)web頁面的方法、設(shè)備和計(jì)算機(jī)程序。在以下描述中，出于解釋的目的，給出了多個(gè)特定細(xì)節(jié)以便提供對(duì)于本發(fā)明實(shí)施例進(jìn)行全面理解。然而，對(duì)于本領(lǐng)域技術(shù)人員顯而易見的是，本發(fā)明可以在沒有這些特定細(xì)節(jié)的情況下進(jìn)行實(shí)踐或者利用等同配置進(jìn)行實(shí)踐。在其它實(shí)例中，以框圖的形式示出了公知的結(jié)構(gòu)和設(shè)備以免對(duì)本發(fā)明的實(shí)施例造成不必要的混淆。圖I是根據(jù)一個(gè)實(shí)施例的、能夠采用外部渲染規(guī)則來呈現(xiàn)web內(nèi)容的系統(tǒng)的示圖。web內(nèi)容渲染規(guī)則(例如，層疊樣式表(CSS))的使用越來越多地被網(wǎng)站用來向用戶呈現(xiàn)web內(nèi)容。如這里所使用的，術(shù)語“web內(nèi)容”是可從互聯(lián)網(wǎng)所獲取的任意信息。作為示例，web內(nèi)容可以包括文本、鏈接、圖像、視頻、音頻、其它媒體以及可以存儲(chǔ)在web頁面和/或網(wǎng)站上的其它信息。web頁面可以在與web頁面相關(guān)聯(lián)的語言(諸如超文本標(biāo)記語言(HTML)的標(biāo)記語言)內(nèi)嵌入CSS渲染規(guī)則。另外，web頁面可以鏈接到包括用于呈現(xiàn)web內(nèi)容的渲染規(guī)則的文件(例如，CSS文件)。由于web內(nèi)容與渲染規(guī)則分隔開來，所以web內(nèi)容和web內(nèi)容的表示形式之間的依賴性較小。這樣，相同的web內(nèi)容可以被渲染為使用許多不同渲染規(guī)則的表示形式。兩種使用CSS文件在設(shè)備渲染web內(nèi)容的方法包括在web內(nèi)容和CSS文件都被下載時(shí)對(duì)web內(nèi)容進(jìn)行渲染，以及使用缺省渲染規(guī)則對(duì)web內(nèi)容進(jìn)行渲染，然后在下載了 CSS文件之后根據(jù)CSS文件對(duì)web內(nèi)容進(jìn)行重新渲染。利用第一種方法，CSS文件需要在對(duì)設(shè)備用戶形成任何呈現(xiàn)之前就被下載。根據(jù)第二種方法，web內(nèi)容首先使用缺省渲染規(guī)則進(jìn)行渲染并被呈現(xiàn)給設(shè)備用戶。因此，用戶可以在下載CSS文件的同時(shí)開始觀看web內(nèi)容。隨后，當(dāng)web內(nèi)容被設(shè)備重新渲染時(shí)，呈現(xiàn)被重置并且設(shè)備用戶因此會(huì)丟失其正在觀看的視圖。這種視圖丟失為用戶帶來了很差的用戶體驗(yàn)，原因在于用戶必須再次導(dǎo)航到文本內(nèi)容以返回其希望觀看的信息。這會(huì)使得用戶對(duì)設(shè)備和/或服務(wù)提供商的感覺很差，而那將會(huì)導(dǎo)致用戶更換設(shè)備和/或服務(wù)。為了解決這一問題，圖I的系統(tǒng)100引入了在重新渲染web內(nèi)容的同時(shí)說明用戶在重新渲染處理之前被呈現(xiàn)的web內(nèi)容內(nèi)的位置或視圖的能力。根據(jù)該方法，用戶可以利用用戶設(shè)備(UE) IOla-IOln經(jīng)由通信網(wǎng)絡(luò)105從內(nèi)容平臺(tái)103接收web內(nèi)容(例如，web頁面)。在某些實(shí)施例中，UE (例如，UE IOla)可以經(jīng)由無線連接而連接到通信網(wǎng)絡(luò)105，或者UE(例如，UE IOln)可以經(jīng)由有線連接進(jìn)行連接。UE 101可以包括瀏覽器應(yīng)用107以從內(nèi)容平臺(tái)103獲取并渲染web內(nèi)容。在瀏覽器應(yīng)用107從內(nèi)容平臺(tái)103下載web內(nèi)容時(shí)，UE101可使用渲染模塊109呈現(xiàn)web內(nèi)容。渲染模塊109可以使用缺省渲染規(guī)則或者使用與web內(nèi)容相關(guān)聯(lián)的特定渲染規(guī)則對(duì)web內(nèi)容進(jìn)行渲染。如之前所提到的，特定渲染規(guī)則可以包括在可通過web內(nèi)容與之鏈接的文件(例如，CSS文件)中。在等待文件被下載的同時(shí)，渲染模塊109可以根據(jù)缺省渲染規(guī)則對(duì)web內(nèi)容進(jìn)行渲染，并且UE 101可以在圖形用戶接口(⑶I)上呈現(xiàn)經(jīng)渲染的web內(nèi)容。視點(diǎn)模塊111可以被用來確定⑶I的視點(diǎn)。在某些實(shí)施例中，術(shù)語視點(diǎn)是指用戶正觀看的web內(nèi)容的聚焦點(diǎn)或區(qū)域。視點(diǎn)模塊111可以基于一個(gè)或多個(gè)規(guī)則和/或用戶所進(jìn)行的選擇來確定視點(diǎn)。例如，規(guī)則可以指定⑶I上的一個(gè)點(diǎn)被用來確定用戶正在觀看web內(nèi)容的哪個(gè)分區(qū)。根據(jù)某些實(shí)施例，“web內(nèi)容的分區(qū)”可以是web內(nèi)容顯示在⑶I上的部分。分區(qū)可以由用來對(duì)web內(nèi)容的部分進(jìn)行分隔的代碼所定義(例如，通過使用HTML的div元素)。這些分區(qū)可以由渲染模塊109使用渲染規(guī)則進(jìn)行渲染以在GUI上呈現(xiàn)web內(nèi)容的該分區(qū)和/或其它分區(qū)。另外，web內(nèi)容的分區(qū)可以被按等級(jí)分組，以使得分區(qū)可以包括分區(qū)內(nèi)的額外分區(qū)。作為瀏 覽器應(yīng)用107的一部分，視點(diǎn)模塊111可以獲得與web內(nèi)容的哪些分區(qū)在給定時(shí)間被呈現(xiàn)在GUI上以及分區(qū)的哪些部分被呈現(xiàn)和那些部分的位置相關(guān)的信息。在一種情形中，用于確定用戶正在觀看web內(nèi)容的哪個(gè)分區(qū)的一個(gè)或多個(gè)規(guī)則可以基于⑶I的位置。例如，⑶I的左上角和中心在統(tǒng)計(jì)上可能是⑶I上用戶正在觀看的位置所在。因此，一個(gè)規(guī)則可以是確定用戶正在觀看⑶I的中心或者⑶I的左上部。在其它情形中，規(guī)則可以基于分區(qū)覆蓋了多少⑶I。例如，視點(diǎn)模塊111可以確定或斷定每個(gè)分區(qū)顯示在⑶I上的覆蓋面積。該規(guī)則可以確定用戶正在觀看具有⑶I上所顯示的最大覆蓋面積的分區(qū)。在其它情形中，可以利用規(guī)則來基于用戶輸入確定正在觀看什么位置。例如，用戶可以使用鼠標(biāo)光標(biāo)、觸摸屏等來選擇(例如，經(jīng)由在位置上盤旋、在位置上點(diǎn)擊等)分區(qū)。此外，用戶無需知道其正在選擇視點(diǎn)。在其它實(shí)施例中，用戶可以明確選擇視點(diǎn)。如圖4B中進(jìn)一步詳細(xì)圖示的，在分區(qū)上方可以傳輸數(shù)字或其它捷徑信息。數(shù)字和/或捷徑信息可以與關(guān)聯(lián)于UE 101的小鍵盤或鍵盤上的按鍵相關(guān)聯(lián)。用戶可以通過按壓小鍵盤上相對(duì)應(yīng)的按鍵來選擇視點(diǎn)。另外，在另一個(gè)示例中，可以利用眼部運(yùn)動(dòng)識(shí)別來選擇分區(qū)。在該示例中，UE 101可以包括指向用戶的圖像捕捉設(shè)備(例如，相機(jī))(例如，圖像捕捉設(shè)備被安裝在UE 101上與該UE 101的屏幕相同的部分上)。瀏覽器應(yīng)用107使用常規(guī)的眼部運(yùn)動(dòng)技術(shù)來檢測(cè)一個(gè)或多個(gè)用戶眼睛以聚焦于其上。一旦檢測(cè)到，則瀏覽器應(yīng)用107就使用相機(jī)與屏幕的關(guān)系對(duì)一個(gè)或多個(gè)眼睛聚焦于其上的地方進(jìn)行三角測(cè)量，以確定用戶正在觀看哪里并且因此確定用戶正在觀看的分區(qū)。視點(diǎn)模塊111可以在下載特定渲染規(guī)則時(shí)或者基于其它標(biāo)準(zhǔn)(例如，基于瀏覽器應(yīng)用準(zhǔn)備何時(shí)使用特定渲染規(guī)則)來選擇用戶正在觀看的分區(qū)。接著，渲染模塊109使用特定渲染規(guī)則對(duì)處于所選擇分區(qū)的內(nèi)容進(jìn)行渲染。該分區(qū)可以是在重新渲染之后要經(jīng)由GUI呈現(xiàn)的web內(nèi)容的焦點(diǎn)。因此，web內(nèi)容的所選擇分區(qū)可以被呈現(xiàn)在⑶I的某個(gè)位置，由此向用戶提供了在無需對(duì)GUI進(jìn)行導(dǎo)航以返回其在使用特定渲染規(guī)則對(duì)內(nèi)容進(jìn)行重新渲染之前所觀看的分區(qū)的情況下觀看所選擇分區(qū)的能力。通過在重新渲染之后向用戶自動(dòng)返回內(nèi)容焦點(diǎn)，視點(diǎn)模塊111有利地減少了用戶向?yàn)g覽器應(yīng)用107進(jìn)行輸入以找到感興趣內(nèi)容的步驟、點(diǎn)擊或命令的數(shù)量。作為示例，系統(tǒng)100的通信網(wǎng)絡(luò)105包括一個(gè)或多個(gè)網(wǎng)絡(luò)，諸如數(shù)據(jù)網(wǎng)絡(luò)(未示出)、無線網(wǎng)絡(luò)(未示出)、電話網(wǎng)絡(luò)(未示出)或者其任意組合。預(yù)見到數(shù)據(jù)網(wǎng)絡(luò)可以為任意的局域網(wǎng)(LAN)、城域網(wǎng)(MAN)、廣域網(wǎng)(WAN)、公共數(shù)據(jù)網(wǎng)絡(luò)(例如，互聯(lián)網(wǎng))或者任意其它適當(dāng)?shù)姆纸M交換網(wǎng)絡(luò)，諸如商業(yè)所有的、專用的分組交換網(wǎng)絡(luò)，例如專用的線纜或光纖網(wǎng)絡(luò)。此外，無線網(wǎng)絡(luò)例如可以是蜂窩網(wǎng)絡(luò)并且可以采用各種技術(shù)，包括增強(qiáng)型數(shù)據(jù)速率全球演進(jìn)(EDGE)、通用分組無線業(yè)務(wù)(GPRS)、全球移動(dòng)通信系統(tǒng)(GSM)、互聯(lián)網(wǎng)協(xié)議多媒體子系統(tǒng)(MS)、通用移動(dòng)電信系統(tǒng)(UMTS)等，以及任意其它適當(dāng)?shù)臒o線介質(zhì)，例如微波接A (WiMAX)、長(zhǎng)期演進(jìn)(LTE)網(wǎng)絡(luò)、碼分多址(CDMA)、寬帶碼分多址(WCDMA)、無線高保真(WiFi)、衛(wèi)星、移動(dòng) ad-hoc 網(wǎng)絡(luò)(MANET)等。UE 101是任意類型的移動(dòng)終端、固定終端或便攜式終端，包括移動(dòng)手機(jī)、站點(diǎn)、單元、設(shè)備、多媒體計(jì)算機(jī)、多媒體平板、互聯(lián)網(wǎng)節(jié)點(diǎn)、通信器、臺(tái)式計(jì)算機(jī)、膝上計(jì)算機(jī)、個(gè)人數(shù)字助理(PDA)或者其任意組合。還預(yù)見到UE 101可支持針對(duì)用戶的任意類型的接口(諸 如“可佩帶”電路等)。作為示例，UE 101和內(nèi)容平臺(tái)103使用已知的、新的或還在研發(fā)中的協(xié)議彼此進(jìn)行通信并且與通信網(wǎng)絡(luò)105的其它組件進(jìn)行通信。在上下文中，協(xié)議包括定義通信網(wǎng)絡(luò)105內(nèi)的網(wǎng)絡(luò)節(jié)點(diǎn)如何基于在通信鏈路上發(fā)送的信息彼此進(jìn)行交互的規(guī)則集合。協(xié)議在每個(gè)節(jié)點(diǎn)的不同操作層次有效，從生成和接收各種類型的物理信號(hào)，到選擇用于傳輸那些信號(hào)的鏈路，到那些信號(hào)所指示的信息格式，到識(shí)別計(jì)算機(jī)系統(tǒng)上執(zhí)行的哪些軟件應(yīng)用發(fā)送或接收信息。用于在網(wǎng)絡(luò)上交換信息的概念上不同的協(xié)議層次在開放式系統(tǒng)互連(OSI)參考模型中有所描述。網(wǎng)絡(luò)節(jié)點(diǎn)之間的通信通常受到進(jìn)行交互的離散數(shù)據(jù)分組的影響。每個(gè)分組典型地包括(I)與特定協(xié)議相關(guān)聯(lián)的報(bào)頭信息，以及(2)跟在報(bào)頭信息之后并且包含可以獨(dú)立于該特定協(xié)議進(jìn)行處理的信息的有效載荷信息。在一些協(xié)議中，分組包括(3)跟在有效載荷之后并且指示有效載荷信息結(jié)束的報(bào)尾信息。報(bào)頭包括諸如分組來源、其目的地、有效載荷長(zhǎng)度以及協(xié)議所使用的其它屬性的信息。通常，特定協(xié)議的有效載荷中的數(shù)據(jù)包括針對(duì)與OSI參考模型的不同的較高層相關(guān)聯(lián)的不同協(xié)議的報(bào)頭和有效載荷。特定協(xié)議的報(bào)頭典型地指示其有效載荷中所包含的下一個(gè)協(xié)議的類型。較高層的協(xié)議被認(rèn)為封裝在較低層的協(xié)議之中。包括在穿過多個(gè)異構(gòu)網(wǎng)絡(luò)(諸如互聯(lián)網(wǎng))的分組中的報(bào)頭典型地包括如OSI參考模型所定義的物理(第I層)報(bào)頭、數(shù)據(jù)鏈路(第2層)報(bào)頭、互連網(wǎng)絡(luò)(第3層層)報(bào)頭和傳輸(第4層)報(bào)頭，以及各種應(yīng)用報(bào)頭(第5層、第6層和第7層)。圖2是根據(jù)一個(gè)實(shí)施例的瀏覽器應(yīng)用的組件的示圖。作為示例，瀏覽器應(yīng)用107包括一個(gè)或多個(gè)用于利用外部渲染規(guī)則來呈現(xiàn)web內(nèi)容的組件。預(yù)見到的這些組件的功能可以組合在一個(gè)或多個(gè)組件中或者由等同功能的其它組件來執(zhí)行。在該實(shí)施例中，瀏覽器應(yīng)用107包括用于從內(nèi)容平臺(tái)103獲取web內(nèi)容的內(nèi)容接口 201，用于處理web內(nèi)容以便呈現(xiàn)的渲染模塊109，用于呈現(xiàn)web內(nèi)容的用戶接口 203，用于確定瀏覽器應(yīng)用107的用戶正在觀看web內(nèi)容的什么部分的視點(diǎn)模塊111，用于執(zhí)行瀏覽器107的處理的控制邏輯205，以及用于存儲(chǔ)數(shù)據(jù)的高速緩存207。內(nèi)容接口 201可以被用來與內(nèi)容平臺(tái)103進(jìn)行通信。某些通信可以經(jīng)由諸如互聯(lián)網(wǎng)協(xié)議、消息收發(fā)之類的方法或者其它通信方法(例如，經(jīng)由通信網(wǎng)絡(luò)105)來進(jìn)行。在一些示例中，內(nèi)容接口 201被用來向內(nèi)容平臺(tái)103上傳信息或者從那里下載信息。這樣，內(nèi)容接口 201可以被用來從一個(gè)或多個(gè)內(nèi)容平臺(tái)103下載web內(nèi)容和渲染規(guī)則。因此，內(nèi)容接口 201提供了用于接收web內(nèi)容和渲染規(guī)則的裝置。在某些情形中，內(nèi)容平臺(tái)103連同鏈接一起提供web內(nèi)容,該鏈接指向提供用于顯示web內(nèi)容的渲染規(guī)則的另一個(gè)內(nèi)容平臺(tái)103。一旦下載了 web內(nèi)容，其就被渲染模塊109所渲染并且呈現(xiàn)在用戶接口 203上。用戶接口 203可以包括各種通信方法。例如，用戶接口 203可以具有包括視覺組件(例如，屏幕)、音頻組件、物理組件(例如，震動(dòng))以及其它通信方法在內(nèi)的輸出。用戶輸入可以包括觸摸屏接口、滾動(dòng)和點(diǎn)擊接口、按鈕接口、麥克風(fēng)等。因此，用戶接口 203可以被用來顯示⑶I。⑶I可以被用來呈現(xiàn)web內(nèi)容。因此，用戶接口 203提供了用于呈現(xiàn)⑶I的裝置。根據(jù)各個(gè)實(shí)施例的示例性用戶接口在圖4A-圖4F中給出。在一種情形之下，經(jīng)由來自用戶接口 203的輸入而使得瀏覽器應(yīng)用107經(jīng)由內(nèi)容 接口 201從內(nèi)容平臺(tái)103接收web內(nèi)容。瀏覽器應(yīng)用107開始獲取web內(nèi)容，使用與渲染模塊109相關(guān)聯(lián)的缺省渲染規(guī)則對(duì)web內(nèi)容進(jìn)行渲染，并且經(jīng)由用戶接口 203的GUI顯示web內(nèi)容。此外，如之前所提到的，瀏覽器應(yīng)用107下載包含與web內(nèi)容相關(guān)聯(lián)的(多個(gè))特定渲染規(guī)則的文件。該文件可以存儲(chǔ)在高速緩存207中以使得瀏覽器應(yīng)用107在下一次利用(多個(gè))特定渲染規(guī)則時(shí)無需下載。在特定渲染規(guī)則被下載時(shí)，視點(diǎn)模塊111在用戶觀看基于缺省渲染規(guī)則的web內(nèi)容的同時(shí)確定用戶的視點(diǎn)。當(dāng)獲取了特定渲染規(guī)則時(shí)，渲染模塊109在視點(diǎn)處使用特定渲染規(guī)則對(duì)web內(nèi)容進(jìn)行重新渲染。換句話說，渲染模塊109將web內(nèi)容的顯示從缺省渲染規(guī)則刷新至特定渲染規(guī)則。因此，渲染模塊提供了用于根據(jù)一個(gè)或多個(gè)渲染規(guī)則對(duì)web內(nèi)容進(jìn)行渲染的裝置。在許多情況下，特定渲染規(guī)則對(duì)web內(nèi)容應(yīng)用于缺省渲染規(guī)則所應(yīng)用的有所不同的樣式或格式，這導(dǎo)致web內(nèi)容出現(xiàn)在關(guān)于瀏覽器應(yīng)用107的接口的不同位置。在一個(gè)實(shí)施例中，渲染模塊109對(duì)在視點(diǎn)模塊111所確定的用戶視點(diǎn)位置開始的web內(nèi)容進(jìn)行重新渲染。在另一個(gè)實(shí)施例中，渲染模塊109首先對(duì)所有web內(nèi)容進(jìn)行重新渲染并且接著將焦點(diǎn)區(qū)域轉(zhuǎn)換到之前所確定的視點(diǎn)。利用該方法，用戶能夠觀看基于渲染規(guī)則的web內(nèi)容并且在web內(nèi)容基于特定渲染規(guī)則重新渲染時(shí)并不丟失用戶已經(jīng)導(dǎo)航的位置或地方。圖3是根據(jù)一個(gè)實(shí)施例的用于根據(jù)渲染規(guī)則向用戶呈現(xiàn)web內(nèi)容的處理的流程圖。在一個(gè)實(shí)施例中，控制邏輯205執(zhí)行處理300并且被實(shí)現(xiàn)在例如包括如圖6所示的處理器和存儲(chǔ)器的芯片組中。與控制邏輯205相關(guān)聯(lián)的瀏覽器應(yīng)用107經(jīng)由用戶接口 203接收輸入以便呈現(xiàn)web內(nèi)容?？刂七壿?05使得內(nèi)容接口 201請(qǐng)求并下載web內(nèi)容以便經(jīng)由⑶I進(jìn)行呈現(xiàn)。在步驟301，控制邏輯205接收與特定渲染規(guī)則相關(guān)聯(lián)的web內(nèi)容。如以上所提到的，該web內(nèi)容或其它web內(nèi)容可以鏈接到包括特定渲染規(guī)則的文件。在某些示例中，特定渲染規(guī)則可以被包括為與包括HTML代碼的web內(nèi)容相關(guān)聯(lián)的CSS文件的一部分。這樣，特定渲染規(guī)則可以包括CSS代碼。另外，HTML代碼可以包括web內(nèi)容(例如，使用div元素、擴(kuò)展(span)元素等進(jìn)行劃分)的分區(qū)。表I包括用來描述web內(nèi)容的分區(qū)的示例性代碼。表I
權(quán)利要求
1.一種方法，包括 接收與特定渲染規(guī)則相關(guān)聯(lián)的Web內(nèi)容； 根據(jù)缺省渲染規(guī)則對(duì)所述web內(nèi)容進(jìn)行渲染； 接收所述特定渲染規(guī)則； 確定所述web內(nèi)容的視點(diǎn)；和 在所述視點(diǎn)處，根據(jù)所述特定渲染規(guī)則對(duì)所述web內(nèi)容進(jìn)行重新渲染。
2.根據(jù)權(quán)利要求I的方法，進(jìn)一步包括 至少部分地使得所述web內(nèi)容經(jīng)由圖形用戶接口進(jìn)行呈現(xiàn)；并且 獲取指定所述圖形用戶接口內(nèi)的位置的視點(diǎn)選擇標(biāo)準(zhǔn)， 其中基于所述位置來確定所述視點(diǎn)。
3.根據(jù)權(quán)利要求2的方法，其中所述位置包括所述圖形用戶接口的左上方分區(qū)或者所述圖形用戶接口的中心分區(qū)。
4.根據(jù)權(quán)利要求1-3中任一項(xiàng)的方法，其中所述視點(diǎn)與所述web內(nèi)容的分區(qū)相關(guān)聯(lián)，所述方法進(jìn)一步包括 接收指定所述分區(qū)的輸入，其中所述視點(diǎn)的確定基于所述輸入。
5.根據(jù)權(quán)利要求1-4中任一項(xiàng)的方法，其中所述web內(nèi)容包括一個(gè)或多個(gè)web內(nèi)容分區(qū)，所述方法進(jìn)一步包括 至少部分地使得所述web內(nèi)容經(jīng)由圖形用戶接口進(jìn)行呈現(xiàn)；并且 確定針對(duì)每個(gè)文本內(nèi)容分區(qū)的呈現(xiàn)區(qū)域， 其中所述視點(diǎn)的確定是基于所述呈現(xiàn)區(qū)域。
6.根據(jù)權(quán)利要求5的方法，進(jìn)一步包括 基于與所述web內(nèi)容相關(guān)聯(lián)的div元素來確定所述web內(nèi)容分區(qū)。
7.根據(jù)權(quán)利要求1-6中任一項(xiàng)的方法,其中所述特定渲染規(guī)則是基于層疊樣式表。
8.根據(jù)權(quán)利要求1-8中任一項(xiàng)的方法，進(jìn)一步包括 至少部分地使得所述web內(nèi)容經(jīng)由圖形用戶接口進(jìn)行呈現(xiàn)；并且基于所述特定渲染規(guī)則的接收，自動(dòng)聚焦于經(jīng)由所述圖形用戶接口重新渲染的web內(nèi)容的視點(diǎn)。
9.一種設(shè)備,包括 至少一個(gè)處理器；和 至少一個(gè)包括計(jì)算機(jī)程序代碼的存儲(chǔ)器， 所述至少一個(gè)存儲(chǔ)器和計(jì)算機(jī)程序代碼被配置為利用所述至少一個(gè)處理器至少部分地使得所述設(shè)備執(zhí)行以下步驟， 接收與特定渲染規(guī)則相關(guān)聯(lián)的web內(nèi)容； 根據(jù)缺省渲染規(guī)則對(duì)所述web內(nèi)容進(jìn)行渲染； 接收所述特定渲染規(guī)則； 確定所述web內(nèi)容的視點(diǎn)；以及 在所述視點(diǎn)處，根據(jù)所述特定渲染規(guī)則對(duì)所述web內(nèi)容進(jìn)行重新渲染。
10.根據(jù)權(quán)利要求9的設(shè)備，其中所述設(shè)備被進(jìn)一步使得至少部分地 至少部分地使得所述web內(nèi)容經(jīng)由圖形用戶接口進(jìn)行呈現(xiàn)；并且獲取指定所述圖形用戶接口內(nèi)的位置的視點(diǎn)選擇標(biāo)準(zhǔn)， 其中基于所述位置來確定所述視點(diǎn)。
11.根據(jù)權(quán)利要求10的設(shè)備，其中所述位置包括所述圖形用戶接口的左上方分區(qū)或者所述圖形用戶接口的中心分區(qū)。
12.根據(jù)權(quán)利要求9-11中任一項(xiàng)的設(shè)備，其中所述視點(diǎn)與所述web內(nèi)容的分區(qū)相關(guān)聯(lián)，并且進(jìn)一步使得所述設(shè)備至少部分地 接收指定所述分區(qū)的輸入，其中所述視點(diǎn)的確定是基于所述輸入。
13.根據(jù)權(quán)利要求9-11中任一項(xiàng)的設(shè)備，其中所述web內(nèi)容包括一個(gè)或多個(gè)web內(nèi)容分區(qū)，其中進(jìn)一步使得所述設(shè)備至少部分地 至少部分地使得所述web內(nèi)容經(jīng)由圖形用戶接口進(jìn)行呈現(xiàn)；并且 確定針對(duì)每個(gè)文本內(nèi)容分區(qū)的呈現(xiàn)區(qū)域， 其中所述視點(diǎn)的確定是基于所述呈現(xiàn)區(qū)域。
14.根據(jù)權(quán)利要求13的設(shè)備，其中進(jìn)一步使得所述設(shè)備至少部分地 基于與所述web內(nèi)容相關(guān)聯(lián)的div元素來確定所述web內(nèi)容分區(qū)。
15.根據(jù)權(quán)利要求9-14中任一項(xiàng)的設(shè)備,其中所述特定渲染規(guī)則是基于層疊樣式表。
16.根據(jù)權(quán)利要求9-15中任一項(xiàng)的設(shè)備，其中進(jìn)一步使得所述設(shè)備至少部分地 至少部分地使得所述web內(nèi)容經(jīng)由圖形用戶接口進(jìn)行呈現(xiàn)；并且 基于所述特定渲染規(guī)則的接收，自動(dòng)聚焦于經(jīng)由所述圖形用戶接口重新渲染的web內(nèi)容的視點(diǎn)。
17.根據(jù)權(quán)利要求9-16中任一項(xiàng)的設(shè)備，其中所述設(shè)備是移動(dòng)電話，進(jìn)一步包括 用戶接口電路和用戶接口軟件，其被配置為通過使用顯示器來促成所述移動(dòng)電話的至少一些功能的用戶控制，并且被配置為對(duì)用戶輸入進(jìn)行響應(yīng)；和 顯示器和顯示電路，其被配置為顯示所述移動(dòng)電話的用戶接口的至少一部分，所述顯示器和顯示電路被配置為促成所述移動(dòng)電話的至少一些功能的用戶控制。
18.一種載有一個(gè)或多個(gè)指令的一個(gè)或多個(gè)序列的計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，當(dāng)被一個(gè)或多個(gè)處理器所執(zhí)行時(shí)，所述一個(gè)或多個(gè)指令使得一種設(shè)備至少執(zhí)行以下步驟 接收與特定渲染規(guī)則相關(guān)聯(lián)的web內(nèi)容； 根據(jù)缺省渲染規(guī)則對(duì)所述web內(nèi)容進(jìn)行渲染； 接收所述特定渲染規(guī)則； 確定所述web內(nèi)容的視點(diǎn)； 在所述視點(diǎn)處，根據(jù)所述特定渲染規(guī)則對(duì)所述web內(nèi)容進(jìn)行重新渲染。
19.根據(jù)權(quán)利要求18的計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其中使得所述設(shè)備至少部分地進(jìn)一步執(zhí)行 至少部分地使得所述web內(nèi)容經(jīng)由圖形用戶接口進(jìn)行呈現(xiàn)；并且 獲取指定所述圖形用戶接口內(nèi)的位置的視點(diǎn)選擇標(biāo)準(zhǔn)， 其中基于所述位置來確定所述視點(diǎn)。
20.根據(jù)權(quán)利要求19的計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其中所述位置包括所述圖形用戶接口的左上方分區(qū)或者所述圖形用戶接口的中心分區(qū)。
21.根據(jù)權(quán)利要求18-20中任一項(xiàng)的計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其中所述視點(diǎn)與所述web內(nèi)容的分區(qū)相關(guān)聯(lián)，并且使得所述設(shè)備至少部分地進(jìn)一步執(zhí)行 接收指定所述分區(qū)的輸入，其中所述視點(diǎn)的確定是基于所述輸入。
22.根據(jù)權(quán)利要求18-21中任一項(xiàng)的計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其中所述web內(nèi)容包括一個(gè)或多個(gè)web內(nèi)容分區(qū)，其中使得所述設(shè)備至少部分地進(jìn)一步執(zhí)行 至少部分地使得所述web內(nèi)容經(jīng)由圖形用戶接口進(jìn)行呈現(xiàn)；并且 確定每個(gè)文本內(nèi)容分區(qū)的呈現(xiàn)區(qū)域， 其中所述視點(diǎn)的確定是基于所述呈現(xiàn)區(qū)域。
23.根據(jù)權(quán)利要求22的計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，進(jìn)一步包括 基于與所述web內(nèi)容相關(guān)聯(lián)的div元素來確定所述web內(nèi)容分區(qū)。
24.根據(jù)權(quán)利要求18-23中任一項(xiàng)的計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其中所述特定渲染規(guī)則是基于層疊樣式表。
25.根據(jù)權(quán)利要求18-24中任一項(xiàng)的計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其中使得所述設(shè)備進(jìn)一步至少部分地執(zhí)行 至少部分地使得所述web內(nèi)容經(jīng)由圖形用戶接口進(jìn)行呈現(xiàn)；并且基于所述特定渲染規(guī)則的接收，自動(dòng)聚焦于經(jīng)由所述圖形用戶接口重新渲染的web內(nèi)容的視點(diǎn)。
26.—種設(shè)備,包括 用于接收與特定渲染規(guī)則相關(guān)聯(lián)的web內(nèi)容的裝置； 用于根據(jù)缺省渲染規(guī)則對(duì)所述web內(nèi)容進(jìn)行渲染的裝置； 用于接收所述特定渲染規(guī)則的裝置； 用于確定所述web內(nèi)容的視點(diǎn)的裝置；和 用于在所述視點(diǎn)處，根據(jù)所述特定渲染規(guī)則對(duì)所述web內(nèi)容進(jìn)行重新渲染的裝置。
27.根據(jù)權(quán)利要求26的設(shè)備，進(jìn)一步包括 用于至少部分地使得所述web內(nèi)容經(jīng)由圖形用戶接口進(jìn)行呈現(xiàn)的裝置；和 用于獲取指定所述圖形用戶接口內(nèi)的位置的視點(diǎn)選擇標(biāo)準(zhǔn)的裝置， 其中基于所述位置來確定所述視點(diǎn)。
28.根據(jù)權(quán)利要求27的設(shè)備，其中所述位置包括所述圖形用戶接口的左上方分區(qū)或者所述圖形用戶接口的中心分區(qū)。
29.根據(jù)權(quán)利要求26-28中任一項(xiàng)的設(shè)備，其中所述視點(diǎn)與所述web內(nèi)容的分區(qū)相關(guān)聯(lián)，所述設(shè)備進(jìn)一步包括 用于接收指定所述分區(qū)的輸入的裝置，其中所述視點(diǎn)的確定是基于所述輸入。
30.根據(jù)權(quán)利要求26-29中任一項(xiàng)的設(shè)備，其中所述web內(nèi)容包括一個(gè)或多個(gè)web內(nèi)容分區(qū)，所述設(shè)備進(jìn)一步包括 用于至少部分地使得所述web內(nèi)容經(jīng)由圖形用戶接口進(jìn)行呈現(xiàn)的裝置；和 用于確定針對(duì)每個(gè)文本內(nèi)容分區(qū)的呈現(xiàn)區(qū)域的裝置， 其中所述視點(diǎn)的確定是基于所述呈現(xiàn)區(qū)域。
31.根據(jù)權(quán)利要求30的設(shè)備，其中所述設(shè)備進(jìn)一步包括 用于基于與所述web內(nèi)容相關(guān)聯(lián)的div元素來確定所述web內(nèi)容分區(qū)的裝置。
32.根據(jù)權(quán)利要求26-31中任一項(xiàng)的設(shè)備,其中所述特定渲染規(guī)則是基于層疊樣式表。
33.根據(jù)權(quán)利要求26-32中任一項(xiàng)的設(shè)備，其中所述設(shè)備進(jìn)一步包括 用于至少部分地使得所述web內(nèi)容經(jīng)由圖形用戶接口進(jìn)行呈現(xiàn)的裝置；和用于基于所述特定渲染規(guī)則的接收，自動(dòng)聚焦于經(jīng)由所述圖形用戶接口重新渲染的web內(nèi)容的視點(diǎn)的裝置。
全文摘要
本發(fā)明提供了一種用于利用外部渲染規(guī)則對(duì)web內(nèi)容進(jìn)行渲染的方法。接收與特定渲染規(guī)則相關(guān)聯(lián)的web內(nèi)容。根據(jù)缺省渲染規(guī)則對(duì)web內(nèi)容進(jìn)行渲染。接收特定渲染規(guī)則。確定web內(nèi)容的視點(diǎn)。在視點(diǎn)處根據(jù)特定渲染規(guī)則對(duì)web內(nèi)容進(jìn)行重新渲染。
文檔編號(hào)G09G5/00GK102770858SQ200980162938
公開日2012年11月7日 申請(qǐng)日期2009年12月18日 優(yōu)先權(quán)日2009年12月18日
發(fā)明者J·P·薩洛馬, 于魁飛, 任彪, 楊寧 申請(qǐng)人:諾基亞公司