chrome插件开发实战

什么是chrome插件

mark

chrome插件是浏览器的扩展程序
可以添加很多有趣高效的功能
比如:

  • 海淘购物转运价格计算
  • 全网电商比价优惠
  • 英文单词/句子/段落:划词翻译
  • markdown文本渲染

mark


具体效果

美国亚马逊海淘助手

因为中外贸易,海关关税,以及销售策略等诸多原因
很多时候
美国/日本/德国亚马逊 电商下单购买物品(海淘)
不仅质量更放心可靠
价格也能优惠几百–上千 不等

但是海淘存在以下门槛:

  • 网页是英文或者小语种
  • 汇率换算:美元-人民币
  • 转运公司以及转运费/海关关税等知识

插件可以直接修改我们的页面
提供我们想要了解的信息
如图所示:

原网页

mark

安装插件后自动转换后的网页

mark

在这里只是简单举个例子
因为我们大部分还是基于浏览器来办公休闲
所以使用好插件,可以引用非常多的功能
更多介绍,不妨看看知乎的分享

mark


如何开发chrome插件?

基于网页或者浏览器的,肯定都离不开这三剑客:

  • html
  • css
  • javascript

这里写的一个小应用插件
主要的功能是

  • 切换标样式:宠物,兵器
  • 增加点击特效:爱心冒泡/粒子特效
  • 增加回到顶部火箭特效

mark

插件功能选项

mark

Gif动图演示

mark


引子

由于时间关系

今天暂时做个引子
浏览器扩展程序可以实现的功能很多
我们可以基于生活,办公设计
以及自己的小需求定制插件
在谷歌应用中心发布
也可以选择离线安装,独自使用

思维导图索引共享:

  • google扩展程序-电子书
  • 中文文档
  • 各种文章教程实践指南
  • 实验楼项目等

mark


mark


希望和你做朋友

关注微信公众号 [hackorgeek]

会邀请你加入到微信群

mark


更多精彩文章

把你的微信变成超级营销机器人
短信群发–低成本营销SMS喵
知乎Robot–自动点赞+评论+群发私信

小心!3分钟黑掉你的安卓手机
5分钟把U盘变为随身系统


加入我们的私密社群

加入小密圈

mark


点击原文,即可加入小密圈:

http://t.xiaomiquan.com/mu3ZVRV

mark

你有什么问题或者看法,不妨在留言区评论噢.


发表评论

电子邮件地址不会被公开。 必填项已用*标注