插件搜索我的第一个chrome插件
最近用使开发的过程中出现了一个小问题,顺便录记一下原因和方法--插件搜索
做为一个微博控,在逛微博的时候,常会看到各种人荐书,然后会习惯性的制复书名去豆瓣搜索,看书的风格,内容,评分,然后定决是不是要参加书单,或者藏收这条微博。
如果到遇符合胃口的书,倒是也还好,但是大部分书其实不是我的菜,所出付的是,
1.开打豆瓣;
2.搜索书,
3.进入该书的情详页。
一共是3次页面的开打,略感费事。于是想做一个chrome的插件来做这个事件。
插件的交互还算简略,标鼠中选被书名号包裹的文字就会发触逻辑:
1.根据书名上豆瓣搜索,回返匹配的结果;
2..根据回返的结果,取最匹配的书的情详;
3.在页面浮层展示出来。
效果图如下:
术技也比较简略,没什么难点,不过就是:
1.window.getSelection() 取获选择的文字;
2.录记标鼠位置;
水仙亭亭玉立,兰花典雅幽香,牡丹雍容华贵,梨花洁白无暇……美丽的花朵总能得到世人的羡慕与赞叹,殊不知,它从一粒小小的种子到最后开花,要历经无数的艰辛与坎坷!我们的成长也是如此。只有做辛勤的“织梦者”,我们的梦想才会成真!
3.用使 豆瓣念书API 取获书籍信息;
4.将回返的信息,成生DOM,插入页面中。
其他:
1.浮层式样大幅度参考了有道购物搜索,
2.在产品共事的提议下,新添加一个交互,中选的词语如果没有被书名号包裹,但是按下了ctrl键也会发触搜书的逻辑;
3.扩展的设法,直接在插件上可以藏收书?参加书单?参加想读列表?
4.扩展的设法,按下M键(MOVIE)时候去搜索影电?按下N键时候去搜索乐音?
5.本来布发chrome插件要5刀 - -!。
最后:
插件地址点这里
文章结束给大家分享下程序员的一些笑话语录: 祝大家在以后的日子里. 男生象Oracle般健壮; 女生象win7般漂亮; 桃花运象IE中毒般频繁; 钱包如Gmail容量般壮大, 升职速度赶上微软打补丁 , 追女朋友像木马一样猖獗, 生活像重装电脑后一样幸福, 写程序敲代码和聊天一样有**。
插件搜索我的第一个chrome插件相关推荐
- java 线程 插件_我的第一个Chrome插件:天气预报应用
1.Chrome插件开发基础 开发Chrome插件很简单,只要会基本的前台技术HTML.CSS.JS就可以开发了. Chrome插件一般包括两个HTML页面background和popup. back ...
- 制作一个chrome插件
制作一个chrome插件 要做两方面的准备 文件准备 在文件夹中,必需的两个文件 manifest.json 用于配置文件 index.html 插件的界面效果 manifest.json的内容 { ...
- 怎么编写一个chrome插件
怎么编写一个chrome插件 总觉得chrome插件这种东西很高端,很遥不可及.当然复杂的chrome插件开发起来确实比较困难,但是我们可以从一个简单的chrome插件demo慢慢入手,了解一下chr ...
- 开发一个chrome插件:将百度搜索热点屏蔽掉!
每次百度搜索,搜索结果的右边总是出现些乱七八糟的搜索热点(推的都是些什么玩意,高校替课和我有毛关系,几个悲伤的热点我用星号顶掉了). 强迫症想把它隐藏掉,我用的是chrome浏览器,受adb ...
- 设计和实现一个 Chrome 插件提升登录效率
大家好,我是若川.最近组织了源码共读活动,感兴趣的可以点此加我微信ruochuan12 进群参与,每周大家一起学习200行左右的源码,共同进步.已进行4个月了,很多小伙伴表示收获颇丰. 前言 在我们的 ...
- 从零做一个Chrome插件实现起点中文网自动签到
这是我参与更文挑战的第1天,活动详情查看: 更文挑战 最近一直在起点中文网上看小说,忽然发现官方竟然卖自动签到卡,五块钱一个月!身为一个程序猿,怎么能花这些冤枉钱! 于是开始了写一个脚本的念头. 第一 ...
- python写chrome插件_用VueJS写一个Chrome浏览器插件
浏览器基本已经天下大统了,放眼望去都是Chromium的天下.那么,能写一个浏览器插件也算是一种回报率不错的技能. 基本知识 浏览器插件官方的说法叫扩展程序,允许你为浏览器增加各种功能,但不需要深入研 ...
- 如何从零开始开发一个 Chrome 插件?
什么是浏览器插件? 简单来说浏览器插件,是浏览器上的一种工具,可以提供一些浏览器没有的功能,帮你做一些有趣的事情.开发者可以根据自己的喜欢,去实现一些功能.插件基于Web技术(html.css.js) ...
- 快速制作一个chrome插件
说在前面 在我日常开发以及娱乐生活中,浏览器是我使用频率较高的一个应用,当我大学拥有第一部电脑开始,之后不论电脑换成什么,以及使用的是什么系统,我的首选浏览器都是Chrome,不仅仅是因为其速度快,更 ...
- 前端拓展:如何开发一个 Chrome 插件?
什么是浏览器插件? 简单来说浏览器插件,是浏览器上的一种工具,可以提供一些浏览器没有的功能,帮你做一些有趣的事情.开发者可以根据自己的喜欢,去实现一些功能.插件基于Web技术(html.css.js) ...
最新文章
- Oracle报错createPool,Jmeter中连接Oracle报错Cannot create PoolableConnectionFactory(示例代码)...
- 怎样把 Boot Camp 里 Windows 的色温调节得和 Mac OS X 一致
- 模块--random
- 基础练习 十六进制转十进制 c语言
- Insertion Sort List(单链表插入排序)
- css过度效果 从无到有,求教,对于CSS3 transition和transform实现的一个特效原理不是太明白?...
- 使用STL map 用 string 做索引 插入删除数据
- 手机三十分钟熄屏如何一直亮_怎么让手机屏幕一直亮着
- 87-分布式前端微信操作
- App拉起:h5打开app指定页面
- 基于微信小程序的鲜花销售系统毕业设计源码
- 光学成像基础-荧光滤色片
- 解决IE浏览器打开,出现不能为“read”的问题
- java三维数组的遍历
- 数据资产盘点实践:智能对标
- corpus iweb_「As is depicted」和「As depicted」哪个对?
- Flutter第一部分(UI)第二篇:在Flutter中构建布局
- undefined、null与NaN的区别
- 学习正则表达式的简单方法
- java斗地主发牌代码_[Java源码]扑克牌——斗地主发牌实现