JS教程之 ElectronJS 自定义标题栏

先决条件：NodeJS和ElectronJS的一些基础知识

媒体或其他地方可能有一些文章解释了“如何自定义 Electron js 原生窗口的标题栏”。

那我为什么要写这篇文章？
如果你有同样的问题，那么让我解释一下：

这些文章基于 Electron 的旧版本，并且由于 Electron 在过去几年中得到了很大改进，修复了许多错误和潜在漏洞，并弃用了一些功能。

因此，将这些文章用作指南可能会危及您的应用程序安全性，而没有人愿意这样做。所以这篇文章是基于自定义你的电子应用标题栏而不让你的应用暴露于潜在的漏洞。

但在深入潜水之前，

什么是 ElectronJS？

如果您可以构建网站，则可以构建桌面应用程序。Electron 是一个使用 JavaScript、HTML 和 CSS 等 Web 技术创建跨平台原生应用程序的框架。

它负责处理困难的部分，因此您可以专注于应用程序的核心。

为什么使用 ElectronJS？

开源：Electron 是一个开源项目，由 OpenJS 基金会和一个活跃的贡献者社区维护。
Web 技术： Electron 使用 Chromium 和 Node.js，因此您可以使用 HTML、CSS 和 JavaScript 构建您的应用程序。
跨平台：与 Mac、Windows 和 Linux 兼容，Electron 应用程序在三个平台上构建和运行。

使用 Electron 构建的用户喜爱的应用程序：

• VS Code
• Facebook M