nwjs解決頁面透明化，啓動時顯示白屏的問題

時間 2019-12-02

標籤 nwjs 解決頁面透明啓動顯示問題简体版

原文原文鏈接

這些天在弄nwjs還好能訪問外網，能夠看到官方的文檔，要否則真是欲哭無淚了，找不到相關的文檔解決不了問題。
主要說說怎麼頁面透明化的時候，出現白屏一閃問題吧。
主要工具：html

AngularJS+node+nw.js 來開發和傳輸數據顯示的方式node

官方文檔：json

在html頁面實現：app

<body style="background-color:rgba(0,0,0,0)">dom

在package.json 文件中實現工具

"window": {ui

"frame": false,
"transparent": true
}
好了能夠透明化了，但是就是顯示的時候有一閃的白屏，白屏就閃了一下，怎麼辦spa

繼續在package.json中添加文件
"show":falsecode

在app文件中填入以下代碼：htm

var gui = require('nw.gui');
var win = gui.Window.get();

win.show();

問題就解決的了，好開心啊。

爲何這麼解決呢，我是這樣想的：

nwjs將頁面的高度，寬度，是否狀態欄等信息都放在了package.json文件的window對象裏面，對頁面變化須要進行window屬性的修改。

先讓窗口不顯示，而後onload的時候在把窗口顯示出來，onload是在dom和js加載完畢的時候顯示，因此就不會白屏了。

相關標籤/搜索