专利名称：一种在html5网页中添加收藏/自定义收藏网址的方法
技术领域：
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、点击完成,退出我的收藏的编辑状态,隐藏图标上标志。
权利要求
1.一种在HTML5网页中添加收藏/自定义收藏网址的方法，其特征在于用户在我们的导航网页上点击进入全部分类具体分类栏目或者进入全部网址列表，点击右上角添加收藏按钮，图标右上角出现白色心型标志，选择需要添加到我的收藏的网址图标链接，点击标志则标记红色心型，并将该网址图标添加至我的收藏页面，进入我的收藏页面可以看到用户添加收藏的全部网址；在我的收藏页面上，点击自定义收藏按钮弹出自定义收藏对话框，标题栏和URL栏的内容符合要求后，点击确定，关闭自定义收藏对话框并返回到我的收藏，我的收藏页面增加一个刚刚自定义添加的网址图标；点击编辑按钮，我的收藏页面中图标右上角出现红色叉子，点击红色叉子，弹出确认是否删除对话框，点击完成，退出我的收藏的编辑状态。
2.如权利要求1所述的使用HTML5技术在网页中添加收藏网址并实现本地存储的方法，其特征在于用户直接在网页上面进行网址的收藏，无需通过客户端来进行收藏网址，并实时的在我的收藏页面显示，减少智能设备的后台消耗和网络资源。
3.如权利要求1所述的使用HTML5技术在网页中添加收藏网址并实现本地存储的方法，其特征在于用户在我的收藏的网页界面上点击自定义添加按钮后弹出对话框，输入符合要求的内容后，添加至我的收藏页面上，减少智能设备的后台消耗和网络资源。
4.如权利要求1所述的使用HTML5技术在网页中编辑已收藏网址并改变本地存储网址信息的方法，其特征在于用户在我的收藏的网页界面上点击编辑按钮后，我的收藏页面进入编辑状态，删除收藏中不需要的网址，减少智能设备的后台消耗和网络资源。
全文摘要
一种在HTML5网页中添加收藏/自定义收藏网址的方法，其特征在于用户在我们的导航网页上点击进入全部分类具体分类栏目或者进入全部网址列表，点击右上角添加收藏按钮，图标右上角出现白色心型标志，选择需要添加到我的收藏的网址图标链接，点击标志则标记红色心型，并将该网址图标添加至我的收藏页面，进入我的收藏页面可以看到用户添加收藏的全部网址。在我的收藏页面上，点击自定义收藏按钮弹出自定义收藏对话框，标题栏和URL栏的内容符合要求后，点击确定，关闭自定义收藏对话框并返回到我的收藏，我的收藏页面增加一个刚刚自定义添加的网址图标；点击编辑按钮，我的收藏页面中图标右上角出现红色叉子，点击红色叉子，弹出确认是否删除对话框，点击完成，退出我的收藏的编辑状态。通过使用在HTML5网页中添加收藏/自定义收藏网址的方法能减少占用智能设备的后台资源和网络资源，提高用户体验度。
文档编号G06F17/30GK103064868SQ20121025159
公开日2013年4月24日 申请日期2012年7月20日 优先权日2012年7月20日
发明者杜维维 申请人:北京飞漫软件技术有限公司