网络科技

    今日:455| 主题:245747
收藏本版
互联网、科技极客的综合动态。

[其他] Chrome 扩展程序开发

[复制链接]
枕梦 发表于 2016-10-15 20:56:31
154 8

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
Table of Contents generated withDocToc
  Chrome扩展程序开发

  十一在家无聊时开发了这个项目。其出发点是想通过chrome插件,来保存网页上选中的文本。后来就顺手把前后端都做了(Koa2 + React):
   chrome插件源码
   插件对应的前后端源码
  概述

  chrome扩展程序

  chrome扩展程序大家应该都很熟悉了,它可以通过脚本帮我们完成一些快速的操作。通过插件可以捕捉到网页内容、标签页、本地存储,或者用户的操作行为;它也可以在一定程度上改变浏览器的UI,例如页面上右键的菜单、浏览器右上角点击插件logo后的弹窗,或者浏览器新标签页
  开发缘由

  按照惯例,开发前多问问自己 why? how?
  why:
  
       
  • 我在平常看博文时,对于一些段落想进行摘抄或者备注,又懒得复制粘贴  
  how:
  
       
  • 一个chrome扩展程序,可以通过鼠标右键的菜单,或者键盘快捷键快速保存当前页面上选择的文本   
  • 如果没有选择文本,则保存网页链接   
  • 要有对应的后台服务,保存 user、cliper、page (后话,本文不涉及)   
  • 还要有对应的前端,以便浏览我的保存记录 (后话,本文不涉及)  
  先上个成果图:
   
Chrome 扩展程序开发-1 (generated,程序开发,浏览器,Chrome,chrome)


Chrome 扩展程序开发-2 (generated,程序开发,浏览器,Chrome,chrome)

12下一页
友荐云推荐




上一篇:聚集众多资深玩家,play玩具控欲打造成玩具界的豆瓣社区? | 每日黑马 ...
下一篇:Samsung Galaxy C9 spotted on TENAA, C9 Pro photos leaked
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

重生的风信子 发表于 2016-10-15 22:26:52
在撸一遍。。。
回复 支持 反对

使用道具 举报

metone 发表于 2016-10-15 22:38:18
我对楼主的敬仰犹如滔滔江水绵延不绝!
回复 支持 反对

使用道具 举报

蒋锐 发表于 2016-10-15 23:22:49
楼下的不要小看我,我可不是吃素的。
回复 支持 反对

使用道具 举报

nbmvbmnv 发表于 2016-10-16 01:45:52
锻炼肌肉,防止挨揍!  
回复 支持 反对

使用道具 举报

代悦 发表于 2016-11-12 17:00:53
楼主这么可爱,你造么?
回复 支持 反对

使用道具 举报

龙飞 发表于 2016-11-21 06:06:26
为保住菊花,这个一定得回复!
回复 支持 反对

使用道具 举报

nikon100 发表于 2016-11-21 06:48:03
坐沙发喽,楼主给赏钱不?
回复 支持 反对

使用道具 举报

贱客灬殇情 发表于 2016-11-21 12:02:12
过去的事情可以不忘记,但一定要放下。
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表