Electron 窗體 BrowserWindow

http://jsrun.net/t/KfkKp

https://www.wenjiangs.com/doc/tlsizw1dst

https://www.w3cschool.cn/electronmanual/electronmanual-browser-window.html

使用 BrowserWindow 模塊創建一個窗口

// In the main process.
const BrowserWindow = require('electron').BrowserWindow;

// Or in the renderer process.
const BrowserWindow = require('electron').remote.BrowserWindow;

// 創建窗口
function createWindow (){
    const win = new BrowserWindow({ 
        width: 800, 
        height: 600, 
        show: false, // 窗口創建的時候是否顯示，默認爲true
        backgroundColor: '#363f48', // 窗口背景色
    });

    win.loadURL('html/index.html')
}
createWindow()

 

實例方法

• win.destroy()

強制關閉窗口, unload and beforeunload 不會觸發，並且 close 也不會觸發, 但是它保證了 closed 觸發.

• win.close()

嘗試關閉窗口，這與用戶點擊關閉按鈕的效果一樣. 雖然網頁可能會取消關閉，查看 close event.

• win.focus()

窗口獲得焦點.

• win.isFocused()

返回 boolean, 窗口是否獲得焦點.

• win.show()

展示並且使窗口獲得焦點.

• win.showInactive()

展示窗口但是不獲得焦點.

• win.hide()

隱藏窗口.

• win.isVisible()

返回 boolean, 窗口是否可見.

• win.maximize()

窗口最大化.

• win.unmaximize()

取消窗口最大化.