%20(1).png)
ComfyUI Browser 插件完全保姆级教程
1. 插件简介
插件原地址： https://github.com/talesofai/comfyui-browser
ComfyUI Browser 是一个超级实用的插件，就像给你的 ComfyUI 装了一个文件管理器和工作流收藏夹。想象一下，你平时用电脑时需要文件夹来整理文件，这个插件就是专门为 ComfyUI 做的"文件夹管理器"。
这个插件能给我们带来什么效果：
- 📁 像浏览文件夹一样查看你生成的所有图片和视频
- 💾 把好用的工作流收藏起来，随时调用（就像浏览器收藏夹一样）
- 🔄 把你的收藏同步到云端，换电脑也能用
- 📥 订阅别人分享的工作流，直接拿来用
- 🔍 搜索功能，快速找到想要的工作流
- 🎯 提供了5个超实用的节点，让你的工作流更强大
2. 如何安装
方法一：通过 ComfyUI Manager 安装（推荐）
- 先安装 ComfyUI Manager
- 在 ComfyUI 界面点击 Manager 按钮
- 选择 "Install Custom Node"
- 搜索
comfyui-browser - 点击安装，重启 ComfyUI 即可
方法二：手动安装
- 打开终端/命令行
- 进入 ComfyUI 的 custom_nodes 文件夹
- 执行命令：
git clone https://github.com/talesofai/comfyui-browser.git - 重启 ComfyUI
安装成功标志： 在 ComfyUI 界面左侧会出现红色的 "Browser" 按钮，按键盘 B 键也能打开浏览器窗口。
3. 节点详细解析
本插件总共包含 5 个节点，本教程将逐一详细解析每个节点的功能和参数。
3.1 LoadImageByUrl 节点 - 网络图片加载器
这个节点是干嘛的？
就像一个"网络图片下载器"，你给它一个图片网址，它就能把网上的图片下载下来在 ComfyUI 里使用。比如你在网上看到一张好看的图片，复制链接地址，这个节点就能帮你把图片"搬"到 ComfyUI 里。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| url | url | 字符串 | 任何有效的图片网址 | 就像网购时的商品链接，告诉节点去哪里下载图片 | 图片资源的HTTP/HTTPS地址 | 复制图片链接，比如：https://example.com/image.jpg |
| cache | cache | 布尔值 | True | 像浏览器缓存一样，下载过的图片保存在本地，下次用就不用重新下载了 | 是否启用本地缓存机制 | 建议保持True，节省下载时间和流量 |
3.2 SelectInputs 节点 - 输入选择器
这个节点是干嘛的？
这就像一个"万能遥控器"，可以控制工作流中任何其他节点的参数。想象你有很多电器，每个都有自己的遥控器，这个节点就是把所有遥控器功能集中到一个上面，让你可以统一控制。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| input_1 | input_1 | 下拉选择 | 根据需要选择 | 第一个"遥控按钮"，可以控制工作流中任意一个节点的任意参数 | 选择要控制的第一个节点输入参数 | 选择"#3 CheckpointLoader::ckpt_name"来控制模型选择 |
| input_2 | input_2 | 下拉选择 | 根据需要选择 | 第二个"遥控按钮"，可以控制工作流中任意一个节点的任意参数 | 选择要控制的第二个节点输入参数 | 选择"#7 CLIPTextEncode::text"来控制提示词 |
| input_3 | input_3 | 下拉选择 | 根据需要选择 | 第三个"遥控按钮"，可以控制工作流中任意一个节点的任意参数 | 选择要控制的第三个节点输入参数 | 选择"#5 KSampler::steps"来控制采样步数 |
| input_4 | input_4 | 下拉选择 | 根据需要选择 | 第四个"遥控按钮"，可以控制工作流中任意一个节点的任意参数 | 选择要控制的第四个节点输入参数 | 选择"#5 KSampler::cfg"来控制CFG值 |
| preview | preview | 多行文本 | 自动生成 | 像"说明书"一样，显示你选择了哪些参数，方便查看 | 显示当前选择的所有输入参数的JSON格式预览 | 自动显示，不需要手动填写 |
3.3 XyzPlot 节点 - 参数对比图表生成器
这个节点是干嘛的？
这就像一个"实验室"，可以同时测试不同参数组合的效果。比如你想知道不同模型、不同提示词、不同参数的组合会产生什么效果，这个节点就能帮你一次性生成所有组合的图片，并整理成表格方便对比。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| images | images | 图片输入 | 连接其他节点 | 就像原材料，需要处理的图片从这里输入 | 接收来自其他节点的图像数据 | 连接KSampler或其他生成图片的节点 |
| input_x | input_x | 输入选择 | 根据需要选择 | X轴控制器，决定表格横向对比什么参数 | 选择作为X轴变量的节点输入参数 | 选择模型参数，横向对比不同模型效果 |
| input_y | input_y | 输入选择 | 根据需要选择 | Y轴控制器，决定表格纵向对比什么参数 | 选择作为Y轴变量的节点输入参数 | 选择CFG参数，纵向对比不同CFG值效果 |
| value_x | value_x | 多行文本 | 用分号分隔的值 | X轴的"菜单"，列出要测试的所有选项 | X轴变量的所有取值，用分号分隔 | "model1.ckpt; model2.ckpt; model3.ckpt" |
| value_y | value_y | 多行文本 | 用分号分隔的值 | Y轴的"菜单"，列出要测试的所有选项 | Y轴变量的所有取值，用分号分隔 | "5; 7.5; 10; 12.5" |
| value_z | value_z | 多行文本 | 用分号分隔的值 | Z轴的"菜单"，可选的第三维度对比 | Z轴变量的所有取值，用分号分隔 | "20; 30; 40" (采样步数) |
| output_folder_name | output_folder_name | 字符串 | xyz_plot | 就像给文件夹起名字，生成的对比图会保存在这个文件夹里 | 输出结果保存的文件夹名称 | "model_comparison" 或 "cfg_test" |
| input_z | input_z | 输入选择 | 可选 | Z轴控制器，可选的第三个对比维度 | 选择作为Z轴变量的节点输入参数 | 选择采样步数，增加第三维度对比 |
3.4 DifyTextGenerator 节点 - AI文本生成器
这个节点是干嘛的？
这就像一个"智能写手"，连接到 Dify 平台的 AI 服务，可以根据你的要求自动生成文本。比如你想要 AI 帮你写提示词、生成故事或者翻译文字，这个节点就能帮你实现。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| dify_api_endpoint | dify_api_endpoint | 字符串 | Dify API地址 | 就像门牌号，告诉节点去哪里找AI服务 | Dify平台提供的API接口地址 | "https://api.dify.ai/v1/chat-messages" |
| api_key | api_key | 字符串 | 你的API密钥 | 就像钥匙，证明你有权限使用这个AI服务 | 用于身份验证的API密钥 | "app-xxxxxxxxxxxxxxxxxxxx" |
| query | query | 多行文本 | 你的问题或要求 | 就像跟AI聊天，告诉它你想要什么 | 发送给AI的查询内容 | "帮我生成一个关于猫咪的可爱提示词" |
| inputs_json_str | inputs_json_str | 多行文本 | JSON格式数据 | 高级用法，可以发送更复杂的指令给AI | JSON格式的输入参数，会覆盖query字段 | '"prompt": "生成提示词", "style": "可爱"' |
3.5 UploadToRemote 节点 - 远程上传器
这个节点是干嘛的？
这就像一个"快递员"，可以把你生成的图片自动发送到指定的网址。比如你想把图片上传到自己的网站、发送到某个服务器，或者分享给朋友，这个节点就能自动帮你完成。
参数详解：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| remote_url | remote_url | 字符串 | 目标网址 | 就像快递地址，告诉节点把图片发送到哪里 | 接收上传文件的远程服务器地址 | "https://your-server.com/upload" |
| extension | extension | 下拉选择 | jpeg | 就像选择包装盒，决定图片用什么格式保存 | 图片输出格式选择 | jpeg(小文件), png(高质量), webp(平衡) |
| quality | quality | 整数 | 85 | 就像调节画质，数字越大图片越清晰但文件越大 | 图片压缩质量，1-100 | 85(平衡), 95(高质量), 70(小文件) |
| embed_workflow | embed_workflow | 下拉选择 | false | 就像在照片背面写说明，决定是否把工作流信息也一起保存 | 是否将工作流信息嵌入到图片元数据中 | true(保存工作流), false(只保存图片) |
| images | images | 图片输入 | 连接其他节点 | 就像要寄的包裹，需要上传的图片从这里输入 | 接收来自其他节点的图像数据 | 连接生成图片的节点 |
| extra | extra | 字符串 | 额外信息 | 就像快递单上的备注，可以附加一些说明信息 | 随图片一起发送的额外数据 | "生成时间: 2024-01-01" |
| track_id | track_id | 字符串 | 追踪编号 | 就像快递单号，方便追踪这次上传 | 用于追踪上传任务的唯一标识符 | "upload_001" 或 "batch_20240101" |
4. 使用技巧和建议
4.1 新手入门建议
- 先从 LoadImageByUrl 开始：这是最简单的节点，可以快速上手
- 善用 Browser 界面：按 B 键打开浏览器，管理你的文件和收藏
- 保存常用工作流：点击💾按钮把好用的工作流保存到收藏夹
4.2 进阶使用技巧
- XyzPlot 批量测试：用来对比不同参数效果，找到最佳设置
- SelectInputs 统一控制：把常用参数集中控制，提高效率
- 远程同步：设置 Git 仓库，在不同电脑间同步工作流
4.3 性能优化建议
- 合理使用缓存：LoadImageByUrl 的 cache 参数建议保持开启
- 控制 XyzPlot 规模：避免一次性测试太多组合，可能会很慢
- 选择合适的图片格式：JPEG 文件小但质量略低，PNG 质量高但文件大
5. 常见问题解答
Q1: 安装后看不到 Browser 按钮怎么办？
A: 检查是否正确重启了 ComfyUI，确保插件文件夹在 custom_nodes 目录下。
Q2: LoadImageByUrl 下载图片失败怎么办？
A: 检查网址是否正确，确保图片链接可以直接访问，有些网站有防盗链保护。
Q3: XyzPlot 生成的图片在哪里？
A: 在 ComfyUI 的 outputs 文件夹下，按你设置的 output_folder_name 命名的子文件夹里。
Q4: SelectInputs 看不到其他节点的参数怎么办？
A: 点击节点上的 "Refresh" 按钮刷新参数列表。
Q5: DifyTextGenerator 报错怎么办？
A: 检查 API 地址和密钥是否正确，确保网络连接正常。
6. 高级功能补充
6.1 快捷键功能
- B 键：快速打开/关闭 Browser 窗口
- Ctrl+I：另一个打开 Browser 的快捷键
6.2 配置文件自定义
可以在插件目录下创建 config.json 文件来自定义路径：
{
"collections": "/your/custom/collections/path",
"outputs": "/your/custom/outputs/path"
}
6.3 Git 同步功能
Browser 界面支持：
- 同步收藏到 Git 仓库
- 订阅其他人的工作流仓库
- 版本管理和团队协作
7. 总结
ComfyUI Browser 插件是一个功能强大的工具集合，包含了 5个实用节点：
- LoadImageByUrl - 网络图片加载器
- SelectInputs - 输入选择器
- XyzPlot - 参数对比图表生成器
- DifyTextGenerator - AI文本生成器
- UploadToRemote - 远程上传器
每个节点都有其独特的用途，组合使用可以大大提高工作效率。建议新手从简单的节点开始学习，逐步掌握高级功能。
本教程已完整覆盖所有 5 个节点，每个节点的所有参数都进行了详细解释，确保零基础用户也能轻松上手！