在工作中我们会收藏很多网址。以前一直都是用的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. VS2015+cordova+ionic安装配置
			
    VS2015已经出了正式版,想用来试一下cordova方面的开发.最近在看ionic这个框架,于是想能在VS2015里编辑js就好了. 下面说一下蛋疼的安装配置过程. 一.安装VS2015及Andro ...
    
			
    2. 
						
  2. MVC5中后台提供Json，前台处理Json，绑定给Dropdownlist的例子
			
    MVC5中后台提供Json,前台处理Json,绑定给Dropdownlist的例子: 前端: 我们以前在前端定义了两个控件: <div class="row"> < ...
    
			
    3. 
						
  3. Unity3D 5.x 简单实例 - 发射炮弹
			
    1,下载.安装: http://unity3d.com/cn/get-unity/download/archive 建议直接借助 UnityDownloadAssistant 进行安装,根据需要勾选需 ...
    
			
    4. 
						
  4. Hadoop JAVA 开发说明
			
    作为Hadoop程序员,他要做的事情就是: 1.定义Mapper,处理输入的Key-Value对,输出中间结果.2.定义Reducer,可选,对中间结果进行规约,输出最终结果.3.定义InputFor ...
    
			
    5. 
						
  5. sql where传入类型不同，造成查询结果差异问题
			
    话说故事是这样的.请听小生慢慢道来: 原有数据样式如下: 正常结果: 问题展现: 此问题主要原因如下: 以下皆可在官网中找到: 为数据类型从高到低依次:(ps:小生用翻译工具翻译,就不在此献丑了) 根 ...
    
			
    6. 
						
  6. laravel 使用artisan命令新增数据库字段
			
    php artisan make:migration create_comments_table <?php use Illuminate\Database\Schema\Blueprint;  ...
    
			
    7. 
						
  7. Nginx配置文件详解
			
    Nginx是一款面向性能设计的HTTP服务器,相较于Apache.lighttpd具有占有内存少,稳定性高等优势. ######Nginx配置文件nginx.conf中文详解##### #定义Ngin ...
    
			
    8. 
						
  8. web项目知识整理
			
    一.div居中 1.margin:auto 2.left:50%:margin-left:div宽度的一半 二.一般处理程序操作session 引using System.Web.SessionSta ...
    
			
    9. 
						
  9. js--找字符串中出现最多的字符
			
    在一个字符串中,如 'zhaochucichuzuiduodezifu',我们要找出出现最多的字符.本文章将详细说明方法思路. 先介绍两个string对象中的两个方法:indexOf()和charAt ...
    
			
    10. 
						
  10. JavaScript面向对象与原型
			
    工厂模式:无法识别对象 function createObject(name, age) { //集中实例化的函数 var obj = new Object(); obj.name = name; o ...
    
			
    11.