为了学(mo)习(yu),我竟开发了这样一个插件

为了学(mo)习(yu),我竟开发了这样一个插件

效果预览

在这里插入图片描述

说在前面

效果如上图所示,仿照了alfred和uTools这两个工具,目前支持通过关键字快捷跳转链接,目前插件已经内嵌了翻译、加解密功能面板,开发这个插件的主要原因是因为自己平时想打开某个链接的时候总是要通过书签栏去找到然后才能打开,书签栏多了的时候就会觉得这样找起来也有点麻烦,于是便开发了这样一个可以快捷跳转链接的插件,只需输入关键字便可以自动跳转到相应的链接。

功能介绍

1、链接快速跳转

在这里插入图片描述

如上图所示,打开面板后,在输入框输入关键字(按tab键可以自动补全),然后按下回车键,就可以跳转到配置好的对应链接去,默认是在本窗口打开新链接,如在关键字后加个空格并随意输入字符,便会从新窗口打开新链接。如:输入csdn后按下回车键,会在本窗口跳转到csdn去;输入csdn a按下回车键,则会从新窗口跳转到csdn去。

面板上还有两个功能,项目关键字一项目前是自己使用来过滤gitlab项目的,可能对你们没有什么作用。

分屏功能是可以将当前页面(或者可以自己输入url)分割成两个屏幕展示,如下图:

在这里插入图片描述

2、翻译面板

在这里插入图片描述

如上图,可以通过快捷键以弹窗的方式在当前页面打开翻译面板,节省了切换到翻译软件或网站的步骤。

3、加解密面板

在这里插入图片描述

如上图,可以通过快捷键以弹窗的方式在当前页面打开加解密面板,私钥和秘钥可以在配置文件中配置,后面会介绍如何配置。

使用教程

1、下载代码

gitee地址:gitee.com/zheng_yongt…

可以直接到Gitee上下载zip文件,或者在命令行clone

git clone https://gitee.com/zheng_yongtao/chrome-plug-in
复制代码

2、修改配置文件

在这里插入图片描述

下载完代码后你会发现里面有好几个文件夹,我们需要用到的是Chrome-tools-plugin这一个文件夹,刚下载是没有config.js这个文件的,我们需要将configDemo.js复制一份并修改为config.js,然后修改config里面的相关配置即可。

我们只需要修改以下配置信息即可

  • searchConfig

在这里插入图片描述

searchConfig是用来配置快捷跳转关键字,可以将这里的键值换成自己常用的一些链接。

  • shortcutsKeys

在这里插入图片描述

shortcutsKeys是用来配置面板打开的快捷键,修改里面的fastKeyCode即可。

3、加载扩展程序

在这里插入图片描述

如上图,打开浏览器扩展管理,将‘Chrome-tools-plugin’这个文件夹拉进这里即可。

4、唤出面板

随便打开一个页面,然后按下自己设置的快捷键,即可以唤出想要的面板。

说在后面

目前该插件还在开发阶段,除了以上说到的相关功能,后续还会加入一些新的操作功能,也希望大家可以给些建议,一起来打造完善这个插件,为我们省下学(mo)习(yu)的时间。

一起开发

想要一起来完善这个插件的同学们可以直接从Gitee上拉取代码进行开发。

Gitee地址:gitee.com/zheng_yongt…

功能建议,优化

有什么好的建议或者优化想法的可以通过以下方式联系我:

更多插件

浏览器网页背景换肤插件 浏览器桌面挂件动画插件 B站视频评论屏蔽插件 鼠标点击烟花效果插件 将B站视频设置为浏览器背景

Guess you like

Origin juejin.im/post/7050900019355844622