我们自己的网络应用程序和 PWA 的透明浏览器 [使用静态 HTML、CSS 和 JavaScript][例如用户可以通过我们的网络应用程序/PWA 查看桌面壁纸]

Question

我是一名初学者前端开发人员和设计师，我目前正在使用套接字开发一个网络应用程序（聊天）。

我和我的朋友使用的语言： Scala、HTML、CSS、JavaScript。

我正在研究 HTML、CSS 和 JavaScript。 他在 Scala 工作。

我需要创建一个具有透明浏览器/背景的应用程序，就像我们可以通过我们的应用程序或网站看到桌面壁纸一样。

我听说，我们可以使用 Electron Framework 来让这件事变得更容易。但我还是坚持使用静态 js。

所以各位，请帮我解决这个问题。

是否可以创建一个Web应用程序或基于浏览器的渐进式Web应用程序（PWA），提供透明的界面，允许用户通过应用程序看到他们的桌面壁纸？

Answer 1

您无法控制 Web 浏览器窗口的透明度，因此如果此应用程序位于实际浏览器中（而不是 Electron），则这是不可能的。

然而，使用 Electron 这是可能的，而且非常简单：

const { BrowserWindow } = require('electron');

const window = new BrowserWindow({
  width: 800, 
  height: 600,
  transparent:true,  // <-- This bit
});