ChatGPT Chrome Extension：把 ChatGPT 接入网页任意文本框的浏览器扩展
这是一个 Chrome 扩展，可在互联网上任意文本框中调用 ChatGPT，用于写推文、修改邮件、修复代码等，无需离开当前网站；项目自带插件系统，可自定义对话规则并调用第三方 API。
社区作者 · zZz
它解决什么问题
项目用途
该 Chrome 扩展会把 ChatGPT 加到互联网上每一个文本框中。你可以用它写推文、修订邮件、修复代码 bug，或完成其他文本处理需求，全部无需离开你当前所在的网站。
扩展包含一个插件系统，用于更精细地控制 ChatGPT 的行为，并具备与第三方 API 交互的能力。
工作方式
扩展本身负责在网页文本框中触发交互，实际与 ChatGPT 的通信由本地运行的 Node.js 服务完成。安装流程要求在本地克隆仓库、安装依赖、配置 API Key，然后运行 node server.js 启动服务，扩展通过该服务与 ChatGPT 通信（配图 1 展示了在网页文本框中调用 ChatGPT 的操作效果）。
插件系统
插件能够告知 ChatGPT 特定的对话规则，并在 ChatGPT 的回复发送到浏览器之前对其回复进行解析。
- **Default**：设置一些默认的对话规则 🧑🏫
- **Image**：在被要求生成图片时，告诉 ChatGPT 用视觉方式描述事物，随后把该描述替换为来自 Lexica 的匹配 AI 生成图片 📸
- **你的超酷插件**：作者欢迎开发者自行编写插件并提交 pull request，他会把插件加入列表 🤝
相关致谢
作者特别感谢 Travis Fischer 创建了 chatgpt-api 库。
— 本文由 AI 根据公开来源辅助整理，命令、版本与许可证请在使用前到原始页面复核。
安装 / 开始使用
以下步骤按来源 README 的先后顺序整理。
一、准备环境
- 本地机器（可运行 Node.js）。
- Google Chrome 浏览器。
- 一个 ChatGPT API Key（需自行准备）。
二、克隆仓库并安装依赖
- 首先在本地机器上克隆本仓库。
- 安装依赖：
npm install三、配置 API Key
- 将
.env-example复制为一个名为.env的新文件，并在其中填入你的 ChatGPT API Key。
四、启动服务
- 运行服务，使扩展能够与 ChatGPT 通信：
node server.js说明：该服务借助 chatgpt-api 库，通过 OpenAI 的 API 自动化完成与 ChatGPT 的交互。
五、加载扩展
- 在 Google Chrome 浏览器中访问
chrome://extensions。
- 勾选右上角的 Developer mode（开发者模式）复选框。
- 点击 “Load Unpacked”（加载已解压的扩展程序），会弹出文件选择对话框。
- 选择你本地的
chatgpt-chrome-extension/extension目录。
六、首次使用
完成上述步骤后，在任意文本输入框或 content editable（可编辑内容）区域中右键，即可看到 “Ask ChatGPT” 菜单项。
常见问题（Troubleshooting）
- 如果 ChatGPT 响应非常慢或完全没有响应，可能意味着其服务器当前负载过高。你可以访问
chat.openai.com/chat直接确认其网站本身是否可用。
注：来源未给出 Node.js 或 Chrome 的具体版本要求，也未给出 .env 中键名的具体写法，请以仓库内 .env-example 为准。
来源教程配图
