自己写一个chrome扩展程序 - 右键菜单扩展

最近在学习Spring,心想dotnet如何实现类似形式呢。于是想认真学习Casetle组件,发现没有书籍!而spring的书多得很。于是只好找网上教程了。发现系统的文章不多。Terrylee好多文章似乎都旧了,只好回头来看官方的文档。

https://github.com/castleproject/Windsor/blob/master/docs/README.md

英文呀!好些单词需要去查,于是想到划词翻译。下载几个扩展程序提示不安全!好吧,自己写一个!开放的体系就是好!

百度搜一下好多的例子,不过几乎都没说background.js是怎么放在manifest.json。大部分代码来自这里

http://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html

结合360详细的文档

http://open.chrome.360.cn/extension_dev/manifest.html

终于写成了我自己的扩展程序。就是看英文网页的时候用鼠标选择不会的单词,右健菜单点击“使用度娘翻译”,

 

就是打开一个新的页面搜索“选择的文字 翻译”

以下是主要文件

manifest.json

复制代码
{  
  "manifest_version":2,
  "name": "KnBaiduChange",  
  "version": "0.9.0",  
  "description": "走百度翻译.", 
  "icons": 
  { 
    "16": "icon.png",             
    "48": "icon.png",            
    "128": "icon.png" 
  },    
  "background": {
    "scripts": ["background.js"]
  },
  "permissions": ["contextMenus"]
  } 
复制代码

background.js

复制代码
chrome.contextMenus.create({
    title: '使用度娘翻译:%s', // %s表示选中的文字
    contexts: ['selection'], // 只有当选中文字时才会出现此右键菜单
    onclick: function(params)
    {
        // 注意不能使用location.href,因为location是属于background的window对象
        chrome.tabs.create({url: 'https://www.baidu.com/s?ie=utf-8&wd=' + encodeURI(params.selectionText + ' 翻译')});
    }
});
复制代码

写好这两个文件,准备一个icon.png,都放在一个文件夹,如baiduSearch,在chrome的扩展程序管理界面开启“开发者模式”,点击“加载已解压的扩展程序”,选择刚才的文件夹baiduSearch,点击“确定”,估计你也会看到类似下面的界面

 懒的且就要这个功能的下载这个现成的文件吧,就是打包一个文件夹

https://files.cnblogs.com/files/kevin-Y/chromeBaiduDi.zip

posted @   生命体验之kevin-Y  阅读(2742)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期(2025年3.1-3.9)
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
点击右上角即可分享
微信分享提示