在工作中我们会收藏很多网址。以前一直都是用的chrome里面的收藏夹。后面觉得一点都不方便。看一下Chrome插件开发挺容易入手的所以自己写了一个Chrome插件.

基于:Angularjs + Bootstrap的.

主界面:

功能描述:

1.Add: 支持添加网址功能：

2.Collect current page: 获取当前tab页面 tile和ur保存

3.点击每个栏目可以伸展和收缩 链接列表.

添加界面:

      

1. 这个是点击Add和Collect button后的添加页面. GroupName 是下拉框。可以选择已经存在的分组. 如果分组不存在可以直接在GroupName里面手动输入一个新的。

2. 所有的save是放到localstorage的.(#后面会考虑存储在本地文件中, 或者页面添加备份功能#).

https://github.com/FourLeafClover/chromeextensionsWebCollection/tree/master

												


											
Chrome插件: 网站收藏的更多相关文章
	

    
								
  1. chrome插件网站
		
    chrome插件网站 http://chromecj.com/
    
		
    2. 
						
  2. Chrome插件安装的3种方法，解决拖放不能安装的情况，并提供插件下载
		
    本文摘录于Chrome插件网站 方法一:拖放安装 下载插件的crx文件后,打开Chrome的扩展页面(chrome://extensions/或按Chrome菜单图标>更多工具>扩展程序) ...
    
		
    3. 
						
  3. 开发Chrome插件，实现网站自动登录
		
    近期被一个事情困扰着,我们采购了一款软件,里面有一个数据大屏页,当登录过期后,数据就会保持原状,不再更新.和供应商反馈了很多次,都无法彻底解决数据显示的问题,没办法,自己周末在家研究,网站自动登录的事 ...
    
		
    4. 
						
  4. Chrome插件（Extensions）开发攻略
		
    本文将从个人经验出发,讲述为什么需要Chrome插件,如何开发,如何调试,到哪里找资料,会遇到怎样的问题以及如何解决等,同时给出一个个人认为的比较典型的例子——获取网页内容,和服务器交互,再把信息反馈 ...
    
		
    5. 
						
  5. 利用Chrome插件向指定页面植入js，劫持 XSS
		
    资源来自:http://www.2cto.com/Article/201307/225986.html 首页 > 安全 > 网站安全 > 正文 利用Chrome插件向指定页面植入js ...
    
		
    6. 
						
  6. Web设计者和开发者必备的28个Chrome插件
		
    摘要 对于许多Web设计者和开发者来说,Firefox浏览器是无法超越的,对于其他人Chrome正在蚕食Firefox的浏览器市场. 在过去的两年,谷歌Chrome浏览器的发布以来,引起了人们激烈争论 ...
    
		
    7. 
						
  7. 实用chrome插件
		
    2015年最实用的9款chrome插件 随着14年chrome浏览器的市场超过IE浏览器,chrome凭借它强劲性能和出色的使用体验真正的登上了平民级的殿堂.今天小编就为大家推荐9款自己常用的chro ...
    
		
    8. 
						
  8. Chrome插件Visual Event查看Dom元素绑定事件的利器
		
    找这工具找了好久,统一找着了,开发人员不可多得的好东东,收藏做一下分享. 用Chrome插件Visual Event查看Dom绑定的事件 Visual Event简介 Visual Event是一个开 ...
    
		
    9. 
						
  9. 【干货】Chrome插件(扩展)开发全攻略(不点进来看看你肯定后悔)
		
    写在前面 我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,写博客的辛苦大家懂的,所以转载务必保留出处.本文所有涉及到的大部分代码均在这个demo里面:https://github ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. jquery改变文本框颜色
			
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
    
			
    2. 
						
  2. int与Integer的爱恨情仇
			
    int作为java中元老级的数据类型,可谓无处不在,自从jdk5诞生了Integer,从此不在孤单. 为什么要设计Integer呢?它与int有什么区别? 一.Integer是int的包装类型,是引用 ...
    
			
    3. 
						
  3. liunx命令
			
    关机 (系统的关机.重启以及登出 ) shutdown -h now 关闭系统(1) init 0 关闭系统(2) telinit 0 关闭系统(3) shutdown -h hours:minute ...
    
			
    4. 
						
  4. 转载：《TypeScript 中文入门教程》 17、注解
			
    版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 介绍 随着TypeScript和ES6里引入了类,现在在一些场景下我们会需要额外的特性 ...
    
			
    5. 
						
  5. 手动获取spring的ApplicationContext和bean对象
			
    WEB项目: 方法1: 1 ApplicationContext ac1 = WebApplicationContextUtils.getRequiredWebApplicationContext(S ...
    
			
    6. 
						
  6. 1、ASP.NET MVC入门到精通——新语法
			
    本系列目录:ASP.NET MVC4入门到精通系列目录汇总 在学习ASP.NET MVC之前,有必要先了解一下C#3.0所带来的新的语法特性,这一点尤为重要,因为在MVC项目中我们利用C#3.0的新特 ...
    
			
    7. 
						
  7. ASP对XML的增、删、改、查
			
    首先看一下xml文件 text.xml 'encoding使用gb2312中文,如果要用英文则用utf-8 <?xml version="1.0" encoding=&quo ...
    
			
    8. 
						
  8. Gulp如何编译sass
			
    Gulp 是一个自动化工具,前端开发者可以使用它来处理常见任务: 1.搭建web服务器 2.文件保存时自动重载浏览器 3.使用预处理器如Sass.LESS 4.优化资源,比如压缩CSS.JavaScr ...
    
			
    9. 
						
  9. javascript如何设置DIV背景色为随机色
			
    随机色有两种格式: 效果预览:http://wjf444128852.github.io/DEMOLIST/JS/test/index.html 1.rgb(xxx,xxx,xxx) 2.#xxxxx ...
    
			
    10. 
						
  10. Jquery中的Ajax
			
    AJAX: * jQuery中的Ajax * 封装第一层 - 类似于原生Ajax的用法 * $.ajax() - 最复杂 * 选项 * url - 请求地址 * type - 请求类型,默认为GET  ...
    
			
    11.