Lancarkan penyemak imbas telus untuk meningkatkan pengalaman aplikasi web dan PWA [menyokong HTML statik, CSS dan JavaScript] [membenarkan pengguna melihat kertas dinding desktop dalam aplikasi web/PWA kami]

Question

Saya seorang pembangun dan pereka bentuk hadapan junior yang sedang membangunkan aplikasi web (sembang) menggunakan soket.

Bahasa yang saya dan rakan gunakan ialah: Scala, HTML, CSS, JavaScript.

Saya sedang mengusahakan HTML, CSS dan JavaScript. Dia menggunakan Scala.

Saya perlu mencipta apl dengan penyemak imbas/latar belakang lutsinar seperti kita boleh melihat kertas dinding desktop melalui apl atau tapak web kita.

Saya dengar kita boleh menggunakan rangka kerja Elektron untuk memudahkan proses ini. Tetapi saya agak terjebak menggunakan js statik.

Jadi kawan-kawan, tolong bantu saya.

Adakah mungkin untuk mencipta Apl Web Progresif (PWA) berasaskan pelayar yang menyediakan antara muka telus yang membolehkan pengguna melihat kertas dinding desktop mereka melalui apl itu?

Answer 1

Anda tidak boleh mengawal ketelusan tetingkap penyemak imbas web anda, jadi jika apl ini berada dalam penyemak imbas sebenar (bukan Elektron) ini tidak akan dapat dilakukan.

Namun, dalam Elektron ia adalah mungkin dan sangat mudah:

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

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