TW201335834A

TW201335834A - 可攜式裝置及其網頁瀏覽方法

Info

Publication number: TW201335834A
Application number: TW102104971A
Authority: TW
Inventors: Kun-Da Wu
Original assignee: Htc Corp
Priority date: 2012-02-23
Filing date: 2013-02-07
Publication date: 2013-09-01
Also published as: US20130227468A1; EP2631775A1; CN103294355A

Abstract

本發明提供一種可攜式裝置及其網頁瀏覽方法。該網頁瀏覽方法可應用於該可攜式裝置。該可攜式裝置可包含一處理器及一觸控螢幕。該處理器用以瀏覽網際網路中的一網頁。該觸控螢幕電性連接至該處理器並用以呈現該網頁的內容。該處理器更於該觸控螢幕被觸摸及拖動以翻捲該網頁時，控制該觸控螢幕呈現至少一個額外功能欄以提供至少一個操作選項。

Description

可攜式裝置及其網頁瀏覽方法

本發明關於一種可攜式裝置及其網頁瀏覽方法。更具體而言，本發明關於一種能夠在瀏覽網頁期間提供更友善及有效的操作選項的可攜式裝置及其網頁瀏覽方法。

隨著人們對無線通訊的需求愈益提高，可攜式裝置（例如，行動電話、筆記型電腦、平板型個人電腦、或個人數位助理）對於人們的生活已逐漸變得不可或缺。為滿足人們對可攜式裝置的需求，可攜式裝置製造商皆嘗試將可攜式裝置設計得更具人性化或更適合操作。在該等設計中，在觸控螢幕上瀏覽網頁已被視為人們所需的功能之一。

觸控螢幕在可攜式裝置中愈益流行的一個原因在於，其能夠同時作為使用者輸入裝置及使用者輸出裝置。更具體而言，觸控螢幕讓使用者能夠與呈現給該使用者的資料進行互動，而非與一組單獨的按鈕進行互動。如此，將有助於藉由僅觸摸及拖動觸控螢幕而更輕易地瀏覽網際網路中的網頁。換言之，觸控螢幕可被作為一種可攜式裝置進行輸入的方式。

對於傳統的可攜式裝置而言，當使用者在可攜式裝置的觸控螢幕上瀏覽網頁時，可提供各種操作選項的功能欄始終被呈現於一固定位置。一般而言，當網頁被翻捲至其頂部時，傳統的可攜式裝置的觸控螢幕上，僅會呈現一個永久附著至該網頁頂部的永久標頭功能欄。或者，當網頁被翻捲至其底部時，傳統的可攜式裝置的觸控螢幕上，才會呈現一個附著至該網頁底部的永久底部功能欄。因此，若使用者在瀏覽一網頁期間，欲在觸控螢幕上執行其他操作選項，則唯一方法就是觸摸該觸控螢幕並將該網頁翻捲至其頂部或底部，以呈現出附著至該網頁的頂部或底部，方能呈現所需操作的功能欄。

有鑒於此，如何解決傳統的可攜式裝置因其功能欄的呈現不夠友善及有效，致無法滿足使用者在瀏覽網頁期間可隨時執行所需操作的各種問題，仍為本技術領域中亟需努力的目標。

本發明的一目的為提供一種可攜式裝置及其網頁瀏覽方法，以讓使用者能夠在瀏覽網頁期間獲得更友善及更有效的操作選項。在本發明中，當使用者使用可攜式裝置瀏覽網頁時，當使用者觸摸及拖動可攜式裝置的觸控螢幕時，本發明可使至少一個額外功能欄（function bar）動態地被呈現於可攜式裝置的觸控螢幕上，藉以以提供至少一個使用者所需操作的操作選項。因此，本發明可有效地解決傳統的可攜式裝置因其功能欄的呈現不夠友善及有效，致無法滿足使用者在瀏覽網頁期間可隨時執行所需操作的各種問題。

為達成上述目的，本發明揭示一種可攜式裝置。該可攜式裝置包含一處理器及一電性連接至該處理器的觸控螢幕。該處理器用以瀏覽網際網路中的一網頁。該處理器更用以於該觸控螢幕被觸摸及拖動以翻捲該網頁時，控制該觸控螢幕以呈現至少一個額外功能欄，且該至少一個額外功能欄用以提供至少一個操作選項。

為達成上述目的，本發明更揭示一種用於一可攜式裝置的網頁瀏覽方法。該可攜式裝置包含一處理器及一電性連接至該處理器的觸控螢幕。該網頁瀏覽方法包含以下步驟：（a）使該處理器瀏覽網際網路中的一網頁；以及（b）當該觸控螢幕被觸摸及拖動以翻捲該網頁時，使該處理器控制該觸控螢幕以呈現至少一個額外功能欄，其中該至少一個額外功能欄用以提供至少一個操作選項。

於參閱圖式及隨後描述的實施方式後，所屬技術領域具有通常知識者便可瞭解本發明的技術手段及可實施態樣。

第1圖為本發明第一實施例所述的可攜式裝置1的示意圖；
第2A~2F圖用以闡述本發明第一實施例所述的觸控螢幕13所呈現的各種額外功能欄的示意圖；以及
第3圖為本發明第二實施例所述的網頁瀏覽方法的流程圖。

以下將透過實施例來解釋本發明內容。然而，本發明的實施例並非用以限制本發明需在如實施例所述的任何環境、應用或方式方能實施。因此，關於實施例的說明僅為闡釋本發明的目的，而非用以直接限制本發明。需説明者，以下實施例及圖示中，與本發明非直接相關的元件已省略而未繪示；且繪示於圖式中的各元件之間的尺寸比例僅為便於理解，而非用以限制為實際的實施比例。

第1圖及第2A圖至第2F圖被用以闡述本發明的一第一實施例。具體而言，第1圖為本發明第一實施例所述的一可攜式裝置1的示意圖，第2A圖至第2F圖為闡述本發明第一實施例所述的一觸控螢幕13所呈現的各種額外功能欄的示意圖。

如第1圖所示，可攜式裝置1為一智慧型電話，且包含一處理器11及一觸控螢幕13，其中觸控螢幕13電性連接至處理器11。為了便於說明，可攜式裝置11的其他元件（例如，通信模組、電源模組、及天線模組）皆省略而未繪示於圖。處理器11可用以瀏覽網際網路中的網頁，且觸控螢幕13可用以呈現網頁的內容。換言之，處理器11可視為瀏覽器一般，具有瀏覽網頁的能力。應理解，可攜式裝置1亦可具有其他實施態樣，例如筆記型電腦、平板型個人電腦、或個人數位助理等等。

結合第2A圖至第2F圖的繪示，以下將進一步說明在不同狀態下，當觸控螢幕13被觸摸及拖動以翻捲網頁時，處理器11如何控制觸控螢幕13，呈現至少一個額外功能欄的各種實施態樣。該至少一個額外功能欄可用以提供至少一個操作選項，且該至少一個額外功能欄所提供的該至少一個操作選項的數量及類別，可根據使用者的需求而被設計。以下說明將假設處理器11正在瀏覽一網頁2，且觸控螢幕13正在呈現網頁2的內容，其中網頁2的頂部附著一永久標頭功能欄41。

第2A圖呈現了網頁2處於被翻捲至其頂部的一狀態。如第2圖所示，在此狀態下，當觸控螢幕13被觸摸及向上拖動時，可視為網頁2的頂部被過度翻捲（over-scrolled）的情況，觸控螢幕13將於其底部呈現一額外覆蓋底部功能欄61，其中額外覆蓋底部功能欄61與持久標頭功能欄41呈現對立。額外覆蓋底部功能欄61將會於一有限時間內暫時地呈現在觸控螢幕13上，並在該有限的時間結束時自行隱藏。額外覆蓋底部功能欄61的呈現時間及呈現方式可根據使用者的需求進行設計。應理解，在其他實施例中，在網頁2處於被翻捲至其頂部的一狀態，當觸控螢幕13被觸摸及朝其他方向（例如：向下、向左、向右、向右上方、或向左下方等等）拖動時，觸控螢幕13亦可於其底部呈現額外覆蓋底部功能欄61。

第2B圖、第2C圖及第2D圖第2A圖呈現了網頁2處於被翻捲至其中部的一狀態。如第2B圖所示，在此狀態下，當觸控螢幕13被觸摸及向上或向下拖動時，觸控螢幕13將於其底部呈現額外覆蓋底部功能欄61。作為另一選擇，如第2C圖所示，在此狀態下，顯示當觸控螢幕13被觸摸及向上或向下拖動時，觸控螢幕13可於其頂部呈現一額外覆蓋標頭功能欄63。額外覆蓋標頭功能欄63呈現在觸控螢幕13時，將覆蓋網頁2的一部份，且其可提供與永久標頭功能欄41相同的操作選項。作為另一選擇，如第2D圖所示，在此狀態下，當觸控螢幕13被觸摸及向上或向下拖動時，觸控螢幕13可同時於其底部呈現額外覆蓋底部功能欄61以及於其頂部呈現額外覆蓋標頭功能欄63。

在第2B圖至第2D圖中所示的額外覆蓋底部功能欄61及/或額外覆蓋標頭功能欄63將會在一有限時間內暫時顯示在觸控螢幕13，並在該有限時間結束時自行隱藏。額外覆蓋底部功能欄61及額外覆蓋標頭功能欄63的呈現時間及呈現方式可根據使用者的需求進行設計。應理解，在其他實施例中，在網頁2處於被翻捲至其中部的一狀態，當觸控螢幕13被觸摸及朝其他方向（例如：向左、向右、向右上方、或向左下方等等）拖動時，觸控螢幕13亦可於其底部呈現額外覆蓋底部功能欄61、於其頂部處呈現額外覆蓋標頭功能欄63、或同時於其底部呈現額外覆蓋底部功能欄61以及於其頂部呈現額外覆蓋標頭功能欄63。

第2E圖及第2F圖呈現了網頁2處於被翻捲至其底部的一狀態。如第2E圖所示，在此狀態下，當觸控螢幕13被觸摸及向上拖動時，可視為網頁2的底部被過度翻捲的情況，觸控螢幕13可於其底部呈現額外覆蓋底部功能欄61。作為另一選擇，如第2F圖所示，在此狀態下，當觸控螢幕13被觸摸及向上拖動時，可視為網頁2的底部被過度翻捲的情況，觸控螢幕13可呈現一額外附著底部功能欄65，其中額外附著底部功能欄65被附著至網頁2的底部。在此狀態下，於觸控螢幕13被觸摸及向上拖動之前，額外附著底部功能欄65可一直被隱藏。

第2E圖至第2F圖中所示的額外覆蓋底部功能欄61及額外覆蓋標頭功能欄63將會在一有限時間內暫時顯示在觸控螢幕13，並在該有限時間結束時自行隱藏。額外覆蓋底部功能欄61及額外覆蓋標頭功能欄63的呈現時間及呈現方式可根據使用者的需求進行設計。應理解，在其他實施例中，在網頁2處於被翻捲至其底部的一狀態，當觸控螢幕13被觸摸及朝其他方向拖動（例如：向下、向左、向右、向右上、或向左下等等）時，觸控螢幕13亦可呈現額外覆蓋底部功能欄61或額外覆蓋標頭功能欄63。

第2A圖至第2F圖的繪示以及與其相關聯的上述說明僅為本發明的一較佳實施方式，並非用以限定本發明的可實施態樣。

第3圖被用以闡述本發明的一第二實施例，其中第3圖為本發明第二實施例所述的網頁瀏覽方法的流程圖。第二實施例所述的網頁瀏覽方法可應用於一可攜式裝置，且該可攜式裝置可被視為第一實施例所述的可攜式裝置1。因此，第二實施例中所述的可攜式裝置可包含一處理器及一觸控螢幕。

於其它實施例，本實施例所述的網頁瀏覽方法亦可被應用至一電腦程式產品。當將該電腦程式產品被載入一電腦時，該電腦將執行該電腦程式產品中所包含的複數個程式碼，進而完成本實施例所述的網頁瀏覽方法。該電腦程式產品可儲存於非暫態電腦可讀取記錄媒體（non-transitory tangible computer readable medium）中，例如唯讀記憶體（read only memory；ROM）、快閃記憶體、軟碟、硬碟、光碟（compact disk；CD）、隨時碟、磁帶、可由網路存取的資料庫或熟習此項技術者所習知且具有相同功能的任何其他儲存媒體中。

參照第3圖，於步驟S31，使可攜式裝置的處理器瀏覽網際網路中的一網頁。於步驟S33，當可攜式裝置的觸控螢幕被觸摸及拖動以翻捲網頁時，使可攜式裝置的處理器控制觸控螢幕呈現至少一個額外功能欄，其中該至少一個額外功能欄用以提供至少一個操作選項。

應理解，除上述說明之外，第二實施例所述的網頁瀏覽方法亦可執行第一實施例所述的手持式裝置1的所有操作及具備相對應的功能。因所屬技術領域具有通常知識者可直接瞭解第二實施例如何基於上述第一實施例以執行此等操作及功能，於此不多贅述。

綜上所述，本發明揭示的可攜式裝置及其網頁瀏覽方法可在使用者瀏覽網頁的期間，當使用者觸摸及拖動可攜式裝置的觸控螢幕時，使至少一個額外功能欄動態地被呈現於可攜式裝置的觸控螢幕上，藉以以提供至少一個使用者所需操作的操作選項。因此，本發明揭示的可攜式裝置及其網頁瀏覽方法可有效地解決傳統的可攜式裝置因其功能欄的呈現不夠友善及有效，致無法滿足使用者在瀏覽網頁期間可隨時執行所需操作的各種問題。

上述實施例所闡述的內容僅用以例舉本發明的部分實施態樣，以及闡釋本發明的技術特徵，並非用以限制本發明的實質保護範疇。因此，任何熟悉本技術領域者可輕易完成的改變或均等性的安排均屬於本發明所主張的範圍，且本發明的權利保護範圍實以申請專利範圍為準。

1．．．可攜式裝置

11．．．處理器

13．．．觸控螢幕

2．．．網頁

41．．．永久標頭功能欄

61．．．額外覆蓋底部功能欄

63．．．額外覆蓋標頭功能欄

65．．．額外附著底部功能欄

S31、S33．．．步驟

Claims

一種可攜式裝置，包含：
　　一處理器，用以瀏覽網際網路中的一網頁；以及
　　一觸控螢幕，電性連接至該處理器；
　　其中該處理器更用以於該觸控螢幕被觸摸及拖動以翻捲該網頁時，控制該觸控螢幕以呈現至少一個額外功能欄（function bar），且該至少一個額外功能欄用以提供至少一個操作選項。
如請求項1所述的可攜式裝置，其中該至少一個額外功能欄在一有限時間內呈現。
如請求項1所述的可攜式裝置，其中在該網頁處於被翻捲至其頂部的一狀態，當該觸控螢幕被觸摸及向上拖動時，該觸控螢幕於其底部呈現一額外覆蓋底部功能欄，且該額外覆蓋底部功能欄與附著至該網頁的頂部的一永久標頭功能欄呈現對立。
如請求項1所述的可攜式裝置，其中在該網頁處於被翻捲至其中部的一狀態，當該觸控螢幕被觸摸及向上拖動時，該觸控螢幕於其底部呈現一額外覆蓋底部功能欄。
如請求項1所述的可攜式裝置，其中在該網頁處於被翻捲至其中部的一狀態，當該觸控螢幕被觸摸及向下拖動時，該觸控螢幕於其頂部呈現一額外覆蓋標頭功能欄。
如請求項1所述的可攜式裝置，其中在該網頁處於被翻捲至其中部的一狀態，當該觸控螢幕被觸摸及拖動時，該觸控螢幕同時於其頂部呈現一額外覆蓋標頭功能欄以及於其底部呈現一額外覆蓋底部功能欄。
如請求項1所述的可攜式裝置，其中在該網頁處於被翻捲至其底部的一狀態，當該觸控螢幕被觸摸及向上拖動時，該觸控螢幕於其底部呈現一額外覆蓋底部功能欄。
如請求項1所述的可攜式裝置，其中在該網頁處於被翻捲至其底部的一狀態，當該觸控螢幕被觸摸及向上拖動時，該觸控螢幕呈現一額外附著底部功能欄，該額外附著底部功能欄附著至該網頁的底部。
一種用於一可攜式裝置的網頁瀏覽方法，該可攜式裝置包含一處理器及一觸控螢幕，該觸控螢幕電性連接至該處理器，該網頁瀏覽方法包含以下步驟：
　　（a）使該處理器瀏覽網際網路中的一網頁；以及
　　（b）當該觸控螢幕被觸摸及拖動以翻捲該網頁時，使該處理器控制該觸控螢幕以呈現至少一個額外功能欄；
其中該至少一個額外功能欄用以提供至少一個操作選項。
如請求項9所述的網頁瀏覽方法，其中該至少一個額外功能欄在一有限時間內呈現。
如請求項9所述的網頁瀏覽方法，其中該步驟（b）更包含以下步驟：
　　（b1）在該網頁處於被翻捲至其頂部的一狀態，當該觸控螢幕被觸摸及向上拖動時，使該觸控螢幕的底部呈現一額外覆蓋底部功能欄，其中該額外覆蓋底部功能欄與附著至該網頁的頂部的一永久標頭功能欄呈現對立。
如請求項9所述的網頁瀏覽方法，其中該步驟（b）更包含以下步驟：
　　（b2）在該網頁處於被翻捲至其中部的一狀態，當該觸控螢幕被觸摸及向上拖動時，使該觸控螢幕的底部呈現一額外覆蓋底部功能欄。
如請求項9所述的網頁瀏覽方法，其中該步驟（b）更包含以下步驟：
　　（b3）在該網頁處於被翻捲至其中部的一狀態，當該觸控螢幕被觸摸及向下拖動時，使觸控螢幕的頂部呈現一額外覆蓋標頭功能欄。
如請求項9所述的網頁瀏覽方法，其中該步驟（b）更包含以下步驟：
　　（b4）在該網頁被翻捲至其中部的一狀態，當該觸控螢幕被觸摸及拖動時，使該觸控螢幕同時於其頂部呈現一額外覆蓋標頭功能欄以及於其底部呈現一額外覆蓋底部功能欄。
如請求項9所述的網頁瀏覽方法，其中該步驟（b）更包含以下步驟：
　　（b5）在該網頁處於被翻捲至其底部的一狀態，當該觸控螢幕被觸摸及向上拖動時，使該觸控螢幕的底部呈現一額外覆蓋底部功能欄。
如請求項9所述的網頁瀏覽方法，其中該步驟（b）更包含以下步驟：
　　（b6）在該網頁處於被翻捲至其底部的一狀態，當該觸控螢幕被觸摸及向上拖動時，使該觸控螢幕上呈現一額外附著底部功能欄，該額外附著底部功能欄附著至該網頁的底部。