index.js
/** * 无边框窗口和透明窗口 * frame:false无边框窗口 * transparent:true,透明窗口 */ /** * 锁定模式 * 如果窗口处理全屏，并县锁定上状态，在Mac OS X唯一退出窗口的方式是通过<Command+Q>组合键 * 如果在Mac OS X下，使用setKiosk方法切换窗口的锁定模式，不能将fullscreen属性设为true */ /** * 设置窗口图标 * icon: icon:"images\\logn.jpg",//icon:".\\images\\logn.jpg", * if(process.platform!="darwin"){//非Mac OS X系统使用下面方法设置图标 win.setIcon("images\\logn.jpg"); } */ const {app,BrowserWindow} = require(‘electron‘); function createWindow(){ win = new BrowserWindow({ //frame:false,transparent:true, //icon:"images\\logn.jpg",//icon:".\\images\\logn.jpg", //fullscreen:true, //kiosk:true, webPreferences:{ nodeIntegration: true, // 是否集成 Nodejs enableRemoteModule: true, contextIsolation: false, //,preload:path.join(__dirname,‘index.js‘) } }); win.loadFile(‘index.html‘); if(process.platform!="darwin"){ win.setIcon("images\\logn.jpg"); } win.on(‘closed‘,()=>{ console.log(‘closed‘) win=null; }); } app.on(‘ready‘,createWindow); app.on(‘window-all-closed‘,()=>{ console.log(‘window-all-closed‘); if(process.platform!=‘darwin‘){ } }); app.on(‘activate‘,()=>{ console.log(‘activate‘); if(win==null){ createWindow(); } });
index.html
<!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>窗口大小</title> <script src="event.js"></script> <body> <img src="./images/shj8.jpg"> <h1>书名：<i>山海经</i></h1> <br/> <br/> 出版社：<u>大地出版社</u> <br/> <br/> 原价：<strike>69</strike>元 促销价：59 <br/> <br/> <button id="idInLock" onclick="onClick()">进入锁定模式</button> </body> </html>
even.js
const remote = window.require(‘electron‘).remote; function onClick() { const idInLock=document.getElementById("idInLock"); const win = remote.getCurrentWindow(); if(win.isKiosk()){ //处于非定模式 win.setKiosk(false); idInLock.innerText="进入锁定模式"; } else { //处于锁定模式 win.setKiosk(true); idInLock.innerText="退出锁定模式"; } }
6、Electron无边框窗口和透明窗口 锁定模式 设置窗口图标
原文：https://www.cnblogs.com/xiaoruilin/p/14787716.html
