![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
浏览器扩展插件
文章平均质量分 84
JYeontu
不止前端
展开
-
emoji控必备:制作一个emoji面板插件
💻在数字时代,`emoji表情符号`已成为很多人沟通的重要工具,但是输入法中的emoji表情包可能不太够用,所以很多时候我会到在线的网站去复制emoji,然后再回来粘贴,这样操作感觉有点繁琐,所以制作了这么一个插件。 🍃`emojiPanel` 插件,专为提升你的在线聊天体验而设计,让你能够快速、方便地找到你想要的`emoji`表情,增加文字趣味性。原创 2024-06-25 08:39:58 · 841 阅读 · 0 评论 -
Chrome 有没有插件可以一键保存当前打开的所有标签页?
🎈最近在某乎看到这么一个问题,觉得挺有意思的,想着自己有时候好像也需要用到这样的一个功能,所以便有自己动手做这么一个插件的想法,这里简单分享下这个Chrome插件是怎么快速开发出来的。原创 2024-06-24 08:52:30 · 691 阅读 · 0 评论 -
借助浏览器实现一个录屏插件?
🎈不知道大家平时都是使用什么录屏软件呢?有没有想过只用JavaScript我们也可以快速实现一个录屏插件?原创 2024-06-17 15:03:18 · 1634 阅读 · 0 评论 -
Chrome不支持正则搜索?那我们自己写一个
🎈Ctrl + F 大家都用过了吧,最近在Chrome中使用搜索功能的时候,突然想要使用正则来进行搜索,发现Chrome浏览器自带的搜索功能并不支持正则搜索,于是便想着自己做了一个支持正则搜索的Chrome插件。原创 2024-03-20 08:43:45 · 1310 阅读 · 0 评论 -
使用vue快速开发一个带弹窗的Chrome插件
🎈平时我们使用Chrome插件通常都只是用来编写简单的js注入脚本,大家有没有遇到过需要插件在页面上注入一个弹窗呢?比如我们希望可以通过快捷键快速唤起`ChatGPT面板`或者快速唤起一个`翻译面板`,这时候我们就需要在页面上注入一个可以使用快捷键唤起的弹窗面板了,那么在插件开发中,我们怎么使用vue框架来进行弹窗面板开发呢?原创 2024-01-16 01:03:19 · 2403 阅读 · 5 评论 -
从零开始,轻松打造个人化Chrome浏览器插件
想象一下,你是否曾经希望能够拥有一个专属于自己的Chrome浏览器插件,能够满足你特定的需求和兴趣?本文将带你了解如何快速创建个人化的Chrome浏览器插件,无论是增强浏览体验、提高工作效率,还是添加个性化功能,你都可以在几个简单步骤内实现。无需编程背景,只需跟随本文指南,你也可以成为自己的插件设计师!原创 2023-11-30 08:28:32 · 1018 阅读 · 0 评论 -
一键同步,无处不在的书签体验:探索多电脑Chrome书签同步插件
告别繁琐同步多台电脑上的书签的烦恼。我们的插件可以轻松同步您的Chrome浏览器书签,确保您随时随地都能访问到您最喜爱的网站和资源。体验无缝浏览,再也不错过任何一个书签!原创 2023-10-26 23:10:10 · 1184 阅读 · 0 评论 -
一年一度的中秋节马上又要到了,给你的浏览器也来点氛围感吧
一年一度的中秋节马上又要到了,给你的浏览器也来点氛围感吧 🌕🌕🌕原创 2023-09-15 17:56:23 · 101 阅读 · 0 评论 -
快速制作一个chrome插件
在我日常开发以及娱乐生活中,浏览器是我使用频率较高的一个应用,当我大学拥有第一部电脑开始,之后不论电脑换成什么,以及使用的是什么系统,我的首选浏览器都是Chrome,不仅仅是因为其速度快,更多是它丰富的扩展在吸引我,那么大家有没有想过如何自己来开发一个Chrome浏览器插件呢?是不是有的同学会觉得Chrome浏览器插件的制作难度会很大呢?今天就让我来带你们看看一个简单的Chrome浏览器插件的编写过程,并给大家制作一个简单的插件模板,大家可以通过模板来进行快速开发。原创 2023-02-20 00:02:21 · 7351 阅读 · 7 评论 -
JavaScript也可以制作颜色拾取工具了
必备工具?作为一名前端开发,颜色拾取工具是不是你们必备的工具,像之前都是用的软件的吸管工具来进行吸取颜色,完成自己的页面设计,但现在使用简单的JavaScript也能实现颜色拾取功能,你们知道吗?Chrome 95 推出的EyeDropper API 能够帮助我们轻松地在 Web 应用中创建吸管工具。使用EyeDropper API你可以使用取色器提取当前页面上的颜色。当取色器被激活的时候,它就像一个“放大镜”,使得你可以进行像素精度的颜色选择。在取色器下方显示的是当前像素点的颜色值,颜色值显示格式与你.原创 2022-01-30 01:54:02 · 3038 阅读 · 0 评论 -
为了学(mo)习(yu),我竟开发了这样一个插件
为了偷懒,我竟开发了这样一个插件,只从有了这个插件,工作效率提高了,学(mo)习(yu)时间也多了,妈妈再也不用担心我没时间学(mo)习(yu)了。原创 2022-01-09 02:23:14 · 647 阅读 · 5 评论 -
(新)Chrome浏览器自定义背景插件
一、效果预览二、项目回顾1、原理主要是利用js脚本在页面打开前插入一个背景图片容器,在通过相应的事件控制来实现该功能。2、功能将网络图片设置为浏览器背景3、使用下载插件 --> 修改js文件(加入图片链接)–》 添加浏览器扩展 --> 刷新页面4、局限只能使用网页图片链接作为背景图片,修改背景图片需要频繁修改代码。5、旧版本记录旧版本开发详情可以查看该博客:自制浏览器网页背景是什么体验?三、项目优化1、背景图片选择之前只能使用在线链接来设置背景图片,现在增加了多一原创 2021-12-24 15:56:45 · 4466 阅读 · 7 评论 -
将B站视频设置为浏览器背景,你确定不试试?
动图效果说在前面心血来潮做了个插件,通过该插件我们使用B站视频来做自己浏览器网页的背景视频,这样浏览起来是不是会更加的赏心悦目。使用步骤插件下载Gitee地址:https://gitee.com/zheng_yongtao/chrome-plug-in/tree/master/Chrome-backGroundVideoCSDN插件:https://download.csdn.net/download/Twinkle_sone/22003790添加扩展程序打开链接 chrome://exte原创 2021-09-07 13:07:17 · 912 阅读 · 12 评论 -
浏览器鼠标点击特效
写在前面效果如上图,鼠标点击之后页面会从底部发射一道烟花,在鼠标点击处绽放开来。准备工作1.了解浏览器插件制作方法chrome扩展:manifest.json文件相关字段2.实现方案在网页上动态插入一个canvas元素,通过canvas来制作并展示烟花效果粒子,结合鼠标的点击事件,来触发烟花射线发射。3.动手撸代码minifest.json简单地将必须的参数配置完整{ "name": "烟花点击特效", "version": "1.0.0", "manifes..原创 2021-08-17 17:25:23 · 1740 阅读 · 0 评论 -
七夕节特辑,浏览器桌面太无聊,为什么不做个挂件来陪自己呢?
1、 准备工作(1)需要准备自己想要的展示gif图包;(2)将gif图包拆分成图片帧;(3)对图片帧进行去除背景操作;(4)将处理好的图片帧嵌入网页组成动图展示。2、准备gif图包这个比较简单,可以从视频中截取或者是直接从网上查找。这里我以网上找的 第四代火影波风水门 的动图为例,如下图。3、将动图拆分为帧图片这里我使用了python来对动图进行处理。#提取帧图片#参数说明#video_path:动图(视频)路径#dst_folder:帧图片存放路径#index:拆分帧数de原创 2021-06-08 04:12:21 · 1012 阅读 · 0 评论 -
自制浏览器网页背景是什么体验?
浏览器一键换肤插件制作1、思路 其实就是简单的在页面上新增了一个div来作为背景图片容器,再调整一下布局和触发事件就可以实现了。 具体实现代码如下:2、代码(1)插件配置文件{ "name": "背景切换", "version": "1.0.0", "manifest_version": 2, "description": "浏览器背景切换--SADON_jung", "browser_action": { "defa...原创 2021-04-09 23:54:46 · 1800 阅读 · 35 评论 -
chrome扩展:manifest.json文件相关字段
完整字段{ // 必须的字段3个 "name": "MyExtension", // 扩展名称 "version": "1.0", // 版本。 "manifest_version": 2, // 文件版本号。Chrome18开始必须为2 // 以下字段可省略 "description": "", // 描述。132个字符以内 "icons": { "16": "image/icon-16.png", "48": "i原创 2021-04-09 15:46:02 · 1568 阅读 · 0 评论