最近用使开发的过程中出现了一个小问题,顺便录记一下原因和方法--插件搜索

做为一个微博控,在逛微博的时候,常会看到各种人荐书,然后会习惯性的制复书名去豆瓣搜索,看书的风格,内容,评分,然后定决是不是要参加书单,或者藏收这条微博。

如果到遇符合胃口的书,倒是也还好,但是大部分书其实不是我的菜,所出付的是,

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插件相关推荐

  1. java 线程 插件_我的第一个Chrome插件:天气预报应用

    1.Chrome插件开发基础 开发Chrome插件很简单,只要会基本的前台技术HTML.CSS.JS就可以开发了. Chrome插件一般包括两个HTML页面background和popup. back ...

  2. 制作一个chrome插件

    制作一个chrome插件 要做两方面的准备 文件准备 在文件夹中,必需的两个文件 manifest.json 用于配置文件 index.html 插件的界面效果 manifest.json的内容 { ...

  3. 怎么编写一个chrome插件

    怎么编写一个chrome插件 总觉得chrome插件这种东西很高端,很遥不可及.当然复杂的chrome插件开发起来确实比较困难,但是我们可以从一个简单的chrome插件demo慢慢入手,了解一下chr ...

  4. 开发一个chrome插件:将百度搜索热点屏蔽掉!

       每次百度搜索,搜索结果的右边总是出现些乱七八糟的搜索热点(推的都是些什么玩意,高校替课和我有毛关系,几个悲伤的热点我用星号顶掉了).   强迫症想把它隐藏掉,我用的是chrome浏览器,受adb ...

  5. 设计和实现一个 Chrome 插件提升登录效率

    大家好,我是若川.最近组织了源码共读活动,感兴趣的可以点此加我微信ruochuan12 进群参与,每周大家一起学习200行左右的源码,共同进步.已进行4个月了,很多小伙伴表示收获颇丰. 前言 在我们的 ...

  6. 从零做一个Chrome插件实现起点中文网自动签到

    这是我参与更文挑战的第1天,活动详情查看: 更文挑战 最近一直在起点中文网上看小说,忽然发现官方竟然卖自动签到卡,五块钱一个月!身为一个程序猿,怎么能花这些冤枉钱! 于是开始了写一个脚本的念头. 第一 ...

  7. python写chrome插件_用VueJS写一个Chrome浏览器插件

    浏览器基本已经天下大统了,放眼望去都是Chromium的天下.那么,能写一个浏览器插件也算是一种回报率不错的技能. 基本知识 浏览器插件官方的说法叫扩展程序,允许你为浏览器增加各种功能,但不需要深入研 ...

  8. 如何从零开始开发一个 Chrome 插件?

    什么是浏览器插件? 简单来说浏览器插件,是浏览器上的一种工具,可以提供一些浏览器没有的功能,帮你做一些有趣的事情.开发者可以根据自己的喜欢,去实现一些功能.插件基于Web技术(html.css.js) ...

  9. 快速制作一个chrome插件

    说在前面 在我日常开发以及娱乐生活中,浏览器是我使用频率较高的一个应用,当我大学拥有第一部电脑开始,之后不论电脑换成什么,以及使用的是什么系统,我的首选浏览器都是Chrome,不仅仅是因为其速度快,更 ...

  10. 前端拓展:如何开发一个 Chrome 插件?

    什么是浏览器插件? 简单来说浏览器插件,是浏览器上的一种工具,可以提供一些浏览器没有的功能,帮你做一些有趣的事情.开发者可以根据自己的喜欢,去实现一些功能.插件基于Web技术(html.css.js) ...

最新文章

  1. Oracle报错createPool,Jmeter中连接Oracle报错Cannot create PoolableConnectionFactory(示例代码)...
  2. 怎样把 Boot Camp 里 Windows 的色温调节得和 Mac OS X 一致
  3. 模块--random
  4. 基础练习 十六进制转十进制 c语言
  5. Insertion Sort List(单链表插入排序)
  6. css过度效果 从无到有,求教,对于CSS3 transition和transform实现的一个特效原理不是太明白?...
  7. 使用STL map 用 string 做索引 插入删除数据
  8. 手机三十分钟熄屏如何一直亮_怎么让手机屏幕一直亮着
  9. 87-分布式前端微信操作
  10. App拉起:h5打开app指定页面
  11. 基于微信小程序的鲜花销售系统毕业设计源码
  12. 光学成像基础-荧光滤色片
  13. 解决IE浏览器打开,出现不能为“read”的问题
  14. java三维数组的遍历
  15. 数据资产盘点实践:智能对标
  16. corpus iweb_「As is depicted」和「As depicted」哪个对?
  17. Flutter第一部分(UI)第二篇:在Flutter中构建布局
  18. undefined、null与NaN的区别
  19. 学习正则表达式的简单方法
  20. java斗地主发牌代码_[Java源码]扑克牌——斗地主发牌实现

热门文章

  1. Matconvnet学习笔记
  2. 按头安利 好看又实用的建筑图标素材看这里
  3. cad老是弹出命令中发生异常_CAD为什么会异常退出?遇到CAD异常退出怎么办-百度经验...
  4. 考研408-计算机组成原理-总线
  5. php 公众号 群发,php实现微信公众号无限群发
  6. 腾讯IM请求报错腾讯IM:70421参数类型有问题
  7. FPGA之JESD204B接口——总体概要 首片
  8. QLabel显示QImage时报错
  9. 摄影测量内定向编程实现
  10. 分享一个Qt的pdf查看器