ComfyUI Extension: ComfyUI_Simple_Web_Browser

Authored by Firetheft

Created

Updated

8 stars

This is a custom node for ComfyUI that embeds a simple web browser directly into the interface. It allows you to browse websites, find inspiration, and load images directly, which can help streamline your workflow.

Custom Nodes (0)

    README

    <div align="center"> <img width="1810" height="1019" alt="QQ20250915-232019" src="https://github.com/user-attachments/assets/12065c06-6f32-4860-b438-fde9aa4a05b8" />

    Simple Web Browser for ComfyUI

    </div>

    This is a custom node for ComfyUI that embeds a simple web browser directly into the interface. It allows you to browse websites, find inspiration, and load images directly, which can help streamline your workflow.

    Please note: Due to the limitations of embedding a browser within another application, some websites may not display or function as expected. We encourage you to explore and see which sites work for you.

    ✨ Features

    • Embedded Browser: Offers a basic web browsing experience within your ComfyUI workflow. It's a journey of discovery to see which of your favorite sites are compatible.
    • Homepage Function:
      • Click the 🏠 icon to quickly navigate to your homepage.
      • The default homepage is the powerful online image editor, Photopea.
      • Right-click the 🏠 icon to set a custom homepage URL.
    • Powerful Bookmark System:
      • Organize your bookmarks by category.
      • Add, edit, and delete categories and individual bookmarks.
      • Easily reorder bookmarks with drag-and-drop functionality.
      • Bookmark data is saved locally in the browser_bookmarks.json file within the plugin directory.
    • Image Loading:
      • Copy an image URL from the web, paste it into the input field at the bottom, and load it directly into ComfyUI.
      • If you are browsing Photopea, you can click the "From Photopea" button to directly import the current canvas image.

    📦 Installation

    1. Open your terminal or command prompt.
    2. Navigate to your ComfyUI custom nodes directory: cd ComfyUI/custom_nodes/.
    3. Clone this repository: git clone https://github.com/Firetheft/ComfyUI_Simple_Web_Browser.
    4. Restart ComfyUI.
    5. Or install it directly from the ComfyUI Manager.

    📖 How to Use

    1. In ComfyUI, double-click or right-click to select Add Node.
    2. Go to the 📜Asset Gallery/Utils category and choose Simple Web Browser to add the node.
    3. Browsing the Web:
      • Click the 🏠 Homepage Icon to go to your designated homepage.
      • Type a URL into the top address bar and click Go or press Enter to navigate.
    4. Managing Bookmarks:
      • Click the ★ Star Icon to open the bookmark menu.
      • Here you can add the current URL as a bookmark and manage your categories and favorites.
    5. Loading Images:
      • From URL: Find an image online, right-click it, and copy the image address. Paste the URL into the "Paste the image url here..." input field at the bottom, then click the Loading pictures from url button. The image output of the node can then be connected to any other node that requires an image input.
      • From Photopea: Ensure the browser is on the Photopea website and you have an image on the canvas. Click the From Photopea button, and the plugin will automatically export and load the image from the canvas.

    🇨🇳 中文

    这是一个为 ComfyUI 设计的自定义节点，它可以在界面中嵌入一个简单的网页浏览器。它允许您浏览网站、寻找灵感并直接加载图片，有助于简化您的工作流程。

    请注意： 由于在应用程序中嵌入浏览器的限制，部分网站可能无法正常显示或工作。我们鼓励您自行探索，找到可以兼容的网站。

    ✨ 功能特性

    • 内置浏览器：在您的 ComfyUI 工作流中提供基础的网页浏览体验。哪些您喜爱的网站能够兼容，还需要您亲自探索发现。
    • 主页功能：
      • 点击 🏠 图标可快速跳转到您的主页。
      • 默认主页是强大的在线图片编辑器 Photopea。
      • 右键点击 🏠 图标可自定义您的主页网址。
    • 强大的书签系统：
      • 按分类管理您的书签。
      • 支持添加、编辑和删除分类及单个书签。
      • 通过拖拽轻松为书签排序。
      • 书签数据会保存在插件目录下的 browser_bookmarks.json 文件中。
    • 图片加载：
      • 从网上复制图片地址，粘贴到底部的输入框，即可直接将其加载到 ComfyUI 中。
      • 如果您正在浏览 Photopea 网站，可以点击 “From Photopea” 按钮，直接导入当前画布中的图像。

    📦 安装

    1. 打开您的终端或命令行提示符。
    2. 进入 ComfyUI 的自定义节点目录：cd ComfyUI/custom_nodes/。
    3. 克隆本仓库：git clone https://github.com/Firetheft/ComfyUI_Simple_Web_Browser。
    4. 重启 ComfyUI。
    5. 或者直接从comfyui管理器安装。

    📖 使用方法

    1. 在 ComfyUI 中，双击或右键选择 Add Node。
    2. 找到 📜Asset Gallery/Utils 分类，然后选择 Simple Web Browser 来添加节点。
    3. 浏览网页：
      • 点击 🏠 主页图标 前往您设定的主页。
      • 在顶部的地址栏输入网址，然后点击 Go 按钮或按 Enter 键进行导航。
    4. 管理书签：
      • 点击 ★ 星形图标 打开书签菜单。
      • 在这里您可以添加当前网址为书签，并管理您的分类和收藏。
    5. 加载图片：
      • 从 URL 加载：在网上找到图片，右键点击并复制图片地址。将 URL 粘贴到底部的 "Paste the image url here..." 输入框中，然后点击 Loading pictures from url 按钮。节点的 image 输出接口即可连接到其他需要图像输入的节点。
      • 从 Photopea 导入：确保浏览器当前页面是 Photopea，并且画布上有图像。点击 From Photopea 按钮，插件会自动从画布中导出并加载图像。