CN103064868A - 一种在html5网页中添加收藏/自定义收藏网址的方法 - Google Patents
一种在html5网页中添加收藏/自定义收藏网址的方法 Download PDFInfo
- Publication number
- CN103064868A CN103064868A CN2012102515925A CN201210251592A CN103064868A CN 103064868 A CN103064868 A CN 103064868A CN 2012102515925 A CN2012102515925 A CN 2012102515925A CN 201210251592 A CN201210251592 A CN 201210251592A CN 103064868 A CN103064868 A CN 103064868A
- Authority
- CN
- China
- Prior art keywords
- collection
- user
- page
- clicks
- webpage
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Abstract
一种在HTML5网页中添加收藏/自定义收藏网址的方法，其特征在于：用户在我们的导航网页上点击进入全部分类具体分类栏目或者进入全部网址列表，点击右上角添加收藏按钮，图标右上角出现白色心型标志，选择需要添加到我的收藏的网址图标链接，点击标志则标记红色心型，并将该网址图标添加至我的收藏页面，进入我的收藏页面可以看到用户添加收藏的全部网址。在我的收藏页面上，点击自定义收藏按钮弹出自定义收藏对话框，标题栏和URL栏的内容符合要求后，点击确定，关闭自定义收藏对话框并返回到我的收藏，我的收藏页面增加一个刚刚自定义添加的网址图标；点击编辑按钮，我的收藏页面中图标右上角出现红色叉子，点击红色叉子，弹出确认是否删除对话框，点击完成，退出我的收藏的编辑状态。通过使用在HTML5网页中添加收藏/自定义收藏网址的方法能减少占用智能设备的后台资源和网络资源，提高用户体验度。
Description
技术领域
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、点击完成，退出我的收藏的编辑状态，隐藏图标上标志。
Claims (4)
1.一种在HTML5网页中添加收藏/自定义收藏网址的方法，其特征在于：用户在我们的导航网页上点击进入全部分类具体分类栏目或者进入全部网址列表，点击右上角添加收藏按钮，图标右上角出现白色心型标志，选择需要添加到我的收藏的网址图标链接，点击标志则标记红色心型，并将该网址图标添加至我的收藏页面，进入我的收藏页面可以看到用户添加收藏的全部网址；在我的收藏页面上，点击自定义收藏按钮弹出自定义收藏对话框，标题栏和URL栏的内容符合要求后，点击确定，关闭自定义收藏对话框并返回到我的收藏，我的收藏页面增加一个刚刚自定义添加的网址图标；点击编辑按钮，我的收藏页面中图标右上角出现红色叉子，点击红色叉子，弹出确认是否删除对话框，点击完成，退出我的收藏的编辑状态。
2.如权利要求1所述的使用HTML5技术在网页中添加收藏网址并实现本地存储的方法，其特征在于：用户直接在网页上面进行网址的收藏，无需通过客户端来进行收藏网址，并实时的在我的收藏页面显示，减少智能设备的后台消耗和网络资源。
3.如权利要求1所述的使用HTML5技术在网页中添加收藏网址并实现本地存储的方法，其特征在于：用户在我的收藏的网页界面上点击自定义添加按钮后弹出对话框，输入符合要求的内容后，添加至我的收藏页面上，减少智能设备的后台消耗和网络资源。
4.如权利要求1所述的使用HTML5技术在网页中编辑已收藏网址并改变本地存储网址信息的方法，其特征在于：用户在我的收藏的网页界面上点击编辑按钮后，我的收藏页面进入编辑状态，删除收藏中不需要的网址，减少智能设备的后台消耗和网络资源。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2012102515925A CN103064868A (zh) | 2012-07-20 | 2012-07-20 | 一种在html5网页中添加收藏/自定义收藏网址的方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2012102515925A CN103064868A (zh) | 2012-07-20 | 2012-07-20 | 一种在html5网页中添加收藏/自定义收藏网址的方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103064868A true CN103064868A (zh) | 2013-04-24 |
Family
ID=48107498
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2012102515925A Pending CN103064868A (zh) | 2012-07-20 | 2012-07-20 | 一种在html5网页中添加收藏/自定义收藏网址的方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103064868A (zh) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103677519A (zh) * | 2013-12-05 | 2014-03-26 | 乐视网信息技术（北京）股份有限公司 | 一种收藏多媒体资源的方法、终端及服务器 |
| CN104346462A (zh) * | 2014-11-07 | 2015-02-11 | 北京奇虎科技有限公司 | 保存网页元素的方法、装置和浏览器客户端 |
| CN104796558A (zh) * | 2015-05-14 | 2015-07-22 | 刘华 | 一种触摸屏式手机通话记录的快速标记和注释方法 |
| CN110245315A (zh) * | 2019-06-24 | 2019-09-17 | 北京向上一心科技有限公司 | 网页中模拟app标题栏的方法、装置、控制器及存储介质 |
| WO2024022063A1 (zh) * | 2022-07-29 | 2024-02-01 | 京东方科技集团股份有限公司 | H5页面交互和编辑的方法与设备、计算机可读介质 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101170764A (zh) * | 2007-11-16 | 2008-04-30 | 魏新成 | 在触摸屏手机上通过手指操作浏览web网页的方法 |
| US20090089372A1 (en) * | 2007-09-28 | 2009-04-02 | Nathan Sacco | System and method for creating topic neighborhoods in a networked system |
| CN101930456A (zh) * | 2010-07-30 | 2010-12-29 | 魏新成 | 通过浏览器创建聚合LinkUGC的方法和系统 |
-
2012
- 2012-07-20 CN CN2012102515925A patent/CN103064868A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090089372A1 (en) * | 2007-09-28 | 2009-04-02 | Nathan Sacco | System and method for creating topic neighborhoods in a networked system |
| CN101170764A (zh) * | 2007-11-16 | 2008-04-30 | 魏新成 | 在触摸屏手机上通过手指操作浏览web网页的方法 |
| CN101930456A (zh) * | 2010-07-30 | 2010-12-29 | 魏新成 | 通过浏览器创建聚合LinkUGC的方法和系统 |
Non-Patent Citations (3)
| Title |
|---|
| WANGJINLING117: ""怎样设置个性百度新首页"", 《HTTP://JINGYAN.BAIDU.COM/ARTICLE/2A1383286C31C3074A134FAF.HTML》 * |
| 佚名: ""在线网络收藏夹：百度搜藏详细评测"", 《HTTP://VOD.SJTU.EDU.CN/HELP/ARTICLE_SHOW.ASP?ARTICLEID=2394&ARTICLEPAGE=1》 * |
| 陈晓军: ""新版百度首页让你随身携带常用网址"", 《电脑知识与技术-经验技巧》 * |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103677519A (zh) * | 2013-12-05 | 2014-03-26 | 乐视网信息技术（北京）股份有限公司 | 一种收藏多媒体资源的方法、终端及服务器 |
| CN104346462A (zh) * | 2014-11-07 | 2015-02-11 | 北京奇虎科技有限公司 | 保存网页元素的方法、装置和浏览器客户端 |
| CN104346462B (zh) * | 2014-11-07 | 2017-11-10 | 北京奇虎科技有限公司 | 保存网页元素的方法、装置和浏览器客户端 |
| CN104796558A (zh) * | 2015-05-14 | 2015-07-22 | 刘华 | 一种触摸屏式手机通话记录的快速标记和注释方法 |
| CN110245315A (zh) * | 2019-06-24 | 2019-09-17 | 北京向上一心科技有限公司 | 网页中模拟app标题栏的方法、装置、控制器及存储介质 |
| WO2024022063A1 (zh) * | 2022-07-29 | 2024-02-01 | 京东方科技集团股份有限公司 | H5页面交互和编辑的方法与设备、计算机可读介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104239298B (zh) | 文本信息推荐方法、服务器、浏览器及系统 | |
| CN102156737B (zh) | 一种中文网页主题内容的提取方法 | |
| CN102486799B (zh) | 一种环球信息网www页面处理方法和装置 | |
| CN109684575A (zh) | 网页数据的处理方法及装置、存储介质、计算机设备 | |
| CN103064868A (zh) | 一种在html5网页中添加收藏/自定义收藏网址的方法 | |
| CN104572934B (zh) | 一种基于dom的网页关键内容抽取方法 | |
| CN102163213B (zh) | 一种语音浏览方法及浏览器 | |
| CN101477564B (zh) | 一种在窄屏幕设备上显示宽网页的智能布局方法 | |
| CN106503211B (zh) | 面向信息发布类网站的移动版自动生成的方法 | |
| CN102065114A (zh) | 一种移动终端访问网页的方法及装置 | |
| CN101996193A (zh) | 一种展现网络资源链接的处理方法、系统及互联网终端 | |
| CN103838862B (zh) | 一种视频搜索的方法、装置及终端 | |
| CN105740417A (zh) | 一种基于网页的目标数据搜索方法、模块、浏览器及终端 | |
| CN105320734A (zh) | 一种网页核心内容提取方法 | |
| CN102981689B (zh) | 一种实现默认焦点定位的方法、装置和系统 | |
| CN104298780A (zh) | 一种浏览器网页信息的预获取方法及系统 | |
| CN103761257A (zh) | 基于移动浏览器的网页处理方法及系统 | |
| CN102982088A (zh) | 一种用于提供用户在目标页面上的反馈信息的方法 | |
| CN107562936A (zh) | 一种基于Jsoup的网页新闻列表的抓取及保存方法 | |
| CN103379163B (zh) | 一种业务对象的确定方法以及确定装置 | |
| CN109240664A (zh) | 一种采集用户行为信息的方法及终端 | |
| CN103092945B (zh) | 一种基于界面返回的搜索方法和装置 | |
| CN103970755B (zh) | 一种小说目录项的识别方法、装置和系统 | |
| EP2801920A1 (en) | Method and apparatus for displaying web page | |
| WO2002006981A1 (en) | Method of reformatting web page and method of providing web page using the same |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20130424 |
|
| WD01 | Invention patent application deemed withdrawn after publication |