Node-RED教程-如何隐藏UI界面中的标题栏

Node-RED 是一个基于流的开发工具，用于可视化编程。它使开发者能够通过拖放式界面轻松地创建应用程序。在使用 Node-RED 构建用户界面时，有时候你可能希望隐藏标题栏，以简化界面或创造更干净的外观。本文将向你展示如何隐藏 Node-RED UI 界面中的标题栏。

👇👇👇👇👇隐藏后👇👇👇👇👇

前提条件

在开始之前，请确保你已经安装了以下环境和工具：

1. Node.js
2. Node-RED
3. 已安装并配置 Node-RED Dashboard 插件

如果你还没有安装这些工具，请先安装它们。你可以在 Node-RED Windows系统下安装教程 、Node-RED页面（dashboard）教程 找到详细的安装指南。

步骤一：打开 Node-RED Dashboard 设置

1. 点击右侧“▽”倒三角按钮，点击 “Dashboard” 菜单项。

步骤二：编辑 UI 主题

在 Dashboard 设置页面中，你将看到一个名为 “Site” 的选项卡。点击它。

1. 在 “Site” 选项卡中，你会看到一些全局的 UI 设置选项。

步骤三：隐藏标题栏

1. 在 “Options” 部分，找到 “Show the title bar” 选项。

2. 

   改成 “Hide the title bar” 选项。

   

步骤四：部署更改

完成设置后，点击右上角的 “部署” 按钮来部署你的更改。部署成功后，刷新浏览器页面，你将看到标题栏已经隐藏。