一种在HTML5网页中添加收藏/自定义收藏网址的方法技术

技术编号:8626086 阅读:580 留言:0更新日期:2013-04-25 23:11
一种在HTML5网页中添加收藏/自定义收藏网址的方法,其特征在于:用户在我们的导航网页上点击进入全部分类具体分类栏目或者进入全部网址列表,点击右上角添加收藏按钮,图标右上角出现白色心型标志,选择需要添加到我的收藏的网址图标链接,点击标志则标记红色心型,并将该网址图标添加至我的收藏页面,进入我的收藏页面可以看到用户添加收藏的全部网址。在我的收藏页面上,点击自定义收藏按钮弹出自定义收藏对话框,标题栏和URL栏的内容符合要求后,点击确定,关闭自定义收藏对话框并返回到我的收藏,我的收藏页面增加一个刚刚自定义添加的网址图标;点击编辑按钮,我的收藏页面中图标右上角出现红色叉子,点击红色叉子,弹出确认是否删除对话框,点击完成,退出我的收藏的编辑状态。通过使用在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、点击完成,退出我的收藏的编辑状态,隐藏图标上标志。本文档来自技高网...

【技术保护点】
一种在HTML5网页中添加收藏/自定义收藏网址的方法,其特征在于:用户在我们的导航网页上点击进入全部分类具体分类栏目或者进入全部网址列表,点击右上角添加收藏按钮,图标右上角出现白色心型标志,选择需要添加到我的收藏的网址图标链接,点击标志则标记红色心型,并将该网址图标添加至我的收藏页面,进入我的收藏页面可以看到用户添加收藏的全部网址;在我的收藏页面上,点击自定义收藏按钮弹出自定义收藏对话框,标题栏和URL栏的内容符合要求后,点击确定,关闭自定义收藏对话框并返回到我的收藏,我的收藏页面增加一个刚刚自定义添加的网址图标;点击编辑按钮,我的收藏页面中图标右上角出现红色叉子,点击红色叉子,弹出确认是否删除对话框,点击完成,退出我的收藏的编辑状态。

【技术特征摘要】
1.一种在HTML5网页中添加收藏/自定义收藏网址的方法,其特征在于用户在我们的导航网页上点击进入全部分类具体分类栏目或者进入全部网址列表,点击右上角添加收藏按钮,图标右上角出现白色心型标志,选择需要添加到我的收藏的网址图标链接,点击标志则标记红色心型,并将该网址图标添加至我的收藏页面,进入我的收藏页面可以看到用户添加收藏的全部网址;在我的收藏页面上,点击自定义收藏按钮弹出自定义收藏对话框,标题栏和URL栏的内容符合要求后,点击确定,关闭自定义收藏对话框并返回到我的收藏,我的收藏页面增加一个刚刚自定义添加的网址图标;点击编辑按钮,我的收藏页面中图标右上角出现红色叉子,点击红色叉子,弹出确认是否删除对话框,点击完成,退出我的收藏的编辑状态。2.如权利要求...

【专利技术属性】
技术研发人员:杜维维
申请(专利权)人:北京飞漫软件技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1