ComfyUI-Custom-Scripts中图像面板的持久化隐藏方案

问题背景

ComfyUI-Custom-Scripts作为ComfyUI的扩展插件，为用户提供了图像面板功能。然而在实际使用中，部分用户反馈存在以下痛点：

1. 每次启动都需要手动关闭图像面板
2. 浏览器隐私设置导致无法记住面板状态
3. 图像面板占用过多工作空间

技术解决方案演进

初始方案：浏览器本地存储

最初的设计依赖于浏览器的本地存储(localStorage)来记住用户的面板状态。这种方案对于大多数用户是可行的，但存在明显局限性：

• 隐私模式下无法保存
• 浏览器数据清理后会重置
• 使用不同设备或浏览器时状态不同步

临时解决方案：文件重命名

有用户提出了一个临时解决方案，通过重命名相关JavaScript文件来彻底禁用图像面板：

cd ComfyUI/custom_nodes/ComfyUI-Custom-Scripts/web/js
mv imageFeed.js imageFeed.js.old

这种方法虽然有效，但属于"硬性"解决方案，会完全移除功能，不够灵活。

最终方案：持久化配置选项

开发者最终在设置中增加了"hidden"选项，实现了：

• 服务器端保存配置
• 不受浏览器隐私设置影响
• 可随时恢复显示
• 保持功能完整性

技术实现原理

该功能的实现涉及以下技术要点：

1. 前后端通信：通过API将用户设置保存到服务器
2. 状态持久化：使用配置文件而非浏览器存储
3. 动态加载：根据配置决定是否加载图像面板组件
4. 响应式设计：确保隐藏面板后界面布局合理调整

最佳实践建议

对于不同使用场景的用户，建议采用以下方案：

1. 普通用户：直接使用设置中的"hidden"选项
2. 隐私敏感用户：结合"hidden"选项和浏览器隐私设置
3. 高级用户：如需完全禁用，可考虑文件重命名方案

总结

ComfyUI-Custom-Scripts通过增加持久化配置选项，优雅地解决了图像面板的显示控制问题。这一改进体现了良好的用户体验设计原则：

• 提供多种解决方案满足不同需求
• 保持功能的可逆性
• 不破坏原有工作流程
• 考虑隐私和安全需求

这一案例也展示了开源项目如何通过社区反馈不断优化产品体验的过程。