linchao - 博客园

2012年12月15日

摘要：上一篇介绍了我做的第一个 chrome 插件划词搜书，今天做了一些修改，效果图如下：这篇具体的说下这个插件的实现方式。第一步：需要建立一个空文件夹，然后新建一个名字为manifest.json 的文件，在每一个chrome扩展和可安装的WebApp，包括皮肤，都有一个JSON格式的manifest文件，叫manifest.json，里面提供了重要的信息。如下： 1 { 2 // Required 3 "name": "My Extension", 4 "version": "versionString", 5 阅读全文

posted @ 2012-12-15 21:36 linchao 阅读(1267) 评论(4) 推荐(1)

2012年12月13日

我的第一个chrome插件--划词搜书(1)

摘要：做为一个微博控，在逛微博的时候，常会看到各种人荐书，然后会习惯性的复制书名去豆瓣搜索，看书的风格，内容，评分，然后决定是否要加入书单，或者收藏这条微博。如果遇到符合胃口的书，倒是也还好，但是大部分书其实不是我的菜，所付出的是，1.打开豆瓣；2.搜索书，3.进入该书的详情页。一共是3次页面的打开，略感麻烦。于是想做一个chrome的插件来做这个事情。插件的交互还算简单，鼠标选中被书名号包裹的文字就会触发逻辑：1.根据书名上豆瓣搜索，返回匹配的结果；2..根据返回的结果，取最匹配的书的详情；3.在页面浮层展示出来。效果图如下：技术也比较简单，没什么难点，无非就是：1.window.getSelec 阅读全文

posted @ 2012-12-13 21:39 linchao 阅读(1033) 评论(5) 推荐(0)

2012年12月8日

JS: addEventListener 和 attachEvent 绑定的函数中this的区别

摘要：写 addEventListener和attachEvent区别的博文不少，不过大部分都把重点放置于前者是Firefoxchrome，后者只是存在于IE系列中。最近在写一个事件代理的时候，遇到一个BUG，发现除此外，二者绑定的执行函数中的this是不相同的，addEventListener和attachEvent函数在运行时候的上下文是不相同的。用了一个简单的demo来描述这个不同点：<html xmlns="http://www.w3.org/1999/xhtml"><<head><meta http-equiv="Cont 阅读全文

posted @ 2012-12-08 18:14 linchao 阅读(298) 评论(1) 推荐(0)