在工作中我们会收藏很多网址。以前一直都是用的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. windows phone 水印TextBox
			
    原文来自:wp教程网 原理:在失去焦点和获取焦点的时候,判断Text值是否为空或者是否与水印值相同,然后修改TextBox中的Text和Foreground. 代码如下: /* =========== ...
    
			
    2. 
						
  2. ProxyPattern
			
    代理模式是aop编程的基础,其主要作用是操作对象,并将你需要的新功能切入若干个你想要的切入点,静态代理模式比较简单,但是缺点比较大,这里就不上代码了,下面写上动态代理模式的代码(jdk方式,而不是采用 ...
    
			
    3. 
						
  3. GJM ：Unity3D 5.x性能分析工具与应用方法
			
    原帖地址 http://gad.qq.com/content/coursedetail/7180616 Unity Profiler Unity => Window=>Profiler P ...
    
			
    4. 
						
  4. tomcat 7 WARNING: A context path must either be an empty string or start with a '/' and do not end with a '/'. The path [/] does not meet these criteria and has been changed to []
			
    tomcat 7 WARNING: A context path must either be an empty string or start with a '/' and do not end w ...
    
			
    5. 
						
  5. 取消IE默认下载工具为迅雷
			
    需求:企业访问内部WEB系统下载文件时,IE默认下载工具设置为迅雷,则弹出迅雷下载框.现需要直接弹出IE下载保存框. 方案:打开迅雷,进行撤销默认下载工具. 1.迅雷5: 1.1. 打开迅雷下载工具  ...
    
			
    6. 
						
  6. Javascript中数组方法和方法的扩展
			
    最近一直在努力的恶补javascript中的各种知识,比如说闭包,作用域,继承,构造函数,变量,内置对象等概念.同时,也在学习着ES6的新知识.最近想给大家分享的就是数组实例方法的练习以及如何去扩展一 ...
    
			
    7. 
						
  7. js中Unicode转义序列
			
    将某一中文字符转义,可采取在线工具进行转义,http://tool.chinaz.com/tools/unicode.aspx "哈哈" ==="\u54c8\u54c8 ...
    
			
    8. 
						
  8. 天津政府应急系统之GIS一张图（arcgis api for flex）讲解（十一）路径导航模块
			
    config.xml文件的配置如下: <widget label="路径导航" icon="assets/images/lujingdaohang.png" ...
    
			
    9. 
						
  9. SharePoint 2013 新建网站集图解
			
    前言:接触SharePoint的人可能是越来越多,但是很多人一接触就很迷茫,在技术群里问如何新建网站集,这样一篇图解,帮助新手学习在搭建好SharePoint环境之后,如何创建一个网站集,做一个基本的 ...
    
			
    10. 
						
  10. ArcGIS JS 学习笔记3 实现百度风格的BubblePopup
			
    1. 开篇 模仿是最好的学习,这次我们继续山寨百度,通过自定义Infowindow来实现百度风格的BubblePopup 2.准备 2.1 Copy模板 先打开百度地图,按下f12吧BubblePop ...
    
			
    11.