分类 javascript 下的文章

Firefox扩展插件开发笔记(三)-发送Http请求获取数据

紧接着上次笔记写点,上次写了主要三个关键问题,这里主要解决第二个如何,发送翻译文本同时接收翻译数据本来想的是使用Ajax,后来有个跨域问题档在前面,看了很多解决跨域的方法感觉都不太理想,好吧还是看下英文文档用Add-on SDK中的API做吧,最后再把翻译显示面板html/css调教一下,就可以收工了,扩展插件下载地址

导航目录

  1. Add-on Script中使用Request请求翻译数据
    1.1 Request发送Http请求
    1.2 Add-on script和content script间传递消息
  2. Content Script中添加翻译结果面板
    2.1 添加翻译结果的面板
    2.2 与Add-on script间的消息传递

- 阅读剩余部分 -

Firefox扩展插件开发笔记(二) - 编写内嵌js脚本代码

google连不上,我的翻译插件不能用了,找了很久又没有找到其他的替代品,就像着自己能不能做一个利用baudi API的翻版,另外考虑到一些加强功能,可以对选中的文本进行wiki查询并显示wiki的结果。于是开始开发准备。明确下想法,首先打开网页时,将自己写的一个脚本(content.js)嵌入到网页中,该脚本产生一个隐藏的按钮和面板,并监听鼠标的抬起事件,当抬起并有选中文本的时候,将悬浮按钮显示,点击按钮时,获取选中的文本内容,发送翻译请求到baidu 翻译或者请求wiki页面,回传,将内容显示在面板中,搞定!

导航目录

  1. Javascript选取文本
  2. 构建Add-on代码,注入脚本到页面中

- 阅读剩余部分 -

firefox扩展插件开发笔记(一)add-on sdk的cfx使用和helloworld

firefox扩展插件开发笔记(一)add-on sdk的cfx使用和helloworld

一直对Firefox的插件插件情有独钟,对adb、fireftp等插件都十分惊叹,所以一直想做一个自己的扩展插件出来,可是限于个人水平不足,也因为也没太多firefox教程,直到最近发现add-on sdk简单方便,果断官网学习一下,自己摸索一下开发技术:官方教程,貌似中文教程还不完善。

导航目录

  1. Addon-SDK安装和CFX使用
  2. 编写运行第一个扩展程序
  3. 进一步学习

根据MDN上说目前可以使用三种方式创建扩展:基于Add-on SDK方式、自引导型(bootstrapped)扩展、包含覆盖接口程序段(overlay)的传统形式扩展。第三种就是使用xul和一些底层的浏览器接口开发(不懂),第二种由Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) 之后引入,它们不使用覆盖界面来将它们的用户界面应用到应用程序中,而是用程序将它们自己插入到应用程序,所以安装后无需重启浏览器。Add-on SDK我个人觉得就是将第二种的常用API和功能经过封装后的SDK直接给初级开发者使用的。所以我还是直接使用Add-on SDK开始我的第一个扩展插件吧

- 阅读剩余部分 -