[發明專利]一種在HTML5網頁中添加收藏/自定義收藏網址的方法

在審

• 申請號: 201210251592.5
• 申請日: 2012-07-20
• 公開（公告）號: CN103064868A
• 公開（公告）日: 2013-04-24
• 發明（設計）人: 杜維維
• 申請（專利權）人: 北京飛漫軟件技術有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 暫無信息
• 代理人: 暫無信息

技術領域

HTML5網頁移動互聯網領域。

背景技術

目前，互聯網技術的發展十分迅猛，尤其在數量和功能巨增的移動設備平臺。與此同時，桌面應用程序已經漸漸失去了陣地，人們在移動互聯網上使用最多的是瀏覽器，單純承載文字和圖片的網頁已經遠遠不能滿足現在人們的需求，而現行的HTML標準又不能單從瀏覽器上來實現收藏網址和自定義收藏網址。因此插件產生了，它在極大的程度上滿足了人們的需求，然而用戶在安裝了大量的插件后，伴隨而來的是智能設備卡機，網絡流量使用過度等問題，這時就需要有一種方法可以實現直接在網頁中添加收藏網址/自定義收藏網址的功能。

總之，需要本領域技術人員迫切解決的一個技術問題就是：如何能夠提供一種在網頁上直接添加收藏/自定義收藏網址的方法，滿足用戶不需要占用智能設備的后臺資源和減少網絡資源的需求。

發明內容

為了減少用戶在智能設備上使用瀏覽器的過程中對智能設備運行速度的影響以及網絡資源占用等問題，設計了一種在HTML5網頁中添加收藏/自定義收藏網址的方法。

?本發明使用的解決方案是：使用HTML5的本地存儲（Local?Storage）的特性，讓用戶直接在網頁中完成對網址的收藏、自定義收藏以及收藏刪除的功能。

附圖說明

圖1是從全部分類欄目、全部網址中添加收藏的流程圖。

圖2是用戶自定義添加收藏的流程圖。

圖3是編輯模式下刪除收藏的流程圖。

具體實施方式

圖1所示為用戶從全部分類欄目、全部網址中添加收藏的具體流程。

用戶進入主頁，之后進行以下步驟：

步驟101、點擊進入全部分類后點擊具體的分類欄目、或者直接點擊全部網址；

步驟102、點擊右上角添加收藏按鈕，圖標右上角出現標志，按鈕置為完成；

步驟103、選擇需要添加到我的收藏的網址圖標；

步驟104、不點擊或者將心型標志置成初始狀態則不將該網址圖標添加至我的收藏或者取消收藏；

步驟105、點擊心型標志至紅色則將該網址圖標添加至我的收藏；

步驟107、點擊完成，退出添加收藏的編輯狀態，隱藏圖標上標志。

圖2為用戶在我的收藏頁面自定義添加收藏的具體流程。

用戶進入我的收藏頁面，之后進行以下步驟：

步驟201、進入我的收藏，點擊自定義收藏按鈕；

步驟202、彈出自定義收藏對話框，包含標題輸入欄，URL輸入欄，確定，取消；

步驟203、點擊標題欄的內容輸入框開始輸入內容；

步驟204、如果輸入內容不符合要求則在輸入框最后端出現紅色感嘆號標志；?

步驟205、完成標題欄內容的輸入；

步驟206、點擊URL欄的內容輸入框開始輸入網址；

步驟207、如果輸入網址不符合要求則在輸入框最后端出現紅色感嘆號標志；?

步驟208、完成URL欄內容的輸入；

步驟209、標題欄和URL欄內容符合要求后，確定按鈕可點擊；

步驟210、點擊確定，返回我的收藏，網址添加至我的收藏中。

圖3為用戶在我的收藏頁面刪除收藏的具體流程。

用戶進入我的收藏頁面，之后進行以下步驟：

步驟301、進入我的收藏，點擊編輯按鈕；

步驟302、我的收藏中所有圖標鏈接右上角出現紅色叉子；

步驟303、點擊紅色叉子，彈出確認是否刪除對話框；

步驟304、取消，對話框消失，不刪除；?

步驟305、確認，對話框消失，刪除該圖標鏈接；

步驟307、點擊完成，退出我的收藏的編輯狀態，隱藏圖標上標志。