推出一款透明浏览器，提升Web应用和PWA体验【支持静态HTML、CSS和JavaScript】【让用户在我们的Web应用/PWA中查看桌面壁纸】

Question

我是一个初级前端开发者和设计师，目前正在使用socket开发一个网络应用程序（聊天）。

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

我正在处理HTML、CSS和JavaScript。 他在用Scala。

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

我听说，我们可以使用Electron框架使这个过程更容易。但我有点坚持使用静态js。

所以，伙计们，请帮帮我。

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

Answer 1

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

然而，在Electron中是可能的，而且非常简单：

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

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