TWI545448B - 可拖曳式標籤 - Google Patents

可拖曳式標籤 Download PDF

Info

Publication number
TWI545448B
TWI545448B TW100107184A TW100107184A TWI545448B TW I545448 B TWI545448 B TW I545448B TW 100107184 A TW100107184 A TW 100107184A TW 100107184 A TW100107184 A TW 100107184A TW I545448 B TWI545448 B TW I545448B
Authority
TW
Taiwan
Prior art keywords
tag
web browser
user interface
content
imaging
Prior art date
Application number
TW100107184A
Other languages
English (en)
Other versions
TW201211794A (en
Inventor
恩斯麥克J
馬丁尼茲路易斯A
裴爾麥克
常尤金
Original Assignee
微軟技術授權有限責任公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 微軟技術授權有限責任公司 filed Critical 微軟技術授權有限責任公司
Publication of TW201211794A publication Critical patent/TW201211794A/zh
Application granted granted Critical
Publication of TWI545448B publication Critical patent/TWI545448B/zh

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486Drag-and-drop
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Description

可拖曳式標籤
本發明係相關於可拖曳式標籤之領域。
在瀏覽全球資訊網(Web)的方案中,在單一瀏覽器中以並列方式(side-by-side fashion)比較內容並不容易。再者,在使用標籤(tab)瀏覽的情境中,標籤傾向於保留在與標籤相關的網頁瀏覽器(web browser)情境中。為了存取在特定標籤中的內容,使用者通常需要點按(click)標籤以關注特定標籤,因此失去了對使用者曾導航(navigate)過的標籤中內容的關注。隨後,與新標籤相關的內容在瀏覽器介面中呈現給使用者。
茲提供本發明內容以由簡化形式介紹一些選擇概念,其將更進一步在下文的實施方式中描述。本發明內容並不意為識別所請發明標的之關鍵特徵或必要特徵,亦不意為被用以限制所請發明標的之範圍。
各種具體實施例使在網頁瀏覽器使用者介面中的標籤,能夠從顯示此標籤之與此標籤相關的標籤列(tab band)被拖曳出。當被拖曳至標籤列之外時,可將內容成像在與標籤相關的視窗中。如此允許了並列觀看在主要網頁瀏覽器使用者介面中的內容,以及在與已從標籤列被拖曳出的標籤相關的視窗中的內容。在一或多個具體實施例中,與經拖曳標籤的視窗相關的內容可包含生動內容(live content),諸如多媒體展示。
在一或多個具體實施例中,可將可拖曳式標籤的視窗停靠(dock)至顯示螢幕的側邊,及/或顯示螢幕的頂部或底部。可拖曳式標籤的視窗的停靠行為可根據視窗被停靠至何處而改變。
一些具體實施例使在網頁瀏覽器使用者介面中的標籤,能夠從顯示此標籤之與此標籤相關的標籤列被拖曳出。當被拖曳至標籤列之外時,可將內容成像在與標籤相關的視窗中。如此允許了並列觀看在主要網頁瀏覽器使用者介面中的內容,以及在與已從標籤列被拖曳出的標籤相關的視窗中的內容。在一或多個具體實施例中,與經拖曳標籤的視窗相關的內容可包含生動內容,諸如多媒體展示。
在一或多個具體實施例中,可將可拖曳式標籤的視窗停靠至顯示螢幕的側邊,及/或顯示螢幕的頂部或底部。可拖曳式標籤的視窗的停靠行為可根據視窗被停靠至何處而改變。
在下文的討論中,提供「作業環境」章節,其描述可由一或多個具體實施例採用的一個環境。接著為「範例可拖曳式標籤」章節,其描述可根據一或多個具體實施例而拖曳的範例標籤。接著為「範例可吸附式標籤」章節,其描述如何根據一或多個具體實施例將標籤吸附(snap)至顯示螢幕側邊。接著為「在不同的瀏覽器實例之間拖曳標籤」章節,其描述如何根據一或多個具體實施例在不同的瀏覽器實例(instance)之間拖曳標籤。接著為「將標籤固定至桌面工作列」章節,其描述如何根據一或多個具體實施例將標籤固定(pin)至桌面工作列。接著為「範例方法」章節,其描述根據一或多個具體實施例的範例方法。最後為「範例系統」章節,其描述可利用以實施一或多個具體實施例的範例系統。
作業環境
第1圖圖示說明根據一或多個具體實施例的作業環境,概括表示為100。環境100包含運算裝置102,運算裝置102具有一或多個處理器104、一或多個電腦可讀取儲存媒體106、以及常駐在電腦可讀取儲存媒體上且可由處理器執行的一或多個應用程式108。電腦可讀取儲存媒體可包含(僅為示例而不限於)通常地相關於運算裝置之所有型式的揮發性(volatile)記憶體、非揮發性(non-volatile)記憶體、及/或儲存媒體。此種媒體可包含唯讀記憶體(ROM)、隨機存取記憶體(RAM)、快閃記憶體(flash memory)、硬碟(hard disk)、可移除式媒體與類似者。下文第10圖圖示並描述運算裝置的一個特定範例。
此外,運算裝置102包含為網頁瀏覽器110型式的軟體應用程式,網頁瀏覽器110包含(或使用)如上文與下文所述般操作的可拖曳式標籤模組111。在一或多個具體實施例中,可拖曳式標籤模組使在網頁瀏覽器使用者介面中的標籤,能夠從顯示此標籤之與此標籤相關的標籤列被拖曳出。當被拖曳至標籤列之外時,可將內容成像在與標籤相關的視窗中。如此允許了並列觀看在主要網頁瀏覽器使用者介面中的內容,以及在與已從標籤列被拖曳出的標籤相關的視窗中的內容。在一或多個具體實施例中,與經拖曳標籤的視窗相關的內容可包含生動內容,諸如多媒體展示。在一或多個具體實施例中,可將可拖曳式標籤的視窗停靠至顯示螢幕的側邊,及/或顯示螢幕的頂部或底部。可拖曳式標籤的視窗的停靠行為可根據視窗被停靠至何處而改變,其將於下文描述而為顯然。
此外,環境100包含網路112,諸如網際網路(Internet),以及一或多個網頁伺服器114,可從網頁伺服器114接收內容,且可發送內容至網頁伺服器114,如上文與下文所述。此種內容可包含接收自網頁伺服器的網頁。
運算裝置102可被實施為任何適合的運算裝置,諸如(僅為示例而不限於)桌上型電腦、可攜式電腦、手持式電腦(諸如個人數位助理(PDA))、行動電話與類似者。
在已描述了範例作業環境之後,現在討論可利用可拖曳式標籤模組111的一些範例具體實施例。
範例可拖曳式標籤
第2圖圖示說明根據一或多個具體實施例的範例系統,概括表示為200。系統200包含形成部分的(或代表)用戶端電腦桌面的顯示螢幕202。在顯示螢幕202中圖示網頁瀏覽器使用者介面204。相關於網頁瀏覽器使用者介面的網頁瀏覽器,可包含通常地相關於網頁瀏覽器的功能性,包含(僅為示例而不限於)允許個人在二或更多個網站之間導航的功能性。在此特定範例中,相關於網頁瀏覽器使用者介面204的網頁瀏覽器,藉由使複數個標籤能夠被使用以載入個別網頁內容,而允許標籤瀏覽。標籤顯示於在網頁瀏覽器使用者介面中延伸的標籤列205中。顯示於標籤列中的個別標籤被圖示為206,且為下文討論之標的。
在經圖示說明與描述的具體實施例中,可將標籤從標籤列拖曳出,且可成像相關的視窗以包含相關於標籤的內容。可提供任何適合類型的輸入以將標籤從標籤列中拖曳出。例如,在觸摸感應(touch-sensitive)裝置上,使用者可例如以他們的手指或筆觸摸標籤,並將標籤從標籤列中拖曳出,如下文所述。或者或額外地,使用者可使用例如滑鼠,以使用拖放作業以將標籤從標籤列中拖曳出。作為範例,注意到第2圖中,已將游標放置在標籤206上。藉由左鍵點按(left-clicking)標籤,使用者現可將標籤從標籤列中拖曳出,如下文所述。
第3圖圖示已從標籤列205被拖曳至網頁瀏覽器使用者介面204的內容成像區域中的標籤206。回應於從標籤列拖曳出標籤,產生視窗300以容納(host)相關於標籤206的內容。在此範例中,標籤係鄰接(adjacent)於視窗300而成像,並形成相接的(contiguous)視覺單元。如上文所點出的,標籤內容可包含即時(real-time)成像的生動內容。在此,在視窗300中成像的內容以視窗300中的灰色代表。隨著標籤被拖曳,滑鼠的位置(或其他輸入裝置或機制)被監視,以使視窗300可隨著標籤206被移動。
從此位置開始,可在網頁瀏覽器使用者介面204的邊界內拖曳標籤206,或將標籤206拖曳至網頁瀏覽器使用者介面的邊界之外,諸如拖曳至用戶端運算裝置桌面上。
第4圖圖示說明在使用者放開滑鼠按鍵(或「放下」標籤)以完成或終止拖曳作業之後,標籤206的狀態。在一或多個具體實施例中,當此發生時,例示相同瀏覽器的新瀏覽器實例,且標籤內容被成像於其中。作為範例,第4圖圖示說明新網頁瀏覽器使用者介面400,其中已成像相關於標籤206的標籤內容。此可允許並列比較網頁瀏覽器使用者介面204與網頁瀏覽器使用者介面400中的內容。
範例可吸附式標籤
在一或多個具體實施例中,可將可拖曳式標籤的視窗停靠至顯示螢幕的側邊,及/或顯示螢幕的頂部或底部。可拖曳式標籤的視窗的停靠行為可根據視窗被停靠至何處而改變。
作為範例,再次看到第3圖,其中已將標籤206拖曳至標籤列之外,且回應於此,產生視窗300,將標籤的內容成像於視窗300中。假定在此範例中,將此標籤206與視窗300拖曳至桌面上,且朝向顯示螢幕的右側邊。在相對於顯示螢幕右側邊的不特定距離臨限值處,可將標籤206與視窗300「吸附」或停靠至顯示螢幕的右側邊,如第5圖所圖示。在此範例中,吸附包含成像網頁瀏覽器的新實例,以佔用(occupy)五成的顯示螢幕範圍。此外,將標籤內容成像於新網頁瀏覽器使用者介面500中。在吸附作業中可利用任何適合的距離臨限值。例如,可將距離臨限值定義為接近於一或多個像素。
在一或多個具體實施例中,標籤的停靠行為可根據標籤被停靠至何處而變化。在此特定範例中,停靠至顯示螢幕的左側邊或右側邊,造成網頁瀏覽器使用者介面的成像佔用五成的顯示螢幕範圍。停靠至顯示螢幕的頂部或底部,造成網頁瀏覽器使用者介面的成像佔用全部的顯示螢幕範圍。可採用任何適合的行為,而不脫離所請發明標的的精神與範圍。例如,可將網頁瀏覽器使用者介面成像為任何適合的大小,其小於或大於五成的顯示螢幕範圍。
在不同的瀏覽器實例之間拖曳標籤
在一或多個具體實施例中,可將標籤在相同網頁瀏覽器的不同實例之間拖曳。作為範例,看到第6圖。
在第6圖處,相同網頁瀏覽器的不同實例具有各別的網頁瀏覽器使用者介面204與600。在此範例中,將標籤206從相關於網頁瀏覽器使用者介面204的標籤列205拖曳出。結果,將如上所述之視窗300成像以包含標籤內容。現假定在此範例中,使用者繼續將206拖曳朝向網頁瀏覽器使用者介面600。在此拖曳作業期間,相對於其他成像於顯示螢幕上的內容(例如,網頁瀏覽器使用者介面600)的位置而監視滑鼠的位置。
第7圖圖示說明在已將標籤拖曳至標籤列602上之後,網頁瀏覽器使用者介面600的狀態。在一或多個具體實施例中,可定義相對於標籤列602的臨限值距離,以使得當游標越過(cross)臨限值時,標籤206被插入至標籤列602中,且一訊息被發送至標籤列602以使被拖曳的標籤的內容能夠被成像於網頁瀏覽器使用者介面600的成像區域中,如第7圖所圖示。在此處,使用者可放開滑鼠左鍵,或繼續將標籤拖曳至其他地方。注意到在剛描述的實施中,標籤206被插入至標籤列602中,且被拖曳的標籤的內容被成像於網頁瀏覽器使用者介面600中,而不需使用者放開滑鼠左鍵。然而,可使用其他做法而不脫離所請發明標的之精神與範圍。
將標籤固定至桌面工作列
在一或多個具體實施例中,標籤可被固定至顯示於顯示螢幕底部的桌面工作列。為了固定標籤,如上文所述將標籤從標籤列拖曳出,且拖曳過或拖曳至桌面工作列之上。放開標籤使標籤被固定至工作列。
在實施中,在至少一個具體實施例中,隨著標籤被移動過工作列,在固定之前產生檔案,其包含啟動網址(URL)、圖標(諸如偏愛圖標(favicon))、與其他詮釋資料(metadata)。檔案內容係接收自相關於標籤內容的網站。檔案內容使相關於現已固定之標籤的網站,能夠在圖標被選定時,被直接從工作列啟動(launch)。此在至少一些具體實施例中產生了所謂的網站模式瀏覽器(site mode browser),其中可成像標籤內容。可將網站模式瀏覽器想成為簡化的(pared down)網頁瀏覽器,其中已固定標籤內容的擁有者可經由在固定標籤之前產生的檔案,定義使用者經驗(user experience)。
在已於上文描述了各種具體實施例之後,現看到根據一或多個具體實施例的一些範例方法。
範例方法
第8圖為描述根據一或多個具體實施例的方法步驟的流程圖。可在關連於任何適合的硬體、軟體、韌體、或以上之結合者的情況下實施方法。在至少一些具體實施例中,可由諸如上文所述之可拖曳式標籤模組的型式,以軟體實施方法。
步驟800感測相關於將標籤從標籤列中拖曳出的輸入,標籤列係相關於網頁瀏覽器使用者介面。可感測任何適合類型的輸入,其範例已於上文提供。步驟802產生視窗以容納相關於標籤的標籤內容。可由任何適合的方式履行步驟。例如,與拖曳標籤相關的輸入可被追蹤,且一旦相對於標籤列的臨限值被越過,則產生相對於正被拖曳的標籤的視窗。步驟804在產生的視窗中成像相關於標籤的內容。此可包含任何適合類型的內容,包含生動多媒體內容,以使得在標籤被四處拖曳時,生動多媒體內容可隨之繼續被成像。
步驟806例示新網頁瀏覽器實例。可由任何適合的方式履行步驟。例如,在造成標籤從標籤列被拖曳出的拖曳作業終止時,可例示新網頁瀏覽器實例。可由任何適合的方式將拖曳作業終止,諸如放開用以起始拖曳作業的滑鼠左鍵、將手指從觸摸感應螢幕抬起、將筆從觸摸感應螢幕抬起、與類似者。
步驟808在相關於新網頁瀏覽器實例的新網頁瀏覽器使用者介面中,成像相關於標籤的內容。
第9圖為描述根據一或多個具體實施例的方法步驟的流程圖。可在關連於任何適合的硬體、軟體、韌體、或以上之結合者的情況下實施方法。在至少一些具體實施例中,可由諸如上文所述之可拖曳式標籤模組的型式,以軟體實施方法。
步驟900感測相關於將標籤從標籤列中拖曳出的輸入,標籤列係相關於網頁瀏覽器使用者介面。可感測任何適合類型的輸入,其範例已於上文提供。步驟902產生視窗以容納相關於標籤的標籤內容。可由任何適合的方式履行步驟。例如,與拖曳標籤相關的輸入可被追蹤,且一旦相對於標籤列的臨限值被越過,則產生相對於正被拖曳的標籤的視窗。步驟904在產生的視窗中成像相關於標籤的內容。此可包含任何適合類型的內容,包含生動多媒體內容,以使得在標籤被四處拖曳時,生動多媒體內容可隨之繼續被成像。
步驟906確認相對於顯示螢幕側邊的距離臨限值是否已被越過。若距離臨限值尚未被越過,則方法回到步驟904。相反地,若距離臨限值已被越過,則步驟908將標籤與相關的內容吸附至顯示螢幕側邊。可由任何適合的方式履行此步驟。例如,步驟910可例示新網頁瀏覽器實例,且步驟912可將相關於標籤的內容成像於相關於新網頁瀏覽器實例的新網頁瀏覽器使用者介面中。在一種實施中,係以一方式履行此作業,以使得其他系統部件(包含但不限於網頁瀏覽器)將新瀏覽器實例視為經由拖曳標題列(titlebar)而被停靠的「視窗(Window)」,其將為熟習本技藝者所認知。
在已描述了可根據一或多個具體實施例以利用的範例方法之後,現看到可利用以實施一或多個具體實施例的範例系統。
範例系統
第10圖圖示說明範例運算裝置1000,其可被用以實施上文所述之各種具體實施例。例如,運算裝置1000可為第1圖所示的運算裝置102或網頁伺服器114。
運算裝置1000包含一或多個處理器或處理單元1002、一或多個記憶體及/或儲存部件1004、一或多個輸入/輸出(I/O)裝置1006、以及允許各種部件與裝置與彼此通訊的匯流排1008。匯流排1008代表一或多種任意的數種匯流排結構類型,包含記憶體匯流排或記憶體控制器、外部匯流排、加速影像處理埠(AGP)、與使用各種匯流排架構之任意者的處理器或本地匯流排。匯流排1008可包含有線及/或無線匯流排。
記憶體/儲存部件1004代表一或多個電腦儲存媒體。部件1004可包含揮發性媒體(諸如隨機存取記憶體(RAM))及/或非揮發性媒體(諸如唯讀記憶體(ROM)、快閃記憶體、光學碟片、磁性碟片等等)。部件1004可包含固定式媒體(例如,RAM、ROM、固定式硬碟等等)以及可移除式媒體(例如,快閃記憶體碟、可移除式硬碟、光學碟片等等)。
一或多個輸入/輸出裝置1006允許使用者鍵入指令與資訊至運算裝置1000,且亦允許資訊被呈現給使用者及/或其他部件或裝置。輸入裝置的範例包含鍵盤、游標控制裝置(例如,滑鼠)、麥克風、掃描器等等。輸出裝置的範例包含顯示裝置(例如,顯示器或投影機)、揚聲器、印表機、網路卡等等。
在此可由一般的軟體或程式模組情境描述各種技術。通常地,軟體包含履行特定工作或實施特定抽象資料類型的例行程序、程式、物件、部件、資料結構、等等。這些模組與技術的實施可被儲存在(或傳送過)一些電腦可讀取媒體的型式。電腦可讀取媒體可為可被運算裝置存取之,任何可用的媒介或媒體。電腦可讀取媒體可(僅為示例而不為限制)包含「電腦可讀取儲存媒體」。
「電腦可讀取儲存媒體」包含實施於任何用於儲存資訊的方法或科技的揮發性與非揮發性、可移除式與不可移除式媒體,諸如電腦可讀取指令、資料結構、程式模組、或其他資料。電腦可讀取儲存媒體包含但不限於:RAM、ROM、EEPROM、快閃記憶體或其他記憶體科技、光碟機、數位多功能光碟(DVD)或其他光學儲存、磁性卡匣、磁帶、磁性碟片儲存或其他磁性儲存裝置、或任何其他可用以儲存所需資訊且可被電腦存取的媒介。
結論
各種具體實施例使在網頁瀏覽器使用者介面中的標籤,能夠從顯示此標籤之與此標籤相關的標籤列被拖曳出。當被拖曳至標籤列之外時,可將內容成像在與標籤相關的視窗中。如此允許了並列觀看在主要網頁瀏覽器使用者介面中的內容,以及在與已從標籤列被拖曳出的標籤相關的視窗中的內容。在一或多個具體實施例中,與經拖曳標籤的視窗相關的內容可包含生動內容,諸如多媒體展示。
在一或多個具體實施例中,可將可拖曳式標籤的視窗停靠至顯示螢幕的側邊,及/或顯示螢幕的頂部或底部。可拖曳式標籤的視窗的停靠行為可根據視窗被停靠至何處而改變。
雖然已由特定於結構特徵及/或方法論之動作的用語描述了發明標的,應瞭解在附加申請專利範圍中定義的發明標的可不需被限制為上文所述之特定特徵或動作。相反地,上文所述之特定特徵或動作被揭示為實施申請專利範圍的範例型式。
100...作業環境
102...運算裝置
104...處理器
106...電腦可讀取儲存媒體
108...應用程式
110...網頁瀏覽器
111...可拖曳式標籤模組
112...網路
114...網頁伺服器
200...範例系統
202...顯示螢幕
204...網頁瀏覽器使用者介面
205...標籤列
206...標籤
300...視窗
400...網頁瀏覽器使用者介面
500...新網頁瀏覽器使用者介面
600...網頁瀏覽器使用者介面
602...標籤列
800-808...步驟
900-912...步驟
1000...運算裝置
1002...處理器
1004...記憶體/儲存部件
1006...輸入/輸出裝置
1008...匯流排
在所有圖式中使用相同的元件符號以指代類似的特徵。
第1圖圖示說明根據一或多個具體實施例的作業環境,其中可採用各種在此描述的原理;
第2圖圖示說明根據一或多個具體實施例的範例網頁瀏覽器使用者介面;
第3圖圖示根據一或多個具體實施例,在已從標籤列中被拖曳至網頁瀏覽器使用者介面的內容成像區域中之後的範例標籤;
第4圖圖示說明根據一或多個具體實施例,在已被「放下」至桌面上之後的標籤的狀態;
第5圖圖示說明根據一或多個具體實施例之範例吸附作業;
第6圖圖示說明根據一或多個具體實施例,在不同瀏覽器實例之間的標籤拖曳;
第7圖圖示說明根據一或多個具體實施例,在不同瀏覽器實例之間的標籤拖曳;
第8圖為描述根據一或多個具體實施例的方法步驟之流程圖;
第9圖為描述根據一或多個具體實施例的方法步驟之流程圖;
第10圖圖示說明可用以實施一或多個具體實施例的範例系統。
100...作業環境
102...運算裝置
104...處理器
106...電腦可讀取儲存媒體
108...應用程式
110...網頁瀏覽器
111...可拖曳式標籤模組
112...網路
114...網頁伺服器

Claims (20)

  1. 一種電腦實施的方法,包含:一感測步驟,感測相關於將一標籤從一標籤列拖曳出的輸入,該標籤列係相關於一網頁瀏覽器使用者介面;一產生步驟,回應於該感測步驟,產生一視窗以容納相關於該標籤的標籤內容;以及一成像步驟,在該視窗中成像相關於該標籤的內容。
  2. 如申請專利範圍第1項所述之電腦實施的方法,其中該感測步驟包含:感測一滑鼠點按。
  3. 如申請專利範圍第1項所述之電腦實施的方法,其中該成像步驟包含:成像多媒體內容。
  4. 如申請專利範圍第1項所述之電腦實施的方法,更包含以下步驟:例示一新網頁瀏覽器實例;以及將相關於該標籤的內容成像於相關於該新網頁瀏覽器實例的一新網頁瀏覽器使用者介面中。
  5. 如申請專利範圍第1項所述之電腦實施的方法,更包含以下步驟:例示一新網頁瀏覽器實例;以及將相關於該標籤的內容成像於相關於該新網頁瀏覽器實例的一新網頁瀏覽器使用者介面中,其中該例示一新網頁瀏覽器實例步驟,係回應於造成該標籤從標籤列被拖曳出的一拖曳作業的終止而被履行。
  6. 如申請專利範圍第1項所述之電腦實施的方法,更包含以下步驟:例示一新網頁瀏覽器實例;以及將相關於該標籤的內容成像於相關於該新網頁瀏覽器實例的一新網頁瀏覽器使用者介面中;以及其中該例示一新網頁瀏覽器實例步驟,係回應於造成該標籤從標籤列被拖曳出的一拖曳作業的終止而被履行;以及其中該拖曳作業的終止係回應於感測到一滑鼠左鍵被放開而發生。
  7. 一種電腦實施的方法,包含:一感測步驟,感測相關於將一標籤從一標籤列拖曳出的輸入,該標籤列係相關於一網頁瀏覽器使用者介面;一產生步驟,回應於該感測步驟,產生一視窗以容納相關於該標籤的標籤內容;一成像步驟,在該視窗中成像相關於該標籤的內容;以及一吸附步驟,將該標籤與相關於該標籤的內容吸附至一顯示螢幕側邊。
  8. 如申請專利範圍第7項所述之電腦實施的方法,其中該吸附步驟包含:確認相對於該顯示螢幕側邊的一距離臨限值是否已被越過;以及回應於該距離臨限值被越過,履行該吸附步驟。
  9. 如申請專利範圍第7項所述之電腦實施的方法,其中該吸附步驟包含:例示一新網頁瀏覽器使用者介面;以及將相關於該標籤的內容成像於該新網員瀏覽器使用者介面中。
  10. 如申請專利範圍第7項所述之電腦實施的方法,其中該感測步驟包含:感測一滑鼠點按。
  11. 如申請專利範圍第7項所述之電腦實施的方法,其中該成像步驟包含:成像多媒體內容。
  12. 一種包含多數電腦可讀取指令的電腦可讀取儲存媒體,該等電腦可讀取指令在被執行時經組態以執行:一感測步驟,感測相關於將一標籤從一標籤列拖曳出的輸入,該標籤列係相關於一網頁瀏覽器使用者介面;一產生步驟,回應於該感測步驟,產生一視窗以容納相關於該標籤的標籤內容;以及一成像步驟,在該視窗中成像相關於該標籤的內容。
  13. 如申請專利範圍第12項所述之電腦可讀取儲存媒體,其中該等指令更進一步經組態以執行以下步驟:例示一新網頁瀏覽器實例;以及將相關於該標籤的內容成像於相關於該新網頁瀏覽器實例的一新網頁瀏覽器使用者介面中。
  14. 如申請專利範圍第12項所述之電腦可讀取儲存媒體,其中該等指令更進一步經組態以執行以下步驟:例示一新網頁瀏覽器實例;以及將相關於該標籤的內容成像於相關於該新網頁瀏覽器實例的一新網頁瀏覽器使用者介面中;以及其中該等指令更進一步經組態以回應於造成該標籤從標籤列被拖曳出的一拖曳作業的終止,而例示該新網頁瀏覽器實例。
  15. 如申請專利範圍第12項所述之電腦可讀取儲存媒體,其中該等指令更進一步經組態以將該標籤與相關於該標籤的內容吸附至一顯示螢幕側邊。
  16. 如申請專利範圍第12項所述之電腦可讀取儲存媒體,其中該等指令更進一步經組態以藉由成像一網頁瀏覽器使用者介面,該網頁瀏覽器使用者介面包含佔用該顯示螢幕的約五成範圍的相關於該標籤的內容,而將該標籤與相關於該標籤的內容吸附至一顯示螢幕側邊。
  17. 如申請專利範圍第12項所述之電腦可讀取儲存媒體,其中該等指令更進一步經組態以藉由成像一網頁瀏覽器使用者介面,該網頁瀏覽器使用者介面包含佔用該顯示螢幕的大於約五成範圍的相關於該標籤的內容,而將該標籤與相關於該標籤的內容吸附至一顯示螢幕側邊。
  18. 如申請專利範圍第12項所述之電腦可讀取儲存媒體,其中該等指令更進一步經組態以使一標籤能夠在一相同網頁瀏覽器的不同實例之間被拖曳。
  19. 如申請專利範圍第12項所述之電腦可讀取儲存媒體,其中該等指令更進一步經組態以執行以下步驟:使一標籤能夠在一相同網頁瀏覽器的不同實例之間被拖曳;以及使在該相同網頁瀏覽器的該等不同實例之間被拖曳的該標籤,能夠被放下至與拖曳出該標籤的一標籤列不同的一標籤列上。
  20. 如申請專利範圍第12項所述之電腦可讀取儲存媒體,其中該等指令更進一步經組態以使一標籤能夠被固定至一桌面工作列。
TW100107184A 2010-09-09 2011-03-03 可拖曳式標籤 TWI545448B (zh)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
US12/878,745 US20120066628A1 (en) 2010-09-09 2010-09-09 Drag-able tabs

Publications (2)

Publication Number Publication Date
TW201211794A TW201211794A (en) 2012-03-16
TWI545448B true TWI545448B (zh) 2016-08-11

Family

ID=45807895

Family Applications (1)

Application Number Title Priority Date Filing Date
TW100107184A TWI545448B (zh) 2010-09-09 2011-03-03 可拖曳式標籤

Country Status (12)

Country Link
US (1) US20120066628A1 (zh)
EP (1) EP2614428A4 (zh)
JP (1) JP5841603B2 (zh)
KR (1) KR20130108285A (zh)
CN (1) CN102402577A (zh)
AU (1) AU2011299572B2 (zh)
BR (1) BR112013005691A8 (zh)
CA (1) CA2810366C (zh)
MX (1) MX2013002723A (zh)
RU (1) RU2589335C2 (zh)
TW (1) TWI545448B (zh)
WO (1) WO2012033546A1 (zh)

Families Citing this family (32)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9268867B2 (en) * 2005-08-03 2016-02-23 Aol Inc. Enhanced favorites service for web browsers and web applications
US9323438B2 (en) 2010-07-15 2016-04-26 Apple Inc. Media-editing application with live dragging and live editing capabilities
US8954477B2 (en) 2011-01-28 2015-02-10 Apple Inc. Data structures for a media-editing application
US11747972B2 (en) 2011-02-16 2023-09-05 Apple Inc. Media-editing application with novel editing tools
US9600455B2 (en) * 2011-12-28 2017-03-21 Intel Corporation Hybrid mobile interactions for native apps and web apps
US9055404B2 (en) 2012-05-21 2015-06-09 Nokia Technologies Oy Apparatus and method for detecting proximate devices
US10489723B2 (en) 2012-05-21 2019-11-26 Nokia Technologies Oy Apparatus and method for providing for communications using distribution lists
EP2741201A3 (en) * 2012-12-06 2017-05-17 Samsung Electronics Co., Ltd Display device and method of controlling the same
US8984439B2 (en) * 2013-02-14 2015-03-17 Citibank, N.A. Methods and systems for managing a graphical user interface
CN103064683A (zh) * 2013-02-19 2013-04-24 福建榕基软件股份有限公司 Web环境下多标签页的自定义布局方法及装置
WO2014143776A2 (en) 2013-03-15 2014-09-18 Bodhi Technology Ventures Llc Providing remote interactions with host device using a wireless device
KR102266198B1 (ko) * 2013-08-02 2021-06-18 삼성전자주식회사 이종 애플리케이션들을 포함하는 그룹을 나타내는 탭 윈도우를 관리하는 방법 및 장치.
US9547525B1 (en) * 2013-08-21 2017-01-17 Google Inc. Drag toolbar to enter tab switching interface
US9569004B2 (en) 2013-08-22 2017-02-14 Google Inc. Swipe toolbar to switch tabs
US10313506B2 (en) 2014-05-30 2019-06-04 Apple Inc. Wellness aggregator
US20160103793A1 (en) * 2014-10-14 2016-04-14 Microsoft Technology Licensing, Llc Heterogeneous Application Tabs
EP3484134B1 (en) 2015-02-02 2022-03-23 Apple Inc. Device, method, and graphical user interface for establishing a relationship and connection between two devices
WO2016144385A1 (en) 2015-03-08 2016-09-15 Apple Inc. Sharing user-configurable graphical constructs
US10275116B2 (en) 2015-06-07 2019-04-30 Apple Inc. Browser with docked tabs
CN105930351A (zh) * 2016-04-07 2016-09-07 北京金山安全软件有限公司 网页内容显示方法及装置
DK201770423A1 (en) 2016-06-11 2018-01-15 Apple Inc Activity and workout updates
US10873786B2 (en) 2016-06-12 2020-12-22 Apple Inc. Recording and broadcasting application visual output
JP6987003B2 (ja) * 2018-03-20 2021-12-22 株式会社Screenホールディングス テキストマイニング方法、テキストマイニングプログラム、および、テキストマイニング装置
DK180171B1 (en) 2018-05-07 2020-07-14 Apple Inc USER INTERFACES FOR SHARING CONTEXTUALLY RELEVANT MEDIA CONTENT
US11157152B2 (en) * 2018-11-05 2021-10-26 Sap Se Interaction mechanisms for pointer control
US10866704B1 (en) * 2019-06-04 2020-12-15 Microsoft Technology Licensing, Llc Intelligent web browser segregation
CN110830645B (zh) * 2019-09-24 2021-05-18 华为技术有限公司 一种操作方法和电子设备及计算机存储介质
CN110941373B (zh) * 2019-10-09 2021-06-25 广州视源电子科技股份有限公司 智能交互平板的交互方法、装置、终端设备和存储介质
US11157160B1 (en) * 2020-11-09 2021-10-26 Dell Products, L.P. Graphical user interface (GUI) for controlling virtual workspaces produced across information handling systems (IHSs)
US11938376B2 (en) 2021-05-15 2024-03-26 Apple Inc. User interfaces for group workouts
CN113311983B (zh) * 2021-07-28 2022-06-21 统信软件技术有限公司 一种基于地址栏的交互方法及计算设备
US20240004524A1 (en) * 2022-06-30 2024-01-04 Microsoft Technology Licensing, Llc Window arrangements using tabbed user interface elements

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003526820A (ja) * 1997-08-22 2003-09-09 ナトリフィシャル エルエルシー グラフィック表示内でウィンドウのサイズ変更および再配置を同時に行うための方法および装置
JP2001255976A (ja) * 2000-02-03 2001-09-21 Internatl Business Mach Corp <Ibm> 共通レジストリを含むタブ付きノートブックおよびその表示操作方法
US7124373B1 (en) * 2002-01-09 2006-10-17 International Business Machines Corporation System and method for rearranging run-time ordering of open tasks
NO20031586L (no) * 2003-04-08 2004-10-11 Favourite Systems As Vindussystem for datainnretning
US7921372B2 (en) * 2005-03-25 2011-04-05 Microsoft Corporation System and method for pinning tabs in a tabbed browser
US7523409B2 (en) * 2005-05-24 2009-04-21 Microsoft Corporation Methods and systems for operating multiple web pages in a single window
US20070180381A1 (en) * 2006-01-31 2007-08-02 Rice Stephen J Browser application
US20080077936A1 (en) * 2006-09-22 2008-03-27 Amit Goel Method and apparatus for automatically launching an application from a browser
US8631340B2 (en) * 2008-06-25 2014-01-14 Microsoft Corporation Tab management in a user interface window
KR101651524B1 (ko) * 2008-09-01 2016-08-26 구글 인코포레이티드 브라우저의 새로운 탭 페이지 및 북마크 툴바
CN101504648A (zh) * 2008-11-14 2009-08-12 北京搜狗科技发展有限公司 展现网页资源的方法及装置
CN101587489B (zh) * 2009-06-12 2012-07-04 北京搜狗科技发展有限公司 一种浏览器展现页面特定资源的方法及系统
US20110138313A1 (en) * 2009-12-03 2011-06-09 Kevin Decker Visually rich tab representation in user interface

Also Published As

Publication number Publication date
KR20130108285A (ko) 2013-10-02
CN102402577A (zh) 2012-04-04
BR112013005691A2 (pt) 2016-05-03
MX2013002723A (es) 2013-04-03
RU2589335C2 (ru) 2016-07-10
JP2013537329A (ja) 2013-09-30
CA2810366A1 (en) 2012-03-15
RU2013110286A (ru) 2014-09-20
TW201211794A (en) 2012-03-16
US20120066628A1 (en) 2012-03-15
CA2810366C (en) 2017-06-06
BR112013005691A8 (pt) 2017-12-12
JP5841603B2 (ja) 2016-01-13
EP2614428A4 (en) 2016-07-27
AU2011299572B2 (en) 2014-11-13
AU2011299572A1 (en) 2013-03-21
WO2012033546A1 (en) 2012-03-15
EP2614428A1 (en) 2013-07-17

Similar Documents

Publication Publication Date Title
TWI545448B (zh) 可拖曳式標籤
CN103562838B (zh) 边缘手势
CN103649900B (zh) 边缘手势
EP3017350B1 (en) Manipulation of content on a surface
US9501792B2 (en) System and method for a graphical user interface including a reading multimedia container
US10209880B2 (en) Travel log for manipulation of content
CN103930885B (zh) 测量网页渲染时间
US9262071B2 (en) Direct manipulation of content
US10409366B2 (en) Method and apparatus for controlling display of digital content using eye movement
JP5976689B2 (ja) タスク・ベースのアドレス・バーおよびタブのスケーリング
CN103562831A (zh) 边缘手势
CN109189954B (zh) 内容推荐方法和装置
US20130063446A1 (en) Scenario Based Animation Library
US9733732B2 (en) Generating a virtual eraser area
US20150033161A1 (en) Detecting a first and a second touch to associate a data file with a graphical data object
CA2836884A1 (en) Navigation user interface in support of page-focused, touch- or gesture-based browsing experience
US20140068424A1 (en) Gesture-based navigation using visual page indicators
CN107077272B (zh) 响应于用户动作而确定启用直接操纵的命中测试
US20130290907A1 (en) Creating an object group including object information for interface objects identified in a group selection mode
CN110147260B (zh) 实现场景过渡动画的方法、介质、装置和计算设备

Legal Events

Date Code Title Description
MM4A Annulment or lapse of patent due to non-payment of fees