收集關(guān)于web頁面的用戶反饋的制作方法
【專利摘要】用戶可以期望提供關(guān)于在客戶端處顯示的web頁面的反饋。為了收集反饋，提供反饋模塊并且在所述客戶端處執(zhí)行該反饋模塊以便提供反饋功能。所述反饋模塊創(chuàng)建屏蔽以便防止與原始web頁面的交互，克隆原始web頁面，并且顯示代替被屏蔽的web頁面的克隆版本。此外，所述反饋模塊創(chuàng)建注釋框架以便接收所述web頁面的克隆版本的動畫。通過所述模塊生成包括表示所述web頁面的克隆版本的反饋圖像和接收的注釋的反饋報告，用于提交到服務(wù)器。
【專利說明】收集關(guān)于web頁面的用戶反饋
【技術(shù)領(lǐng)域】
[0001]本發(fā)明通常涉及反饋收集的領(lǐng)域，并且更加具體到涉及在計算設(shè)備上瀏覽web頁面時收集問題的報告。
【背景技術(shù)】
[0002]用戶使用寬范圍的計算設(shè)備通過互聯(lián)網(wǎng)訪問由網(wǎng)站提供的web頁面和其他類型的內(nèi)容。并不是所有計算設(shè)備都使用相同的計算環(huán)境或應(yīng)用來訪問web內(nèi)容。例如，計算設(shè)備可以是移動電話、計算機或者平板設(shè)備，并且每一個計算設(shè)備能夠使用不同的web瀏覽器以便顯示web內(nèi)容。
[0003]有時，web內(nèi)容包含內(nèi)容提供方不知曉到的錯誤。例如，web內(nèi)容中的代碼會使頁面在一些web瀏覽器上正確地呈現(xiàn)而在其他web瀏覽器上不正確地呈現(xiàn)。此外，web內(nèi)容會具有簡單的錯誤，例如內(nèi)容提供方在提供該內(nèi)容時忽略的排印錯誤。這些錯誤是不期望的并且會對消費該web內(nèi)容的用戶的體驗具有負面影響。
[0004]內(nèi)容提供方在web內(nèi)容中包括反饋鏈路，用戶能夠使用該反饋鏈路提交反饋。內(nèi)容提供方能夠分析收集的反饋以便補救這些錯誤，或者另行改善web內(nèi)容的質(zhì)量。然而，一些類型的錯誤對于用戶難于報告。例如，呈現(xiàn)錯誤的web頁面可能會對于用戶難于使用文本反饋進行描述。盡管計算環(huán)境提供用于捕捉web頁面的圖像的工具，但是出于安全原因，會防止基于瀏覽器的內(nèi)容(例如web頁面中的腳本)訪問這些工具。結(jié)果，內(nèi)容提供方在收集關(guān)于其web內(nèi)容中的錯誤的有用反饋方面具有困難。

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

[0005]通過用于收集對于在客戶端處顯示的原始web頁面的反饋的方法，非暫態(tài)計算機可讀存儲介質(zhì)以及計算機系統(tǒng)來解決上面和其他問題。所述方法的實施方式包括向所述客戶端提供反饋模塊。所述反饋模塊在所述客戶端處可執(zhí)行以便執(zhí)行步驟，所述步驟包括:顯示所述原始web頁面的克隆版本，并且接收所述原始web頁面的所述克隆版本的注釋。由所述反饋模塊執(zhí)行的步驟還包括:生成包括表示所述原始web頁面的所述克隆版本以及接收的注釋的反饋圖像的反饋報告并且提交所述反饋報告。
[0006]所述非暫態(tài)計算機可讀存儲介質(zhì)的實施方式存儲可執(zhí)行的計算機程序指令，所述可執(zhí)行的計算機程序指令執(zhí)行包括向所述客戶端提供反饋的步驟。所述反饋模塊在所述客戶端處可執(zhí)行以便執(zhí)行包括顯示所述原始web頁面的克隆版本并且接收所述原始web頁面的所述克隆版本的注釋的步驟。由所述反饋模塊執(zhí)行的步驟還包括:生成包括表示所述原始web頁面的所述克隆版本以及接收的注釋的反饋圖像的反饋報告并且提交所述反饋報
生口 ο
[0007]所述計算機系統(tǒng)的實施方式包括存儲可執(zhí)行的計算機程序指令的非暫態(tài)計算機可讀存儲介質(zhì)，所述可執(zhí)行的計算機程序指令用于執(zhí)行包括向所述客戶端提供反饋模塊的步驟。所述反饋模塊在所述客戶端處可執(zhí)行以便執(zhí)行包括顯示所述原始web頁面的克隆版本并且接收所述原始web頁面的所述克隆版本的注釋的步驟。由所述反饋模塊執(zhí)行的步驟還包括生成包括表示所述原始web頁面的所述克隆版本以及接收的注釋的反饋圖像的反饋報告并且提交所述反饋報告。所述計算機系統(tǒng)進一步包括用于執(zhí)行所述計算機程序指令的處理器。
【專利附圖】

【附圖說明】
[0008]圖1是示出根據(jù)一個實施方式的用于收集用戶反饋的環(huán)境的高級方框圖。
[0009]圖2是示出根據(jù)一個實施方式的用作客戶端和/或服務(wù)器使用的計算機的示例的高級方框圖。
[0010]圖3是示出根據(jù)一個實施方式的反饋模塊的詳細視圖的高級方框圖。
[0011]圖4是示出根據(jù)一個實施方式的由反饋模塊使用的框架的詳細視圖的高級概念圖。
[0012]圖5是示出根據(jù)一個實施方式的用于收集和報告反饋的方法的流程圖。
[0013]圖6是根據(jù)一個實施方式的由反饋模塊生成的反饋顯示的示例示出。
[0014]圖7是根據(jù)一個實施方式的由反饋模塊生成的示例預(yù)覽頁面。
【具體實施方式】
[0015]附圖和下面的描述僅以示出的方式描述了某些實施方式。本領(lǐng)域的普通技術(shù)人員將容易地意識到，根據(jù)下面的描述，在不偏離本文描述的原理的情況下，可以采用本文示出的結(jié)構(gòu)和方法的替代實施方式?，F(xiàn)在將參照幾個實施方式，附圖中示出了這些實施方式的示例。
[0016]圖1是示出根據(jù)一個實施方式的用于收集用戶反饋的環(huán)境100的高級方框圖。如圖所示，環(huán)境100包括連接客戶端105、反饋服務(wù)器135和web服務(wù)器155的網(wǎng)絡(luò)125。盡管出于清晰起見在圖1中僅示出了一個客戶端105、一個反饋服務(wù)器135和一個網(wǎng)絡(luò)服務(wù)器155，但是實施方式可以具有多個客戶端105以及服務(wù)器135、155的多個實例。此外，在一些實施方式中，可以將反饋服務(wù)器135和web服務(wù)器155功能合并在一個服務(wù)器上。
[0017]客戶端105是由一個或多個用戶使用以便執(zhí)行用于執(zhí)行各種活動的應(yīng)用的計算機或其他電子設(shè)備。例如，客戶端105可以是臺式計算機、筆記本或者平板計算機、移動電話、或者電視機頂盒。由客戶端105執(zhí)行的應(yīng)用可以包括web瀏覽器、文字處理器、媒體播放器、表格處理軟件、圖像處理器、安全軟件等等。
[0018]在示出的實施方式中，客戶端105執(zhí)行瀏覽器115。例如，瀏覽器115可以是諸如GOOGLE CHROME,MOZILIA FIREF0X 或者 MICROSOFT INTERNET EXPLORER 的傳統(tǒng)的 web 瀏覽應(yīng)用。在其他實施方式中，可以將瀏覽器115結(jié)合到媒體播放器、視頻游戲、小部件、機頂盒應(yīng)用等等中。瀏覽器115包括用于在網(wǎng)絡(luò)125上從web服務(wù)器155獲取web內(nèi)容165、并且在客戶端105的顯示器上呈現(xiàn)該web內(nèi)容的功能。呈現(xiàn)的web內(nèi)容165可以包括諸如文本和圖像的靜態(tài)內(nèi)容。呈現(xiàn)的web內(nèi)容165還可以包括諸如FLASH對象的活動內(nèi)容、以及以JavaScript或另一編程語言編校的代碼，該代碼由瀏覽器115執(zhí)行以便動態(tài)并且可編程地更新web頁面。
[0019]web服務(wù)器155具有(host)通過一個或多個內(nèi)容提供方在網(wǎng)絡(luò)125上提供對于客戶端105可用的各種web內(nèi)容165。web內(nèi)容165可以例如包括基于超文本標(biāo)記語言(HTML)的web頁面。這樣的頁面包括描述其他內(nèi)容的標(biāo)簽，該其他內(nèi)容包括頁面內(nèi)的靜態(tài)內(nèi)容和活動內(nèi)容。瀏覽器115根據(jù)該標(biāo)簽來呈現(xiàn)web頁面。
[0020]在一個實施方式中，內(nèi)容提供方在web內(nèi)容165中包括反饋鏈路?？蛻舳?05的用戶能夠使用該反饋鏈路來向內(nèi)容提供方提供關(guān)于web內(nèi)容165的反饋。例如，用戶可以在web內(nèi)容165中標(biāo)記出(spot)內(nèi)容提供方未知的一個或多個錯誤,例如編碼錯誤、呈現(xiàn)錯誤、不可讀的字體、損壞的數(shù)據(jù)、不可瀏覽的內(nèi)容或者排印錯誤。經(jīng)過該反饋鏈路，用戶能夠向內(nèi)容提供方提供錯誤的描述，包括包含該錯誤的web內(nèi)容165的圖像。
[0021]在一個實施方式中，反饋鏈路(如果由用戶選擇)，使瀏覽器115將反饋模塊145從反饋服務(wù)器135下載到用戶的客戶端105的瀏覽器。反饋服務(wù)器135可以由內(nèi)容提供方操作或者由第三方操作。反饋模塊145由瀏覽器115呈現(xiàn)并且提供允許用戶向內(nèi)容提供方提供關(guān)于web內(nèi)容165的反饋的功能。在一個實施方式中，反饋模塊145包括使瀏覽器115顯示web內(nèi)容165的克隆版本的可執(zhí)行JavaScript代碼,用戶能夠通過高亮和/或編校(redact)來對該克隆版本進行注釋。此外，反饋模塊145允許用戶提供反饋的文本描述并且也可以收集關(guān)于web內(nèi)容、瀏覽器115和/或客戶端105的其他使用。一旦用戶生成了反饋，用戶就可以預(yù)覽該反饋并且將該反饋(包括注釋的web內(nèi)容，文本描述以及其他數(shù)據(jù))提交給內(nèi)容提供方。在一個實施方式中，反饋模塊145向反饋服務(wù)器135提供反饋，而在其他實施方式中，向web服務(wù)器155和/或網(wǎng)絡(luò)125上的另一服務(wù)器提供反饋。
[0022]網(wǎng)絡(luò)125代表客戶端105和服務(wù)器135、155之間的通信路徑。在一個實施方式中，網(wǎng)絡(luò)125使用標(biāo)準(zhǔn)通信技術(shù)和/或協(xié)議并且可以包括互聯(lián)網(wǎng)。因而，網(wǎng)絡(luò)125可以包括使用諸如以太網(wǎng)、802.11、微波接入全球互通(WiMAX)、2G/3G/4G移動通信協(xié)議、數(shù)字用戶線(DSL)、異步傳輸模式(ATM)、Inf iniBancUPCI Express Advanced Switching等等的技術(shù)的鏈路。類似地，在網(wǎng)絡(luò)125上使用的聯(lián)網(wǎng)協(xié)議可以包括多協(xié)議標(biāo)簽交換(MPLS)、傳輸控制協(xié)議/互聯(lián)網(wǎng)協(xié)議(TCP/IP)、簡單郵件傳輸協(xié)議(SMTP)、文件傳輸協(xié)議(FTP)等等?？梢允褂冒ǔ谋緲?biāo)記語言(HTML)、可擴展標(biāo)記語言(XML)、JavaScript、VBScript、FLASH、可移植文檔格式(PDF)等等的技術(shù)和/或格式來表示通過網(wǎng)絡(luò)125交換的數(shù)據(jù)。此外，可以使用諸如安全套接層(SSL)、傳輸層安全(TLS)、虛擬私人網(wǎng)絡(luò)(VPN)、互聯(lián)網(wǎng)協(xié)議安全(IPsec)等等的傳統(tǒng)加密技術(shù)來對web內(nèi)容165和模塊中的全部或者一些進行加密。在另一實施方式中，代替或者除了上面描述的這些，網(wǎng)絡(luò)125上的實體可以使用定制和/或?qū)Ｓ脭?shù)據(jù)通信技術(shù)。
[0023]圖2是示出根據(jù)一個實施方式的用作客戶端105和/或服務(wù)器135、155的計算機200的示例的高級方框圖。示出了耦接到芯片集204的至少一個處理器202(CPU)。芯片集204包括存儲器控制器集線器250和輸入/輸出(I/O)控制器集線器255。存儲器206和圖形適配器213耦接到存儲器控制器集線器250，并且顯示設(shè)備218耦接到圖形適配器213。存儲設(shè)備208、鍵盤210、指點設(shè)備214和網(wǎng)絡(luò)適配器216耦接到I/O控制器集線器255。計算機200的其他實施方式具有不同的架構(gòu)。例如，在一些實施方式中，存儲器206直接耦接到處理器202。
[0024]存儲設(shè)備208是諸如硬驅(qū)、壓縮盤只讀存儲器(⑶_R0M)、DVD或者固態(tài)存儲設(shè)備的非暫態(tài)計算機可讀存儲介質(zhì)。存儲器206保持由處理器202使用的指令和數(shù)據(jù)。定點設(shè)備214與鍵盤210結(jié)合使用，以便將數(shù)據(jù)輸入到計算機系統(tǒng)200。圖形適配器213在顯示設(shè)備218上顯示圖像和其他信息。在一些實施方式中，顯示設(shè)備218包括用于接收用戶輸入和選擇的觸屏能力。網(wǎng)絡(luò)適配器216將計算機系統(tǒng)200耦接到網(wǎng)絡(luò)125。計算機200的一些實施方式具有與圖2中示出的部件不同的部件和/或其他的部件。例如，服務(wù)器135、155可以由多個刀片服務(wù)器形成并且缺少顯示設(shè)備、鍵盤和其他部件。
[0025]如本文使用的，術(shù)語“模塊”指代用于提供指定的功能的計算機程序指令和/或其他邏輯。因而，可以將模塊實現(xiàn)為硬件、固件和/或軟件。在一個實施方式中，將由可執(zhí)行計算機程序指令形成的程序模塊存儲在存儲設(shè)備208上，加載到存儲器206中，并且由處理器202執(zhí)行為一個或多個處理。
[0026]圖3是示出根據(jù)一個實施方式的反饋模塊145的詳細視圖的高級方框圖。如上面提及的，可以將反饋模塊145從反饋服務(wù)器135下載到客戶端105，并且當(dāng)客戶端的用戶在web頁面上選擇“反饋”鏈路時在瀏覽器115內(nèi)執(zhí)行。如圖3中所示，反饋模塊115本身包括多個模塊。在圖3所示的實施方式中，反饋模塊115包括框架生成模塊305 (“框架模塊”)、克隆模塊310、解激活模塊315、克隆頁面構(gòu)建模塊320 (“構(gòu)建模塊”)、注釋模塊330、和提交模塊335。在一些實施方式中，按照與本文描述的不同方式在模塊之間分配功能。其他實施方式具有附加的和/或其他模塊。
[0027]框架模塊305在瀏覽器115內(nèi)創(chuàng)建多個框架以便提供用于收集反饋的功能。在一個實施方式中，框架是HTML iframe元素，每一個框架提供一個或多個反饋功能。將框架組織為多個層，以使得較下級框架上的內(nèi)容能夠由較上層框架上的內(nèi)容覆蓋。每一層能夠包含一個或多個框架?？蚣軐臃乐共黄谕拇?dāng)_以及對于其提供反饋的原始web頁面(由瀏覽器呈現(xiàn)的web內(nèi)容165)與反饋報告功能之間的信息共享。
[0028]框架模塊305創(chuàng)建用作由瀏覽器115呈現(xiàn)的原始web頁面上的屏蔽的屏蔽框架。屏蔽覆蓋并且使原始web頁面模糊不清，從而防止客戶端105的用戶看見該原始web頁面和/或與其交互?？蚣苣K305還創(chuàng)建覆蓋屏蔽框架，并且顯示從原始web頁面克隆的克隆web頁面內(nèi)容的克隆頁面顯示框架。此外，框架模塊305創(chuàng)建重疊在克隆頁面顯示上的保持用戶提供的注釋的注釋框架。此外，注釋框架可以防止客戶端105的用戶與克隆頁面顯示框架中的克隆web內(nèi)容交互。進而,框架模塊305創(chuàng)建重疊反饋用戶接口(UI)框架的注釋框架的一部分，該注釋框架顯示用于選擇反饋功能選項并且收集反饋描述的用戶接口。不同實施方式能夠使用與本文描述的框架不同或者附加的框架。
[0029]在一些實施方式中，框架模塊305從反饋服務(wù)器135的域加載反饋Π框架的內(nèi)容。單獨地加載反饋UI框架在允許與反饋服務(wù)器135進行通信的同時防止在系統(tǒng)中探究。因而，潛在的web內(nèi)容165和克隆頁面顯示與反饋服務(wù)器135隔離。這一隔離允許反饋Π框架在降低關(guān)于反饋服務(wù)器135的諸如交叉位置請求偽造襲擊的惡意襲擊的同時，自由地與反饋服務(wù)器135進行通信。
[0030]克隆模塊310與瀏覽器115對接以便在由瀏覽器115呈現(xiàn)的原始web頁面中產(chǎn)生web內(nèi)容165的克隆拷貝。創(chuàng)建該克隆拷貝以便允許對該克隆拷貝而非對原始web頁面執(zhí)行反饋功能。在一些實施方式中，克隆模塊310僅克隆原始web頁面的域內(nèi)的內(nèi)容。例如，由原始web頁面的提供方操作的域之外的域提供的廣告和其他輔助內(nèi)容不包括在克隆拷貝中。因而，克隆拷貝僅包括由內(nèi)容提供方自身的內(nèi)容產(chǎn)生的錯誤，并且不包括由輔助內(nèi)容提供方引入的錯誤。
[0031]在一個實施方式中，克隆模塊310通過對web頁面的文檔對象模型(DOM)進行克隆來產(chǎn)生原始web頁面的克隆拷貝。DOM是描述web頁面的邏輯結(jié)構(gòu)以及包含在其中的web內(nèi)容165的基于樹的數(shù)據(jù)結(jié)構(gòu)。克隆模塊310從瀏覽器115讀取DOM并且在遍歷該樹以便產(chǎn)生克隆的同時復(fù)制DOM數(shù)據(jù)。進而，克隆模塊310識別原始web頁面中的任何HTML “基礎(chǔ)”對象，并且在克隆的DOM中包括這些標(biāo)簽以使得在DOM中指定的相關(guān)URL正確地分解。如果原始web頁面包括多個框架，則克隆模塊310對于來自內(nèi)容提供方的域的每一個框架遞歸地執(zhí)行克隆處理。然而，克隆模塊310排除來自其他域的框架。最終結(jié)果是能夠用于重新創(chuàng)建原始web頁面的克隆的DOM (減去從該克隆中排除的任何內(nèi)容)。
[0032]此外，克隆模塊310可以識別并且標(biāo)記原始web頁面中某些類型的內(nèi)容，用于在克隆處理期間進行排除。因而，可以從克隆中排除不想要的內(nèi)容。例如，在一個實施方式中，克隆模塊310識別并且標(biāo)記DOM中的任何腳本用于排除，以便防止在克隆處理期間它們的排除。也標(biāo)記包含標(biāo)記內(nèi)容的任何父元素。因此，克隆模塊310遍歷DOM樹以便識別包含腳本的任何節(jié)點和/或腳本本身。一旦進行了識別，在遍歷期間對節(jié)點和/或腳本本身連同其父節(jié)點進行標(biāo)記。在一個實施方式中，通過將DOM中的元素的定制屬性設(shè)置到指定的值，對該元素進行標(biāo)記。該標(biāo)記不改變原始web頁面的外觀。
[0033]在不進行調(diào)整的情況下，克隆模塊310克隆DOM的未標(biāo)記的元素。對于標(biāo)記的元素，克隆模塊310與解激活模塊315接口。解激活模塊315分析標(biāo)記的內(nèi)容，并且在合適的情況下將替代內(nèi)容插入在DOM中以代替標(biāo)記的內(nèi)容。在一個實施方式中，克隆模塊310向解激活模塊315提供標(biāo)記的元素。解激活模塊315順次遞歸地分析標(biāo)記的元素的任何子元素以便確定是否標(biāo)記該子要求。如果不標(biāo)記子元素，則解激活模塊310在不進行調(diào)整的情況下使子元素返回到克隆模塊310。當(dāng)解激活模塊315遇到包括腳本或者其他不想要的內(nèi)容的元素時，解激活模塊將替代內(nèi)容代替DOM中的標(biāo)記的內(nèi)容返回到克隆模塊310。
[0034]通過返回替代內(nèi)容來解激活腳本，這確保了 web內(nèi)容165在克隆期間不激活。當(dāng)克隆用于頁面的DOM時，一些瀏覽器115自動地執(zhí)行web頁面上的腳本。在克隆期間，激活的web內(nèi)容能夠改變web頁面和/或執(zhí)行惡意動作；解激活web內(nèi)容避免了這些潛在的問題。靜態(tài)(例如，不改變的)web內(nèi)容在克隆期間不引起這些潛在的問題。因而，通過將獲得內(nèi)容變換為靜態(tài)內(nèi)容，可以在不調(diào)整原始web頁面和/或不調(diào)整克隆的web頁面的視覺外觀的情況下來創(chuàng)建克隆的D0M。
[0035]在一個實施方式中，解激活模塊315通過返回標(biāo)記的腳本作為靜態(tài)的“跨越”元素來解激活克隆中的腳本。例如，解激活模塊315可以將web頁面內(nèi)的標(biāo)記的腳本返回作為具有“跨越”標(biāo)簽的靜態(tài)HTML元素。這一改變在不改變web頁面的剩余部分的同時防止瀏覽器115執(zhí)行活動內(nèi)容。解激活模塊315還可以調(diào)整克隆的DOM中的任何附加的活動內(nèi)容，例如嵌入的flash對象，以便防止它們的使用和/或激活。因而，克隆的DOM中的內(nèi)容表現(xiàn)為原始web頁面的靜態(tài)版本。
[0036]構(gòu)建模塊320與瀏覽器115對接以便使用由克隆模塊310產(chǎn)生的原始web頁面的克隆拷貝來構(gòu)建克隆web頁面。在一個實施方式中，在由框架生成模塊305生成的克隆頁面顯示框架中構(gòu)建克隆web頁面。構(gòu)建模塊320將HTML源從克隆的拷貝注入到克隆頁面顯示框架。瀏覽器115順次通過根據(jù)HTML從web服務(wù)器155獲取web內(nèi)容165來呈現(xiàn)克隆web頁面。
[0037]注釋模塊330包括提供允許客戶端105的用戶對在克隆頁面顯示框架中顯示的克隆web頁面進行注釋的Π控制的功能。注釋模塊330能夠支持多種類型的注釋。在一個實施方式中，注釋模塊330允許用戶高亮克隆web頁面的選擇的區(qū)域。高亮的區(qū)域經(jīng)過使用顏色，亮度或者另一視覺提示來與非高亮的區(qū)域在視覺上區(qū)分開。此外，注釋模塊330的實施方式允許用戶編?？寺eb頁面的選擇的區(qū)域。使編校的區(qū)域變黑、模糊或者以其他方式模糊不清以便防止在編校的區(qū)域內(nèi)任何視覺信息的顯示。注釋模塊330在由框架生成模塊305生成的注釋框架上顯示注釋(例如，高亮或者編校)。注釋模塊330的實施方式還在注釋框架上顯示文本框或者其他用戶接口元素，用戶能夠使用該文本框或者其他用戶接口元素來提供對于其正在提交反饋的問題或者其他信息的文本描述。
[0038]提交模塊335提供具有允許用戶向反饋服務(wù)器135或者另一位置提交反饋報告的控制的UI。在一個實施方式中，通過從與反饋模塊145的剩余部分分離的反饋服務(wù)器135下載的內(nèi)容，來在分離的反饋UI框架中提供與UI控制相關(guān)的功能中的至少一些。在一個實施方式中，提交模塊335生成表示具有由用戶提供的注釋的克隆web頁面的反饋圖像。提交模塊335通過在空白頁面上呈現(xiàn)克隆頁面顯示和注釋框架的內(nèi)容來創(chuàng)建反饋圖像。
[0039]取決于所述實施方式，提交模塊335在呈現(xiàn)反饋圖像時可以省去克隆web頁面上的信息中的一些。例如，提交模塊335可以從反饋圖像中省去克隆web頁面的非高亮的區(qū)域。省去非相關(guān)的信息允許用戶在不必要暴露未編校的私人和/或非相關(guān)信息的情況下提供反饋報告。
[0040]此外，對用戶選擇在提交之前預(yù)覽反饋報告的選項做出響應(yīng)，提交模塊335的實施方式向用戶顯示反饋圖像。進而，在一些實施方式中，提交模塊335收集關(guān)于原始web頁面、瀏覽器115和/或客戶端105的附加的信息用于包括在反饋報告中。反饋模塊145可以向用戶顯示這一附加的信息中的全部或者一些。提交模塊335還可以向用戶提供具有用于修訂提交的反饋報告的預(yù)覽的一個或多個用戶接口元素，例如使用戶修訂web頁面上的注釋的“返回”按鈕，使用戶取消反饋提交的“取消”按鈕，以及提交報告的“發(fā)送反饋”按鈕。如上所述，在一個實施方式中，反饋報告包括反饋圖像，由用戶提供的任何文本信息，以及由提交模塊335收集的任何其他信息。其他實施方式可以在反饋報告中包括不同的和/或附加的信息。
[0041]圖4是示出根據(jù)一個實施方式由反饋模塊145使用的框架的詳細視圖的高級概念圖。如先前討論的，框架模塊305生成多層框架以便促進反饋收集。圖4示出了它們的各自層中的框架。
[0042]具體地說，圖4示出了包含來自內(nèi)容提供方的web內(nèi)容165的原始頁面405。這一頁面包括具有對于其正在提交反饋的問題的內(nèi)容。屏蔽框架415與原始頁面405重疊并且使其模糊不清。在一個實施方式中，屏蔽框架415是不透明的并且與包含原始頁面405的框架具有相同的空間尺寸。因而，用戶不能夠透過屏蔽框架415瀏覽原始頁面405。
[0043]克隆頁面顯示框架425位于屏蔽框架415上方的層上，以使得克隆頁面427在視覺上與原始頁面405不可區(qū)分。即，克隆頁面顯示框架425在屏蔽框架415上方顯示從原始頁面405克隆的克隆頁面427。結(jié)果，用戶看見所呈現(xiàn)的是原始頁面405。
[0044]注釋框架435與克隆頁面顯示框架425重疊。注釋框架435至少部分地透明，并且因此，克隆頁面427保持可視。進而，注釋框架435防止與克隆頁面427的用戶交互。因而，用戶將克隆頁面427看作是原始web頁面的非交互的靜態(tài)復(fù)制。在一個實施方式中，注釋框架435被屏蔽并且使克隆頁面427表現(xiàn)為變暗。在注釋框架435上繪制注釋并且因而與可視的克隆頁面427重疊。圖4示出了將克隆頁面427上的區(qū)域高亮顯示的高亮注釋437。高亮注釋437至少部分地透明，以使得克隆頁面427上的高亮的內(nèi)容可視。例如，高亮注釋437能夠由與注釋框架435的剩余部分相比較不太變暗的區(qū)域形成，以使得高亮的區(qū)域表現(xiàn)為比非高亮的區(qū)域要亮。圖4還示出了編?？寺№撁?27上的區(qū)域的編校注釋439。編校注釋439不透明并且因而使克隆頁面427的編校的區(qū)域模糊不清。注釋框架435還可以包括允許用戶關(guān)閉反饋模塊145并且返回到原始頁面405的關(guān)閉按鈕436，以及與注釋處理相關(guān)聯(lián)的注釋控制和其他Π元素。
[0045]反饋UI框架445與注釋框架435重疊。反饋模塊145從反饋服務(wù)器135加載反饋Π框架445的內(nèi)容。在一個實施方式中，反饋Π框架445包括用于提交反饋的Π控制。
[0046]圖5是示出根據(jù)一個實施方式用于收集和報告反饋的方法的流程圖。其他實施方式能夠按照不同的順序來執(zhí)行該方法的步驟并且能夠包括不同和/或附加的步驟。此外，能夠通過除了反饋模塊145之外的實體來執(zhí)行所述步驟中的一些或者全部。
[0047]將反饋模塊145從對于其提交反饋的內(nèi)容提供方下載到顯示原始web頁面的瀏覽器115，并且由該瀏覽器執(zhí)行該反饋模塊145。一旦被執(zhí)行，反饋模塊145將創(chuàng)建505各種框架以便促進反饋收集和報告。因而，反饋模塊145創(chuàng)建屏蔽原始web頁面405的屏蔽框架415,并且還創(chuàng)建克隆頁面顯示框架425。反饋模塊145標(biāo)記515原始web頁面中的活動內(nèi)容用于在克隆處理期間解激活。反饋模塊145克隆525原始web頁面的DOM中的內(nèi)容。當(dāng)反饋模塊145在克隆525期間到達標(biāo)記的內(nèi)容時，其向克隆的DOM返回標(biāo)記的內(nèi)容作為靜態(tài)內(nèi)容，以便防止該標(biāo)記的內(nèi)容在克隆處理期間執(zhí)行。
[0048]反饋模塊145將克隆的DOM注入到克隆頁面顯示框架425中，該克隆頁面顯示框架425使瀏覽器115從web服務(wù)器155獲取對于該頁面的web內(nèi)容165并且呈現(xiàn)該web頁面的克隆版本。反饋模塊145還顯示允許用戶注釋原始web頁面的克隆版本的注釋Π。反饋模塊145接收545并且顯示重疊在克隆頁面顯示框架425上的注釋框架435中的注釋。注釋可以包括高亮的內(nèi)容和/或編校的內(nèi)容。一旦用戶指示反饋準(zhǔn)備就緒用于提交，則反饋模塊145生成并且向用戶顯示555反饋報告的預(yù)覽用于瀏覽，并且在接收到批準(zhǔn)時，向反饋服務(wù)器135和/或另一目的地提交565反饋報告。
[0049]圖6是根據(jù)一個實施方式的由反饋模塊145生成的反饋顯示的示例示出。圖6示出了駐留在克隆頁面顯示框架425上的克隆頁面427中的克隆內(nèi)容605的視圖?？寺?nèi)容605通過重疊的注釋框架435變暗。圖6示出了允許用戶添加文本評論并且從包括高亮和編校的注釋中進行選擇的注釋Π610。圖6還示出了比非高亮的克隆內(nèi)容605更亮的高亮的內(nèi)容437，以及被模糊不清的編校的內(nèi)容439。此外，圖6示出了允許用戶預(yù)覽反饋報告和/或取消反饋處理的反饋UI框架中的UI控制。
[0050]圖7是根據(jù)一個實施方式由反饋模塊145生成的預(yù)覽頁面710的示例。預(yù)覽頁面710允許用戶在提交反饋報告之前瀏覽反饋報告信息和內(nèi)容。預(yù)覽頁面包含“描述”部分712，該“描述”部分712包含由用戶提供的文本反饋，以及從該頁面收集的“附加的信息”714，例如高亮注釋內(nèi)的文本。預(yù)覽頁面710還包括利用由用于做出的注釋來表示克隆內(nèi)容427的反饋圖像715，以及用戶通過其能夠提交反饋報告的“發(fā)送反饋”按鈕720。
[0051]包括上面的描述以便示出某些實施方式的操作并且并不限制本發(fā)明的范圍。本發(fā)明的范圍僅由下面的權(quán)利要求進行限制。根據(jù)上面的討論，包括在本發(fā)明的精神和范圍內(nèi)的許多修改對于相關(guān)領(lǐng)域的普通技術(shù)人員來說將變得顯而易見。
【權(quán)利要求】
1.一種收集對于在客戶端處顯示的原始web頁面的反饋的計算機實現(xiàn)的方法，所述方法包括: 向所述客戶端提供反饋模塊，所述反饋模塊在所述客戶端處可執(zhí)行以便執(zhí)行步驟，所述步驟包括: 克隆所述原始web頁面中的web內(nèi)容,其中解激活所述原始web頁面中的活動內(nèi)容以防止在克隆期間的腳本的執(zhí)行； 創(chuàng)建克隆頁面顯示框架； 將克隆的所述web內(nèi)容注入到所述克隆頁面顯示框架以便顯示所述原始web頁面的克隆版本； 接收所述原始web頁面的所述克隆版本的注釋； 生成包括表示所述原始web頁面的所述克隆版本以及接收的注釋的反饋圖像的反饋報告；以及 提交所述反饋報告。
2.根據(jù)權(quán)利要求1所述的計算機實現(xiàn)的方法，其中所述方法進一步包括: 在所述客戶端上執(zhí)行的瀏覽器中創(chuàng)建屏蔽框架，所述屏蔽框架與包含所述原始web頁面的瀏覽器框架重疊并且使所述瀏覽器框架模糊不清，其中所述克隆頁面顯示框架與所述屏蔽框架重疊。
3.根據(jù)權(quán)利要求1所述的計算機實現(xiàn)的方法，其中解激活所述原始web頁面中的所述活動內(nèi)容以便防止在所述克隆期間的腳本的執(zhí)行包括: 在所述克隆期間將所述原始web頁面中的一個或多個標(biāo)記的腳本變換為靜態(tài)元素。
4.根據(jù)權(quán)利要求1所述的計算機實現(xiàn)的方法，其中克隆所述原始web頁面中的web內(nèi)容包括識別與所述原始web頁面的域相關(guān)聯(lián)的基礎(chǔ)對象、并且將識別的所述基礎(chǔ)對象包括在克隆的所述web內(nèi)容中。
5.根據(jù)權(quán)利要求1所述的計算機實現(xiàn)的方法，其中解激活所述原始web頁面中的所述活動內(nèi)容包括標(biāo)記所述原始web頁面的文檔對象模型(DOM)中的活動內(nèi)容用于在克隆之前進行解激活。
6.根據(jù)權(quán)利要求1所述的計算機實現(xiàn)的方法，其中克隆所述原始web頁面中的所述web內(nèi)容包括:將所述原始web頁面的DOM克隆到克隆D0M，用于注入到所述克隆頁面顯示框架中。
7.根據(jù)權(quán)利要求6所述的計算機實現(xiàn)的方法，其中克隆所述原始頁面的所述DOM包括:返回標(biāo)記的活動內(nèi)容作為靜態(tài)內(nèi)容以便防止所述活動內(nèi)容的執(zhí)行。
8.根據(jù)權(quán)利要求7所述的計算機實現(xiàn)的方法，其中返回標(biāo)記的活動內(nèi)容作為靜態(tài)內(nèi)容包括:分析標(biāo)記的活動內(nèi)容的子內(nèi)容并且在不進行調(diào)整的情況下返回未標(biāo)記的子內(nèi)容。
9.根據(jù)權(quán)利要求7所述的計算機實現(xiàn)的方法，其中返回標(biāo)記的活動內(nèi)容作為靜態(tài)內(nèi)容包括:反饋具有HTML跨越標(biāo)簽的標(biāo)記的腳本。
10.根據(jù)權(quán)利要求1所述的計算機實現(xiàn)的方法，其中接收所述原始web頁面的所述克隆版本的注釋包括: 在所述瀏覽器中創(chuàng)建與所述原始web頁面的所述克隆版本重疊的注釋框架； 提供使能所述客戶端的用戶注釋所述原始web頁面的所述克隆版本的用戶接口 ；以及在所述注釋框架中結(jié)合所述原始web頁面的所述克隆版本可視地顯示所述注釋。
11.根據(jù)權(quán)利要求10所述的計算機實現(xiàn)的方法，其中所述注釋框架使所述原始web頁面的所述克隆版本變暗，所述用戶接口使能所述客戶端的用戶高亮所述原始web頁面的所述克隆版本的區(qū)域，并且可視地顯示所述注釋包括所述注釋框架不使所述原始web頁面的所述克隆版本的聞売的區(qū)域變暗。
12.根據(jù)權(quán)利要求10所述的計算機實現(xiàn)的方法，其中所述用戶接口使能所述客戶端的用戶編校所述原始web頁面的所述克隆版本的區(qū)域，并且可視地顯示所述注釋包括使編校的區(qū)域模糊不清。
13.根據(jù)權(quán)利要求1所述的計算機實現(xiàn)的方法，其中所述反饋模塊通過反饋服務(wù)器經(jīng)由網(wǎng)絡(luò)而被提供到所述客戶端，以及所述反饋報告經(jīng)由所述網(wǎng)絡(luò)被提交到所述反饋服務(wù)器。
14.一種存儲可執(zhí)行的計算機程序指令的計算機可讀存儲介質(zhì)，在被執(zhí)行時，所述可執(zhí)行的計算機程序指令執(zhí)行前述步驟中的任何一個。
15.一種計算機系統(tǒng)，包括用于向客戶端提供反饋模塊的反饋服務(wù)器，所述反饋模塊在客戶端處可執(zhí)行以便執(zhí)行根據(jù)權(quán)利要`求1-13中的步驟中的任意一個。
【文檔編號】G06F17/40GK103703457SQ201280035944
【公開日】2014年4月2日 申請日期:2012年6月14日 優(yōu)先權(quán)日:2011年6月20日
【發(fā)明者】B·勒珀, R·M·波塞查-洛斯, B·斯?jié)删S克茲克, J·馳瓦斯陶斯卡, P·布羅涅克, J·弗羅貝爾, T·哈多克 申請人:谷歌公司