使用vue快速开发一个带弹窗的Chrome插件
vue-chrome-extension-quickstart 说在前面 平时我们使用Chrome插件通常都只是用来编写简单的js注入脚本，大家有没有遇到过需要插件在页面上注入一个弹窗呢？比如我们希望可以通过快捷键快速唤起ChatGPT面板或者快速唤起一个翻译面板，这时候我们就需要在页面上注入一个可...
如何用vite+vue-next快速开发chrome插件
背景之前写过一篇文章《从开发chrome插件到插件系统设计》，主要讲述了如何开发一个chrome插件和chrome插件设计，感兴趣的同学可以再去看看。目前主流web应用都是基于Vue、React等现代框架去开发，Chrome插件本身而言其实也是一个web应用，看它的组成部分popup.html + ...
从开发chrome插件到插件系统设计
背景最近ChatGPT的技术概念很火热，开发了一个node-gptcommit开源项目，主要利用GPT用来自动生成git commit的信息。但是通过命令行工具来生成preview感觉有点不太友好，因此在想有没有另外一种可能将其变得更加好用，然后想到一个场景：在合mr的时候，以及代码review，很...
在半小时内从无到有开发并调试一款Chrome扩展（Chrome插件/谷歌浏览器插件）
就在不久之前，我们目前这个毕业班的班长那日同学和我说，他正在公司开发Chrome扩展，看起来很高大上的技术，实际开发却非常简单，这引起了我非常浓厚的兴趣，正所谓技不压身，检验自身技术的手段之一就是拥抱新事物，这一次我们尝试在半小时内开发一款Chrome扩展，因为之前我们做了一个微信小程序的在线面试题...
开发chrome插件auto reload原理分析
之前开发过一款chrome插件，当时使用了一个vue-cli-plugin-browser-extension，配合vue开发chrome插件非常的丝滑，尤其是可以auto reload这块非常的感兴趣。今天有时间就仔细研究了下vue-cli-plugin-browser-extension先说一下...
从0开始开发一个chrome插件(2)
介绍一个插件里面js的操作；1、manifest.json文件说明请参考上一篇文章，这此在文件中新增加了一个属性： "content_scripts":[{ "matches":["http://*/*","https://*/*"], "js":[ "libs/jquery-3.6.0.min.j...
从0开始开发一个chrome插件(1)-manifest_version为3
1、下载demo: 一个来源于官方的基础例子2、解释一下配置信息：{ "name": "Getting Started Example", //名字 "description": "Build an Extension!", //描述 "version": "1.0", //版本 "manifest...
从0开始开发一个chrome插件（3）
接着讲一下各个js之间的通信；backgroud.js是中间商backgroud.js可以和content_script.js之间相互通信backgroud.js也可以和popup.js之间相互通信content_script.js和popup.js之间不能直接通信；backgroud.js和con...
从0开始开发一个chrome插件
1、manifest.json文件说明请参考上一篇文章，这此在文件中新增加了一个属性： "content_scripts":[{ "matches":["http://*/*","https://*/*"], "js":[ "libs/jquery-3.6.0.min.js", //引用的jquer...
从0开始开发一个chrome插件(manifest_version为3)
1、下载demo: 从官网下载一个最新基础例子地址在评论区2、解释一下配置信息：{ "name": "Getting Started Example", //名字 "description": "Build an Extension!", //描述 "version": "1.0", //版本 "m...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
社区圈子
