Archive for技术资料

我的第一个firefox扩展

最近OpenVPN没法用了,查找资料时,一些完全与政治无关的网页莫明其妙被盾,火大。

万般无奈之下,只得使用GOOGLE网页翻译的从中文翻译至中文的功能来查看被盾的网页。但每次要先打开一个GOOGLE翻译的页面,然后复制网页链接,再点翻译按钮,用起来不是太爽。于是心里痒痒,就写了这么一个Firefox 扩展。

扩展名称叫: TranslateLink  功能就是在浏览网页时,右击链接选择“使用谷歌翻译查看”,就会利用GOOGLE翻译打开这个链接。

功能很简单,有效代码不超过10行.

下载TranslateLink扩展 (下载以后,使用firefox打开即可安装,网页上的直接安装需要javascript代码,wordpress 不支持插入)

存在的问题与需要改进的地方:

  •   右键菜单任何时候都会出现,不单单在选择链接的时候才出现
  •   打开链接的时候是打开新窗口,而不是同一个窗口中的新标签页
  •   需要增加一个按钮或勾选项,用以直接打开在地址栏里输入的链接地址,或者在勾选项激活的情况下,一律使用TranslateLink打开所有网页

有兴趣的同学可以改改看,不过这个扩展对我来说已经够用了。点此下载 未打包的扩展目录结构 (相当于扩展的源代码, 当然从XPI里也是可以提取到的),关键的代码只有两处,一处在 content/firefoxOverlay.xul 中,加入了一个右击菜单项,一处在overlay.js,是点击事件的处理函数。

 参考资料:
            实战Firefox 扩展开发 
            Firefox扩展开发实例入门之comic扩展
           Firefox扩展开发学习杂记

 

Comments (9)