TWI754167B

TWI754167B - 網頁畫面和其相關資訊之存取傳送方法及電子裝置

Info

Publication number: TWI754167B
Application number: TW108131548A
Authority: TW
Inventors: 蔣思霈
Original assignee: 遊戲橘子數位科技股份有限公司
Priority date: 2019-09-02
Filing date: 2019-09-02
Publication date: 2022-02-01
Also published as: TW202111511A

Abstract

一種網頁畫面和其相關資訊之存取傳送方法，適用於一電子裝置，電子裝置中裝載一應用軟體，且該應用軟體包含一瀏覽器程序和一聊天室程序。首先，透過該電子裝置之一顯示器顯示一網頁畫面，其中該網頁畫面係透過該瀏覽器程序取得。接著，透過該應用軟體發出一截圖指令，以取得該網頁畫面之一截圖，並透過該瀏覽器程序取得該網頁畫面相應之一網址。之後，透過該應用軟體將該截圖與該網址進行關聯，並將該截圖與該網址顯示於該顯示器。最後，透過該聊天室程序選擇一對象，並以一訊息形式將該截圖及關聯之該網址傳送給該對象。

Description

網頁畫面和其相關資訊之存取傳送方法及電子裝置

本發明係有關於一種畫面及和相關資訊之管理方法，且特別有關於一種網頁畫面和其相關資訊之存取傳送方法及電子裝置。

近年來，隨著智慧型手機的普及以及網路電商的崛起，透過行動裝置來進行網路購物及比價已經成為現代人的生活常態了。另一方面，隨著通訊軟體的滲透率提升，每個人的智慧型手機中通常裝載了至少一個即時通訊軟體，且現代人熱衷於透過即時通訊軟體分享資訊跟自己的親人或好友，如網路購物的資訊。

一般來說，使用者在使用智慧型手機進行網路購物，或透過即時通訊軟體分享網路資訊時常常會遭遇一些困擾。舉例來說，使用者透過手機來查看多項商品時不方便同時查看多個分頁，以進行比較。此外，當使用者想分享多個網址到聊天室給好友時，有時候部分網址的縮圖並無法擷取，以致於事後想再度查看時會非常不方便，不知道要點擊哪一個網址。再者，由於截圖功能與聊天功能係個別獨立的，當使用者截取多張圖之後必須要離開當前的網站，再開啟通訊軟體並選擇剛剛所有的截圖來進行發送，這些習知程序的缺失對於使用者而言是非常困擾的。

有鑑於此，本發明提供一種網頁畫面和其相關資訊之存取傳送方法及電子裝置，其中顯示器中的網頁畫面可以被進行截圖，同時與其相應之網址可以被進行關聯並傳送給聊天室的對象。

本提供之網頁畫面和其相關資訊之存取傳送方法，適用於一電子裝置，電子裝置係裝載一應用軟體，且該應用軟體包含一瀏覽器程序和一聊天室程序。首先，透過該電子裝置之一顯示器顯示一網頁畫面，其中該網頁畫面係透過該瀏覽器程序取得。接著，透過該應用軟體發出一截圖指令，以取得該網頁畫面之一截圖，並透過該瀏覽器程序取得該網頁畫面相應之一網址。之後，透過該應用軟體將該截圖與該網址進行關聯，並將該截圖與該網址顯示於該顯示器。最後，透過該聊天室程序選擇一對象，並以一訊息形式將該截圖及關聯之該網址傳送給該對象。

本提供之電子裝置係用網頁畫面和其相關資訊之存取傳送，其包含儲存一應用軟體之一記憶體，其連接於用於運行該應用軟體之一處理器，該處理器連接於用於顯示一網頁畫面之一顯示器。其中，該網頁畫面係透過該應用軟體之一瀏覽器程序連接網路所取得。該處理器依該應用軟體之一截圖指令取得該網頁畫面之一截圖，透過該瀏覽器程序取得該網頁畫面相應之一網址，將該截圖與該網址進行關聯後，於該顯示器顯示該截圖與該網址，並透過該應用軟體之一聊天室程序選擇一對象，以一訊息形式將該截圖及關聯之該網址傳送給該對象。

在一些實施例中，該瀏覽器程序包含一網絡視圖(WebView)組件。

在一些實施例中，可以透過該應用軟體之一編輯功能編輯該截圖之範圍、色彩、亮度、對比或上述的任一組合。

在一些實施例中，可以將該截圖儲存至該電子裝置中對應該應用軟體之一儲存空間。

在一些實施例中，當該儲存空間中存有複數個候選截圖時，該應用軟體提供一選擇指令，以在該些候選截圖間進行切換和選取。

在一些實施例中，該訊息形式包含一對話文字。

本發明之附加特徵以及優點將在下面說明，並且將在說明中變得顯而易見，或者可以透過本發明揭露之原理而被了解。

100:電子裝置

110:顯示器

120:記憶體

122:應用軟體

130:處理器

S210~250:網頁畫面和其相關資訊之存取傳送方法步驟

310、320、330、410、420、430、440、510、520、530、540:畫面

332、512:抽屜按鈕圖示

412:放棄編輯鍵

414、422:對話框

442:訊息

第1圖顯示依據本發明實施例之用於網頁畫面和其相關資訊之存取傳送之電子裝置示意圖。

第2圖顯示依據本發明實施例之網頁畫面和其相關資訊之存取傳送方法之流程圖。

第3A圖至第3C圖顯示依據本發明實施例之網頁畫面截圖範例示意圖。

第4A圖至第4D圖顯示依據本發明實施例之網頁畫面和其相關資訊之存取傳送範例示意圖。

第5A圖至第5D圖顯示依據本發明實施例之多張網頁畫面和其相關資訊之存取傳送範例示意圖。

以下將以圖式及詳細敘述清楚說明本發明揭示內容之精神，任何所屬技術領域中具有通常知識者在瞭解本發明揭示內容之實施例後，當可由本發明揭示內容所教示之技術，加以改變及修飾，其並不脫離本發明揭示內容之精神與範圍。

第1圖顯示依據本發明實施例之用於網頁畫面和其相關資訊之存取傳送之電子裝置示意圖。如圖所示，依據本發明實施例之用於網頁畫面及其相關資訊之存取及傳送之電子裝置100至少包括一顯示器110、一記憶體120及一處理器130。顯示器110可以顯示相關資訊，如一網頁畫面。記憶體120可以包括一應用軟體122。其中，應用軟體122可以包含一瀏覽器程序(圖未示)和一聊天室程序(圖未示)。處理器130可以分別與顯示器110及記憶體120進行電性連接，以控制顯示器110及記憶體120之運作並執行應用軟體122。

提醒的是，在一些實施例中，電子裝置100可以係個人電腦、平板電腦、智慧型手機、智慧手環、與/或行動電腦等。必須提醒的是，本案並不限定於任何電子裝置。在一些實施例中，電子裝置100可以更包括一網路接取單元，用以提供電子裝置100網路連接能力，以連接網際網路。在一些實施例中，電子裝置100可以更包括一輸入單元，輸入單元可以是各類型觸控面板、按鍵、按鈕、鍵盤、滑鼠、軌跡球等接收使用者操作的元件或周邊裝置。

第2圖顯示依據本發明實施例之網頁畫面和其相關資訊之存取傳送方法之流程圖。值得注意的是，依據本發明實施例之網頁畫面和其相關資訊之存取傳送方法適用於如前述第1圖之電子裝置。

首先，如步驟S210，透過該電子裝置之一顯示器顯示一網頁畫面。電子裝置可以執行一應用軟體，其中應用軟體包含一瀏覽器程序和一聊天室程序。顯示器所顯示之網頁畫面係透過該瀏覽器程序取得。接著，如步驟S220，透過該應用軟體發出一截圖指令，以取得該網頁畫面之一截圖，並如步驟S230，透過該瀏覽器程序取得該網頁畫面相應之一網址。在一些實施例中，可以將該截圖儲存至該電子裝置中對應該應用軟體之一儲存空間。值得注意的是，在一些實施例中，該瀏覽器程序包含一網絡視圖(WebView)組件，且該網址可由網絡視圖組件提供。

值得注意的是，在一些實施例中，應用軟體可以具有一編輯功能。當該網頁畫面之截圖取得之後，可以透過該應用軟體之編輯功能編輯該截圖之範圍、色彩、亮度、對比或上述的任一組合。再者，在一些實施例中，當該儲存空間中存有複數個候選截圖時，該應用軟體可以提供一選擇指令，以在該些候選截圖間進行切換和選取，以進行相關檢視或編輯作業。

之後，如步驟S240，透過該應用軟體將該截圖與該網址進行關聯，並將該截圖與該網址顯示於該顯示器。最後，如步驟S250，透過該聊天室程序選擇一對象，並以一訊息形式將該截圖及關聯之該網址傳送給該對象。值得注意的是，在一些實施例中，該訊息形式包含一對話文字。

第3A圖至第3C圖顯示依據本發明實施例之網頁畫面截圖範例示意圖。在此範例中，使用者可以透過電子裝置100，例如智慧型手機之應用軟體瀏覽網際網路中之網頁，並透過應用軟體之截圖功能進行截圖，並在畫面上顯示截圖之縮圖，如第3A圖之畫面310所示。當網頁畫面被截圖之後，可以針對截圖進行基本後製編輯，如第3B圖之畫面320所示。當編輯完成之後，這張截圖會儲存於智慧型手機中對應該應用軟體之一儲存空間，並可由該儲存空間呼叫出來，如第3C圖之畫面330中之抽屜按鈕332之圖顯示該儲存空間已存有一張截圖。必須提醒的是，相應此截圖之網頁畫面之網址已被自動關聯。

第4A圖至第4D圖顯示依據本發明實施例之網頁畫面和其相關資訊之存取傳送範例示意圖。在此範例中，當使用者點擊抽屜按鈕332後，便可進入編輯/後製畫面410，以對抽屜中之截圖繼續後製，如第4A圖所示。在編輯畫面中使用者可以點擊放棄編輯鈕412，以返回上一頁。而在對話框414已自動顯示相應此截圖之網頁畫面之網址連結，使用者亦可點擊對話框414，編輯要發送的對話文字，如第4B圖所示，編輯的文字會顯示於對話框422中。完成編輯後可以於第4C圖之畫面430中選擇特定對象或聊天室，並按下傳送鍵將訊息發送出去，如第4D圖中畫面440所示，訊息442包含了截圖、關聯之網址以及對話文字。

第5A圖至第5D圖顯示依據本發明實施例之多張網頁畫面和其相關資訊之存取傳送範例示意圖。在此範例中，使用者在瀏覽網際網路中之多個網頁後，並透過應用軟體之截圖功能對多個網頁進行截圖，將多張截圖儲存於儲存空間，當使用者點擊第5A圖之畫面510中的抽屜按鈕512後，便可進入編輯/後製畫面520，以對抽屜中之截圖繼續後製，如第5B圖所示，類似地，在編輯畫面中使用者可以點擊放棄編輯鈕，以返回上一頁。使用者亦可點擊對話框，編輯要發送的對話文字。相同地，相應此截圖之網頁畫面之網址會被自動關聯，並於對話框中自動顯示相應此截圖的網址連結。編輯的文字也會顯示於對話框中。當應用軟體偵測到抽屜中具有多張截圖時，應用軟體可以提供一選擇指令，以在這些截圖間進行切換和選取，以進行相關檢視或編輯作業。舉例來說，當使用者選擇畫面520中的左/右鍵時，顯示器會顯示其他的截圖以提供使用者進行編輯，如第5C圖之畫面530所示。當完成編輯且選擇完特定對象或聊天室之後，使用者可以按下傳送鍵將訊息發送出去，如第5D圖中畫面540所示。

雖然本發明已以較佳實施例揭露如上，然其並非用以限定本發明，任何熟悉此項技藝者，在不脫離本發明之精神和範圍內，當可做些許更動與潤飾，因此本發明之保護範圍當視後附之申請專利範圍所界定者為準。

S210~250‧‧‧網頁畫面和其相關資訊之存取傳送方法步驟

Claims

一種網頁畫面和其相關資訊之存取傳送方法，係用於一電子裝置，該電子裝置係裝載一應用軟體，該應用軟體包含一瀏覽器程序和一聊天室程序，該方法包含：透過該電子裝置之一顯示器顯示一網頁畫面，該網頁畫面係透過該瀏覽器程序取得；透過該應用軟體發出一截圖指令，取得該網頁畫面之一截圖；透過該瀏覽器程序取得該網頁畫面相應之一網址；透過該應用軟體將該截圖與該網址進行關聯，更將該截圖儲存至該電子裝置中對應該應用軟體之一儲存空間，於該應用軟體頁面上顯示一抽屜按鈕，並將該截圖與該網址顯示於該顯示器；以及透過該聊天室程序選擇一對象，在一對話框預設該截圖相應之一網址連結並以一訊息形式將該截圖及關聯之該網址傳送給該對象。
如申請範圍第1項所述之方法，其中該瀏覽器程序包含一網絡視圖(WebView)組件。
如申請範圍第1項所述之方法，更包括透過該應用軟體之一編輯功能編輯該截圖之範圍、色彩、亮度、對比或上述的任一組合。
如申請範圍第1項所述之方法，更包括當該儲存空間中存有複數個候選截圖時，該應用軟體提供一選擇指令，以在該些候選截圖間進行切換和選取。
如申請範圍第1項所述之方法，其中該訊息形式包含一對話文字。
一種電子裝置，係用於網頁畫面和其相關資訊之存取傳送，該電子裝置包含：一記憶體，用於儲存一應用軟體；一處理器，係連接該記憶體，該處理器用於運行該應用軟體；以及一顯示器，係連接該處理器，該顯示器用於顯示一網頁畫面，該網頁畫面係透過該應用軟體之一瀏覽器程序連接網路所取得，其中，該處理器依該應用軟體之一截圖指令取得該網頁畫面之一截圖，透過該瀏覽器程序取得該網頁畫面相應之一網址，將該截圖與該網址進行關聯後，更將該截圖儲存至該電子裝置中對應該應用軟體之一儲存空間，於該應用軟體頁面上顯示一抽屜按鈕，於該顯示器顯示該截圖與該網址，並透過該應用軟體之一聊天室程序選擇一對象，在一對話框預設該截圖相應之一網址連結以一訊息形式將該截圖及關聯之該網址傳送給該對象。
如申請範圍第6項所述之電子裝置，其中該記憶體用於儲存該截圖。
如申請範圍第7項所述之電子裝置，其中當該記憶體存有複數個候選截圖時，該處理器用以執行該應用軟體之一選擇指令，以在該些候選截圖間進行切換和選取。
如申請範圍第6項所述之電子裝置，其中該訊息形式包含一對話文字。