【免费下载链接】command
:black_nib: Making the web better with Slack-like slash commands.
Command是一款开源的 Chrome 浏览器扩展，它的核心卖点是：把 Slack 风格的**斜杠命令（slash commands）**带到任意网页的输入框中。只要在评论框、发帖框里输入一个/，就能直接搜索 GIF、插入表情、分享歌曲甚至自拍嵌入，让普通网页秒变生产力神器。
上图演示了在 GitHub 评论框中输入斜杠命令后，Command 直接弹出 GIF 搜索面板并插入动图的效果。
🚀 三步上手：在任意网页使用斜杠命令
Command 的使用门槛几乎为零，官方将整个流程总结为三步：
- 安装扩展：在 Chrome 网上应用店搜索 Command 并安装；
- 输入命令：在任意网页的文本框中输入类似
/giphy的斜杠命令； - 搞定：选择结果，自动插入到你的文字中。
从 src/manifest.json 可以看到，Command 的 content script 注入了<all_urls>——也就是说它对全网页面生效，不需要针对每个网站单独配置。
⚡ 内置 5 大斜杠命令全解
Command 开箱即用的命令由 src/content/commands/ 目录自动扫描加载，每个命令只需导出match、icon、mount三个属性即可被识别：
| 命令 | 功能 | 适用场景 |
|---|---|---|
/emoji | 快速搜索并插入表情符号 | 让评论更生动 |
/giphy | 搜索并插入 GIF 动图 | 配图、表达情绪 |
/spotify | 搜索歌曲并插入分享链接 | 分享音乐 |
/selfie | 调用摄像头自拍并嵌入 | 即时插入自拍 |
/help | 查看使用帮助文档 | 新手入门 |
🎭/emoji—— 表情一键到位
基于 emojilib 数据源，输入/emoji后弹出搜索面板，选中即插入，告别在系统表情面板里大海捞针。实现位于 src/content/commands/Emoji/Emoji.jsx。
🎬/giphy—— 网页内直接搜 GIF
这是最能体现"生产力"的命令：在 src/content/commands/Giphy/Giphy.jsx 中，Command 直接调用 Giphy API 进行关键词搜索，选中的 GIF 会以图片形式插入输入框，整个过程无需离开当前页面。
🎵/spotify—— 搜歌分享不跳转
输入/spotify即可搜索歌曲，选中后自动插入 Spotify 歌曲链接（实现见 src/content/commands/Spotify/Spotify.jsx），适合在讨论区里"边聊边甩歌单"。
🤳/selfie—— 自拍直接嵌入
基于react-webcam调用摄像头拍照，并借助 Imgur 上传（见 src/content/lib/imgur.js），照片直接嵌入输入框，实现见 src/content/commands/Selfie/Selfie.jsx。
🧭/help—— 内置引导
新手不知道能干什么？输入/help会直接跳转到官方使用指南，见 src/content/commands/Help/Help.js。
🧠 工作原理：三大核心机制
1️⃣ 监听所有输入框
内容脚本一加载，就会全局监听页面中的textarea和div[contenteditable="true"]（见 src/content/fields/index.js），并在你按键或聚焦时自动完成初始化（src/content/index.js）。
2️⃣ 正则匹配斜杠命令
Field.js 中的listen会在每次按键时检查文本：当光标前出现/命令名时，就触发对应命令。命令的正则由所有命令名动态拼接而成（src/content/commands/index.js），所以新增命令无需改任何匹配逻辑。
3️⃣ 统一的结果注入
命令执行完只需返回三种标准结果类型（src/content/types/index.js）：
- Image—— 插入图片（如 GIF、自拍）
- Link—— 插入链接（如 Spotify 歌曲）
- Redirect—— 打开新页面（如
/help）
由 Field.js 的insert方法统一分发，命令开发者几乎不用关心底层插入细节。
🎯 智能字段适配：不同网站自动切换策略
网页输入框千差万别，Command 用两层映射实现了"同命令、不同注入方式"：
- 按域名覆盖：例如 GitHub 页面自动启用 Markdown 注入方式（src/content/fields/support/domains.js）；
- 按 class 覆盖：识别到
markdown-area等类名的输入框时切换为 Markdown 字段处理（src/content/fields/support/classes.js）； - 默认策略：
textarea走纯文本注入，contenteditable走 HTML 注入。
这就是为什么同一个/giphy，在普通评论框插入<img>标签，在 Markdown 编辑器里则自动插入gif语法。
🛠️ 动手开发：30 秒搭好本地环境
如果你想给 Command 添加自己的斜杠命令，开发流程非常简单：
git clone https://gitcode.com/gh_mirrors/comma/command cd command npm install npm run dev然后在chrome://extensions/打开开发者模式，加载command/build目录即可。
新增命令的套路：在src/content/commands/下建一个文件夹，导出match（命令名）、icon（图标）和mount（执行逻辑）三个属性，保存后命令就会被自动加载——详细示例可参考官方贡献指南 CONTRIBUTING.md。
📌 总结
Command 用最简单的方式回答了一个问题：能不能像用 Slack 一样用整个 Web？它的架构干净利落——
- 全局监听输入框，零配置生效；
- 命令以插件式文件夹组织，新增成本极低；
- Image / Link / Redirect 三种结果类型统一注入，兼容 Markdown 与 HTML 两种输入框。
如果你喜欢 Slack 的/交互，Command 值得常驻你的浏览器：在任何一个网页的输入框里敲下一个/，生产力就开始了。
【免费下载链接】command
:black_nib: Making the web better with Slack-like slash commands.
相关推荐
浏览器视频下载神器：猫抓扩展让你轻松捕获任何网页视频资源
浏览器视频下载神器：猫抓扩展让你轻松捕获任何网页视频资源 还在为网页视频无法保存而烦恼吗？现在有了猫抓浏览器扩展，网页视频下载变得前所未有的简单！这款强大的工具
音视频5秒完成网页收藏：Joplin浏览器扩展全攻略
5秒完成网页收藏：Joplin浏览器扩展全攻略 你是否还在为网页内容收藏杂乱无章而烦恼？Joplin浏览器扩展（Web Clipper）让你一键捕获网页内容，无
知识管理跨平台插件系统网页转应用黑科技：Nativefier让任何网站秒变桌面神器
网页转应用黑科技：Nativefier让任何网站秒变桌面神器 每天在十几个浏览器标签页之间切换查找资料？工作时总要在微信、文档和开发工具间反复横跳？想把常用网页
CLI桌面应用开发工具
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
避坑指南)