在工作中我们会收藏很多网址。以前一直都是用的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. Win10 UWP 开发系列：使用SQLite
			
    在App开发过程中,肯定需要有一些数据要存储在本地,简单的配置可以序列化后存成文件,比如LocalSettings的方式,或保存在独立存储中.但如果数据多的话,还是需要本地数据库的支持.在UWP开发中 ...
    
			
    2. 
						
  2. C#开发微信门户及应用(45)--微信扫码登录
			
    在前面随笔<C#开发微信门户及应用(41)--基于微信开放平台的扫码登录处理>介绍了基于微信开放平台接口实现的微信扫码直接登录的过程.本篇介绍对扫码登录的一些改进和处理,以便更方便应用在实 ...
    
			
    3. 
						
  3. C# NPOI导出Excel和EPPlus导出Excel比较
			
    系统中经常会使用导出Excel的功能. 之前使用的是NPOI,但是导出数据行数多就报内存溢出. 最近看到EPPlus可以用来导出Excel,就自己测了下两者导出上的差异. NPIO官网地址:http: ...
    
			
    4. 
						
  4. ASP.NET5,MVC 6,Beta 7与VS 2015 RTM的兼容问题
			
    温馨提示:本文杂而乱,最终不知所云. Visual Studio 2015 RTM已经于2015年7月20号正式发布,我也在第一时间下载安装了起来. 虽然在5月份就开始使用RC版本,但是还是很期待正式 ...
    
			
    5. 
						
  5. Mybats中字符串判断
			
      <if test=" name=='你好' "> <if> 这样会有问题,换成 <if test=' name=="你好" ' ...
    
			
    6. 
						
  6. Professional JavaScript for Web Developers 3rd Edition ---读书笔记
			
    1. DOMContentLoaded DOM树构建完成时触发该事件 load 页面加载完毕触发 原生js document.addEventListener('DOMContentLoaded',  ...
    
			
    7. 
						
  7. Hibernate @OneToMany等注解设置查询过滤条件等
			
    1.如实体PdOrg对象中有users对象,数据库user表有字段DEL_FLAG(0:删除:1:未删除): private List<User> users= new ArrayList ...
    
			
    8. 
						
  8. [Architecture] 系统架构正交分解法
			
    [Architecture] 系统架构正交分解法 前言 随着企业成长,支持企业业务的软件,也会越来越庞大与复杂.当系统复杂到一定程度,开发人员会发现很多系统架构的设计细节,很难有条理.有组织的用一张大 ...
    
			
    9. 
						
  9. 推荐设计网站  站酷(ZCOOL)设计师互动平台
			
    推荐网址 http://www.zcool.com.cn/
    
			
    10. 
						
  10. 对js中this的一点点理解
			
    1 当函数作为对象的方法被调用的时候 this就指向该对象 var o = { prop: 37, f: function() { return this.prop; } }; console.log ...
    
			
    11.