为bob翻译写一个chrome插件实现划词翻译

前言 很喜欢mac平台的bob翻译,但是bob翻译想实现选中文字后点击划词翻译,作者建议使用popclip插件.popclip要25刀,对于刚买完macbook电脑的我来说还是太贵了.看到作者支持AppleScript调用bob翻译软件,且我的划词翻译的需求主要是在浏览器,考虑自己实现一个这样的chrome插件. 实现 我先问了claude ,chrome插件调用本地的翻译软件是否具有可行性,了解到chrome浏览器插件支持Native messaging. MCN参考文档 chrome参考文档 然后我从MCN相关的示例代码实现了本地python代码和chrome插件通信,后面重构为go语言实现,具体步骤就是划词后把选中的文字发给相关go代码,然后调用AppleScript实现翻译功能. 原先写的代码是manifest v2的,我参考了 https://developer.chrome.com/docs/extensions/develop/migrate/to-service-workers 将版本升级到了v3. 项目地址 项目使用MIT开源在GitHub点此访问 chrome插件安装 注意 仅安装chrome插件不能正常工作,请仔细阅读项目文档了解使用方式. 结语 有好的想法就要立刻去实现它.

May 6, 2025 · 1 min · LLP2333

前端路线

前端路线 0 Roadmap 新手 进阶 1 HTML & CSS freecodecamp网站 里的 『响应式网页设计认证』 css学习:learnlayout网站 flex 布局: 学习:vgee.cn网站 练习:flexboxfroggy 2 JavaScript 《JavaScript权威指南》第六版 (2012年出版)PDF 《JavaScript 高级程序设计》(2019年出版) JavaScript 教程:网址 阮一峰的 ES6 教程 3 框架 React Vue 4 构建工具 《前端工程化》基于Vue3 教材:网址 Webpack Vite 5 大而全的教程 微软的前端教程:github网址 coderwhy 大前端系列教程 各种教程的网站:质量挺高(英语) frontendmasters网址 MDN 网址:大而全的文档 ChatGPT:升级到 plus 版本,打开使用网络内容的设置 6 具体步骤 基础知识(a、b可同步进行) HTML & CSS JavaScript 学习框架 React:更适合作为第一个框架学习 Vue:使得用起来更方便,但不利于新人了解具体实现原理 构建工具 在学习框架时也会用到构建工具 学完框架后再系统性学习 抄一个网站 在学完 HTML & CSS 时可以抄静态页面 学完 JavaScript、框架后可以抄整个站

April 6, 2024 · 1 min · LLP2333