通過捕捉服務(wù)捕捉網(wǎng)站內(nèi)容的制作方法
【專利說明】通過捕捉服務(wù)捕捉網(wǎng)站內(nèi)容
[0001]背景
[0002]當(dāng)在網(wǎng)站上時,信息可被復(fù)制或“剪貼”到筆記或剪貼板中。剪貼(clip)是指從網(wǎng)站捕捉文本、圖像或其它內(nèi)容以供稍后不在該網(wǎng)站上甚至離線時訪問(例如,閱讀、做注釋、收集)。web剪貼器是一般在客戶端處的web瀏覽器上運行以允許將內(nèi)容從web瀏覽器從所顯示的網(wǎng)頁“剪貼”。在此上下文中,剪貼是指從網(wǎng)頁捕捉超文本標(biāo)記語言(HTML)、文本和/或圖形元素以促進(jìn)存儲和組織。
[0003]web剪貼器通常與特定目的地應(yīng)用或存儲相關(guān)聯(lián),且經(jīng)常由目的地應(yīng)用的開發(fā)者作為web瀏覽器的插件或添加件來提供以使得用戶能容易地將來自網(wǎng)頁的內(nèi)容插入到與該目的地應(yīng)用或存儲相關(guān)聯(lián)的文檔(例如,筆記或剪貼板)中。
[0004]簡要概述
[0005]公開了用于從網(wǎng)頁捕捉內(nèi)容的技術(shù)、系統(tǒng)和界面。提供了允許從網(wǎng)頁剪貼內(nèi)容以供組織(curat1n)和進(jìn)一步處理的捕捉服務(wù)。
[0006]在某些實施例中,來自網(wǎng)頁的內(nèi)容可被剪貼到多個目的地。例如,在與web瀏覽器相關(guān)聯(lián)的剪貼工具的用戶界面內(nèi),剪貼的兩個或更多個目的地可被呈現(xiàn)并可被選擇以接收剪貼。
[0007]捕捉服務(wù)接收該剪貼和要將該剪貼發(fā)送至的應(yīng)用的指示。在一些情況下,捕捉服務(wù)按照多個應(yīng)用可訪問并使用的方式來存儲該剪貼。
[0008]在某些實施例中,可剪貼頁面的一部分。例如,頁面的一區(qū)域可被選擇以剪貼或頁面的某些元素可被提取以剪貼。根據(jù)各實現(xiàn),即使在該頁面的一部分被剪貼時,源剪貼也可被保持原樣。
[0009]在一些實施例中,因為源(例如,以標(biāo)記語言編寫的網(wǎng)頁)被與該剪貼保持原樣(而不是屏幕截圖),所以一種用于在預(yù)覽窗格或瀏覽器的窗口內(nèi)提供預(yù)覽的方法涉及通過縮放原始標(biāo)記語言元素來改變剪貼的大小。
[0010]此外,某些標(biāo)記語言元素(且在一些情況下其它信息)可被提取并由該剪貼工具在本地使用或在捕捉服務(wù)處使用以提供附加特征。在某些實施例中,剪貼工具將該頁面的附加部分與該剪貼一起發(fā)送到捕捉服務(wù)。所述附加部分可被用來在捕捉服務(wù)處和/或該剪貼被發(fā)送至該目的地應(yīng)用之后修改(和/或增強(qiáng))剪貼。
[0011]提供本概述是為了以簡化的形式介紹將在以下【具體實施方式】中進(jìn)一步描述的概念集合。本概述并不旨在標(biāo)識所要求保護(hù)主題的關(guān)鍵特征或必要特征,也不旨在用于限制所要求保護(hù)主題的范圍。
[0012]附圖簡述
[0013]圖1示出系統(tǒng)架構(gòu)圖以及用于一實現(xiàn)的過程流。
[0014]圖2示出了用于剪貼到多個目的地的示例用戶界面。
[0015]圖3示出了用于多個應(yīng)用選擇的用戶界面。
[0016]圖4A-4F示出涉及可在具有web瀏覽器客戶端的平板設(shè)備上實現(xiàn)的web剪貼器的場景。
[0017]圖5示出了通過捕捉服務(wù)來組織內(nèi)容的方法。
[0018]圖6A-6D示出了擴(kuò)展的捕捉場景。
[0019]圖7示出可在其中實現(xiàn)網(wǎng)站內(nèi)容組織的操作環(huán)境。
[0020]圖8是示出在一些實施例中使用的計算設(shè)備的各組件的框圖。
[0021]詳細(xì)描述
[0022]公開了用于從網(wǎng)頁捕捉內(nèi)容的技術(shù)、系統(tǒng)和界面。提供了允許從網(wǎng)頁剪貼內(nèi)容以供組織和進(jìn)一步處理的捕捉服務(wù)。
[0023]在某些實施例中,來自網(wǎng)頁的內(nèi)容可針對多個目的地(包括子目的地)被剪貼。例如,在與web瀏覽器相關(guān)聯(lián)的剪貼工具(S卩,web剪貼器)的用戶界面內(nèi),網(wǎng)頁的剪貼的兩個或更多個目的地可被呈現(xiàn)并可被選擇以接收剪貼。多個目的地可包括一個或多個應(yīng)用,諸如閱讀器應(yīng)用(用于收集內(nèi)容一一諸如閱讀列表一一以供稍后查看)、筆記本應(yīng)用(諸如MICROSOFT 0ΝΕΝ0ΤΕ和EVERN0TE)、剪貼板應(yīng)用(諸如PINTEREST)、社交媒體應(yīng)用(諸如 FACEB00K 和 TWITTER)、或生產(chǎn)力應(yīng)用(諸如 MICROSOFT 0FFICE、G00GLE DOCS、和 APPLEPAGES)。子目的地可包括例如用戶的筆記本應(yīng)用的特定筆記本部分、剪貼板應(yīng)用的特定板、或生產(chǎn)力應(yīng)用的特定文檔。
[0024]web剪貼器是通常在客戶端處的web瀏覽器上運行的應(yīng)用。因為每個web瀏覽器具有一些不同的能力,所以web剪貼板可基于web瀏覽器來配置。一些網(wǎng)頁“剪貼板”捕捉屏幕的所選框或框架內(nèi)的區(qū)域的信息。其他剪貼板捕捉查看屏幕或者甚至整個頁面的圖像。本文描述的各實施例的web剪貼板可包括這些內(nèi)容捕捉能力中的一個或多個。根據(jù)某些實現(xiàn),響應(yīng)于用戶的選擇,由web剪貼板捕捉的信息可以是頁面、頁面的所提取部分、和/或頁面的一個或多個區(qū)域。
[0025]web剪貼器可在客戶端設(shè)備處本地運行,從而促進(jìn)剪貼在用戶的計算機(jī)屏幕上呈現(xiàn)的實際上任何事物。web剪貼器可用例如JavaScript來實現(xiàn),且可以能與諸如GOOGLECHROME, APPLE SAFARI, Μ0ΖILLA FIREF0X 和 MICROSOFT INTERNET EXPLORER 等 web 瀏覽器互操作(且在一些情況下與其集成)。web剪貼器的某些實現(xiàn)可以作為書簽工具(bookmarklet)可訪問。書簽工具是web瀏覽器的一種擴(kuò)展功能,通常是作為web瀏覽器中的書簽存儲的JavaScript程序(或網(wǎng)頁上的超鏈接)的形式。
[0026]因為剪貼器在瀏覽器中本地運行,所以剪貼器可捕捉瀏覽器顯示屏上當(dāng)前顯示的任何內(nèi)容。因此,剪貼器可從需要用戶認(rèn)證的站點(諸如FACEB00K或訂閱報紙服務(wù))捕捉內(nèi)容,所述需要用戶認(rèn)證的站點是捕捉服務(wù)不能直接訪問的。一旦用戶登錄到其帳戶中且內(nèi)容經(jīng)由web瀏覽器被呈現(xiàn)在其屏幕上,則剪貼器可捕捉該內(nèi)容。
[0027]各實施例呈現(xiàn)了可被用于剪貼例如頁面的任意區(qū)域、來自頁面的文本引述、頁面上的圖像、頁面所表示的實體、頁面的“主區(qū)域”、頁面的源的一部分、或頁面的整個源的工具。在一些實現(xiàn)中,可捕捉相關(guān)頁。作為解說性示例,可能有在新聞?wù)军c上可用的布置成四頁的文章。在其中剪貼器在用戶查看這四頁之一時被應(yīng)用的情況下,剪貼器(例如,經(jīng)由捕捉服務(wù))可捕捉相關(guān)頁面。即,這四頁之一的剪貼也可收集該文章的其它三頁。在一個實施例中,在其中相關(guān)內(nèi)容跨越多個網(wǎng)頁的場景中,例如其中HTML指示分頁的帖子,剪貼器可剪貼多個頁面。
[0028]各實施例促進(jìn)內(nèi)容的剪貼,所述內(nèi)容包括但不限于:文本、鏈接、圖像、包括HTML和級聯(lián)樣式表(css)的整個網(wǎng)頁、以及網(wǎng)頁的一個或多個部分,以與用于創(chuàng)建、收集和組織內(nèi)容的多個可用應(yīng)用(諸如筆記本應(yīng)用、文字處理應(yīng)用、或其它生產(chǎn)力、組織或協(xié)作應(yīng)用)中的一個或多個相關(guān)聯(lián)地存儲。
[0029]用戶當(dāng)前預(yù)期剪貼器剪貼內(nèi)容并將該內(nèi)容插入到與該剪貼器相關(guān)聯(lián)的筆記或其它應(yīng)用中。在許多情況下,該筆記或其它應(yīng)用準(zhǔn)許用戶跨許多設(shè)備來訪問內(nèi)容。本剪貼器的實施例不僅將內(nèi)容剪貼到與該剪貼器相關(guān)聯(lián)的一個筆記或應(yīng)用,而且通過與該剪貼器相關(guān)聯(lián)的捕捉服務(wù),還能將該剪貼發(fā)送至其它筆記和/或應(yīng)用。隨后,當(dāng)用戶啟動該其它應(yīng)用時,該內(nèi)容在該其它應(yīng)用內(nèi)可用。
[0030]圖1示出了用于一實現(xiàn)的系統(tǒng)架構(gòu)圖和過程流。在客戶端處,剪貼器100被用于在用戶瀏覽web時剪貼和存儲來自網(wǎng)頁的內(nèi)容。剪貼器100可以是該客戶端上運行的web瀏覽器110的插件、添加件、或書簽工具。
[0031]—實施例的捕捉服務(wù)120允許剪貼由多個應(yīng)用和/或服務(wù)消費。捕捉服務(wù)120接收剪貼122和該剪貼的(一個或多個)目的地124的指示。剪貼器100可經(jīng)由捕捉服務(wù)120將該剪貼發(fā)送到多個應(yīng)用(而不僅是單個應(yīng)用)。
[0032]剪貼器100提供了用于選擇可用于接收該剪貼的多個應(yīng)用中的一個或多個應(yīng)用的工具。捕捉服務(wù)120接收剪貼122和該剪貼將被發(fā)送至的應(yīng)用(例如,應(yīng)用#1,應(yīng)用#2)的指示(例如,目的地124),且在進(jìn)一步實施例中,執(zhí)行某種處理來針對一應(yīng)用定制或擴(kuò)充該剪貼(創(chuàng)建“剪貼+”)。用戶可選擇剪貼整個頁面、整個頁面的所提取部分、和/或該頁面的一個或多個區(qū)域。
[0033]在一些情況下,剪貼器可將該HTML發(fā)送到捕捉服務(wù)且該捕捉服務(wù)可獲取該頁面上的圖像而不是該客戶端處的剪貼器發(fā)送所述圖像。這一特征可對于以下場景有用:其中客戶端正在有限帶寬上工作(或用戶想要最小化帶寬使用),諸如某些移動設(shè)備的情況。
[0034]剪貼的預(yù)覽體驗可由捕捉服務(wù)提供至客戶端和/或在客戶端上運行的剪貼器可呈現(xiàn)該預(yù)覽。預(yù)覽可在預(yù)覽窗格或該瀏覽器的窗口中呈現(xiàn),或可在該瀏覽器中就地呈現(xiàn)