推出一款透明瀏覽器，提升Web應用程式與PWA體驗【支援靜態HTML、CSS和JavaScript】【讓使用者在我們的網頁應用程式/PWA中檢視桌面桌布】

Question

我是一個初級前端開發者和設計師，目前正在使用socket開發一個網頁應用程式（聊天）。

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

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

我需要創建一個具有透明瀏覽器/背景的應用程序，就像我們可以透過我們的應用程式或網站看到桌面壁紙一樣。

我聽說，我們可以使用Electron框架使這個過程更容易。但我有點堅持使用靜態js。

所以，夥計們，請幫幫我。

是否可能創建一個基於瀏覽器的漸進式網頁應用程式（PWA），提供透明介面，讓使用者可以透過應用程式看到他們的桌面桌布？

Answer 1

您無法控制網頁瀏覽器視窗的透明度，因此如果此應用程式在實際的瀏覽器中（而不是Electron），則不可能實現。

然而，在Electron中是可能的，而且非常簡單：

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

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