Lancez un navigateur transparent pour améliorer l'expérience des applications Web et des PWA [prend en charge HTML, CSS et JavaScript statiques] [permet aux utilisateurs d'afficher les fonds d'écran de nos applications Web/PWA]

Question

Je suis un développeur et concepteur front-end junior développant actuellement une application web (chat) utilisant des sockets.

Les langues que mes amis et moi utilisons sont : Scala, HTML, CSS, JavaScript.

Je travaille sur HTML, CSS et JavaScript. Il utilise Scala.

Je dois créer une application avec un navigateur/arrière-plan transparent, comme nous pouvons voir le fond d'écran du bureau via notre application ou notre site Web.

J'ai entendu dire que nous pouvons utiliser le framework Electron pour faciliter ce processus. Mais je suis un peu coincé avec l'utilisation de js statiques.

Alors les gars, aidez-moi s'il vous plaît.

Est-il possible de créer une application Web progressive (PWA) basée sur un navigateur qui fournit une interface transparente permettant aux utilisateurs de voir le fond d'écran de leur bureau via l'application ?

Answer 1

Vous ne pouvez pas contrôler la transparence de la fenêtre de votre navigateur Web, donc si cette application était dans un navigateur réel (pas Electron), cela ne serait pas possible.

Cependant, dans Electron c'est possible et très simple :

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

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