AI 助理
文档备案控制台
文章 2025-09-28 来自：开发者社区

开发实战：从0到1实现Chrome元素截图插件的完整过程

核心要点 一周快速开发验证技术可行性多语言系统架构设计实现国际化SnapDOM引擎解决AIGC内容截图质量智能回退机制确保用户体验从失败到成功的技术选型过程 作为雨林一人公司的技术负责人，nine在开发Chrome元素截图插件时，遇到了不少技术挑战。从技术选型到最终实现，每一个环节都需要仔细打磨。 在两个月全职创业的过程中，我深刻体会到一...

文章 2025-09-27 来自：开发者社区

从痛点到解决方案：为什么我开发了Chrome元素截图插件

核心要点 AIGC生成内容需要精确截图保存传统截图工具无法满足元素级截图需求一周快速开发验证技术可行性SnapDOM引擎完美解决截图质量问题 之前已经讨论过“技术架构设计：如何打造一个高性能的Chrome截图插件”。可以关注之前发布的文章。 今天主要分享一下为什么我开发了Chrome元素截图插件。 作为雨林一人公司的创始人，nine在制作AIGC内容时经常遇到一个头...

文章 2024-08-09 来自：开发者社区

手摸手教你，从0到1开发一个Chrome浏览器插件

开发 Chrome 浏览器插件（也称为扩展）是一段有趣且有成就感的过程。在本教程中，我将引导你从零开始，逐步创建一个简单的 Chrome 插件。无论你是编程新手还是有一定基础的用户，我们都将以简单易懂的方式介绍整个过程。 1. 什么是 Chrome 插件？ Chrome 插件是可以添加到 Google Chrom...

手摸手教你，从0到1开发一个Chrome浏览器插件
文章 2024-06-07 来自：开发者社区

使用CRXjs、Vite、Vue 开发 Chrome 多页面插件，手动配置 vite.config.ts 和 manifest.json 文件

一、使用CRXjs、Vite、Vue 开发 Chrome 多页面插件，手动配置 vite.config.ts 和 manifest.json 文件 一、创建 Vue 项目 1. 使用 Vite 创建 Vue 项目 npm create vite@latest # npm...

使用CRXjs、Vite、Vue 开发 Chrome 多页面插件，手动配置 vite.config.ts 和 manifest.json 文件
文章 2024-02-29 来自：开发者社区

使用vue快速开发一个带弹窗的Chrome插件

vue-chrome-extension-quickstart 说在前面 平时我们使用Chrome插件通常都只是用来编写简单的js注入脚本，大家有没有遇到过需要插件在页面上注入一个弹窗呢？比如我们希望可以通过快捷键快速唤起ChatGPT面板或者快速唤起一个翻译面板，这时候我们就需要在页面上注入一个可以使用快捷键唤起的弹窗面板了，那么在插件开发中，我...

使用vue快速开发一个带弹窗的Chrome插件
文章 2023-07-06 来自：开发者社区

如何用vite+vue-next快速开发chrome插件

背景之前写过一篇文章《从开发chrome插件到插件系统设计》，主要讲述了如何开发一个chrome插件和chrome插件设计，感兴趣的同学可以再去看看。目前主流web应用都是基于Vue、React等现代框架去开发，Chrome插件本身而言其实也是一个web应用，看它的组成部分popup.html + contentscript + background.js ，只需要在开发的时候调整一下构建脚本基....

如何用vite+vue-next快速开发chrome插件
文章 2023-07-06 来自：开发者社区

从开发chrome插件到插件系统设计

背景最近ChatGPT的技术概念很火热，开发了一个node-gptcommit开源项目，主要利用GPT用来自动生成git commit的信息。但是通过命令行工具来生成preview感觉有点不太友好，因此在想有没有另外一种可能将其变得更加好用，然后想到一个场景：在合mr的时候，以及代码review，很多git commit 文件，需要一一个看在这个时刻，自动生成commit信息就显得很有用，因此有....

从开发chrome插件到插件系统设计
文章 2023-01-20 来自：开发者社区

在半小时内从无到有开发并调试一款Chrome扩展（Chrome插件/谷歌浏览器插件）

就在不久之前，我们目前这个毕业班的班长那日同学和我说，他正在公司开发Chrome扩展，看起来很高大上的技术，实际开发却非常简单，这引起了我非常浓厚的兴趣，正所谓技不压身，检验自身技术的手段之一就是拥抱新事物，这一次我们尝试在半小时内开发一款Chrome扩展，因为之前我们做了一个微信小程序的在线面试题题库的项目，所以正好利用这个题库将面试题平移到Chrome扩展上面。Chrome插件其实和一个普通....

在半小时内从无到有开发并调试一款Chrome扩展（Chrome插件/谷歌浏览器插件）
文章 2022-12-27 来自：开发者社区

开发chrome插件auto reload原理分析

之前开发过一款chrome插件，当时使用了一个vue-cli-plugin-browser-extension，配合vue开发chrome插件非常的丝滑，尤其是可以auto reload这块非常的感兴趣。今天有时间就仔细研究了下vue-cli-plugin-browser-extension先说一下使用，在vue.config.js中配置如下：pluginOptions: { browser...

文章 2022-05-05 来自：开发者社区

从0开始开发一个chrome插件(2)

介绍一个插件里面js的操作；1、manifest.json文件说明请参考上一篇文章，这此在文件中新增加了一个属性： "content_scripts":[{ "matches":["http://*/*","https://*/*"], "js":[ "libs/jquery-3.6.0.min.js", //引用的jquery库 ...

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

Chrome开发相关内容

Chrome您可能感兴趣

智能引擎技术

AI Online Serving，阿里巴巴集团搜推广算法与工程技术的大本营，大数据深度学习时代的创新主场。

+关注