我的第一个浏览器插件-Json Search

377 阅读2分钟

描述

这是一个自定义使用快捷键进行搜索的插件

前言

之前用ubuntu的时候用了一段时间firefox, 无意中发现那个有一个自定义搜索的功能, 其实所有浏览器都有, 就是自定义搜索引擎, 但是那个做得比较小, 看着比较直观, 给我们的假象就是可以自定义搜索, 我觉得那个还是挺不错的, 但是我还是觉得chrome更符合我的操作习惯, 刚好这段时间比较闲, 就自己开发了一个那个功能的插件, 还加上了快捷键, 可以减少我使用鼠标的次数。

功能

  • 🔍 自定义搜索引擎
  • ⌨️ 快捷键唤醒搜索
  • 🖱️ 划词右键快速搜索
  • 🎯 多搜索引擎一键@选择
  • 🔍 #tag必填搜索

快捷键搜索

  1. 按下 ctrl+shift+空格 (Mac: command+shift+空格) 呼出搜索框, 也可以通过chrome://extensions/自定义快捷键
  2. 输入关键词
  3. 回车即可搜索

划词搜索

  1. 选中网页中的任意文本
  2. 点击右键菜单中的"使用xxx搜索"
  3. 自动打开新标签页进行搜索

踩坑

  1. plasma在写content部分的时候样式太难弄进去了(可能还是我太菜,没有找到合适的方法), 虽然它的好处是让样式不得到污染, 但是我这个是自己用的工具, 就没那么讲究了, 因此选择了框架wxt, 个人感觉挺好用的, 就是还是会有样式污染的问题, 不过我不care, 自用能用就行。
  2. vue-i18n中不能在内容中写@(我直接用了参数来修改, 如果有大佬知道更好的方法可以指教一下)。

Github 下载 注: 安装后需要重启浏览器或刷新页面才生效。