[Firefox附加组件]0004.上下文菜单项
2015-10-06 12:15
369 查看
在我们平常浏览网页是经常要对网页类容进行一些操作处理,如复制,翻译,搜索,打印打印等,今天我们就学习下如何在Firefox中我们如何通过附加组件实现这些操作。
开发步骤
1.终端窗口运行以下命令创建项目contextMenu
2.打开contextMenu项目中lib目录下的main.js文件,并添加以下内容
3.终端进入contextMenu项目,执行cfx run,打开一个网页,选择内容右键。
4.选择Log Selection 菜单,并查看终端窗口。
5.查看main.js文件,发现构造函数接受四个选项:
[1].label: 菜单显示名称。
[2].context: 上下文应该在不同的情境中显示它该做的显示。上下文菜单模块提供了一些简单的内置的上下文,包括selectioncontext()->(当页面被选中的时候将会显示菜单项),如果这些简单的背景是不够的,你可以使用脚本定义更复杂的环境。
[3].contentscript: 操作处理脚本。我们这次的处理是侦听用户点击该项目,然后选定文本用消息发送到add-on。
[4].onMessage: 响应来自连接到上下文菜单项脚本报文的一种方法。我们这次它只是记录选定的文本
参考链接
context-menu: https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/context-menu
本站文章为 宝宝巴士 SD.Team 原创,转载务必在明显处注明:(作者官方网站: 宝宝巴士 )
转载自【宝宝巴士SuperDo团队】 原文链接: /article/6669220.html
开发步骤
1.终端窗口运行以下命令创建项目contextMenu
mkdir contextMenu cd contextMenu cfx init
2.打开contextMenu项目中lib目录下的main.js文件,并添加以下内容
var contextMenu = require("sdk/context-menu"); var menuItem = contextMenu.Item({ label: "Log Selection", context: contextMenu.SelectionContext(), contentScript: 'self.on("click", function () {' + ' var text = window.getSelection().toString();' + ' self.postMessage(text);' + '});', onMessage: function (selectionText) { console.log(selectionText); } });
3.终端进入contextMenu项目,执行cfx run,打开一个网页,选择内容右键。
4.选择Log Selection 菜单,并查看终端窗口。
5.查看main.js文件,发现构造函数接受四个选项:
label,
context,和contentscript,onMessage
[1].label: 菜单显示名称。
[2].context: 上下文应该在不同的情境中显示它该做的显示。上下文菜单模块提供了一些简单的内置的上下文,包括selectioncontext()->(当页面被选中的时候将会显示菜单项),如果这些简单的背景是不够的,你可以使用脚本定义更复杂的环境。
[3].contentscript: 操作处理脚本。我们这次的处理是侦听用户点击该项目,然后选定文本用消息发送到add-on。
[4].onMessage: 响应来自连接到上下文菜单项脚本报文的一种方法。我们这次它只是记录选定的文本
参考链接
context-menu: https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/context-menu
本站文章为 宝宝巴士 SD.Team 原创,转载务必在明显处注明:(作者官方网站: 宝宝巴士 )
转载自【宝宝巴士SuperDo团队】 原文链接: /article/6669220.html
相关文章推荐
- HDU1016 Prime Ring Problem
- iOS开发----三目运算符
- 证书 pki
- UVA 10759 Dice Throwing
- Wi-Fi 协议和数率?
- html中input标签回车事件分享
- C#里面Console.Write()和Console.WriteLine()有什么区别?
- 0917 词法分析程序(java版)
- 实现一个新闻列表的功能,并且具有分页的功能
- 叭叭买车张珺:越苦逼的重度运营,壁垒越高(校正版)
- 代码大全读书笔记(4)
- C++ 内存管理
- 转移语句
- c++享元模式
- Objective-C---7---NSDate Protocol Category
- mysql熟悉
- CSS3背景渐变。。。
- 【UML】——UML入门总结
- C/C++递归之汉诺塔求解
- Java笔记---GUI( 图形用户界面)