這些天在弄nwjs還好能訪問外網,可以看到官方的文檔,要不然真是欲哭無淚了,找不到相關的文檔解決不了問題。
主要說說怎么頁面透明化的時候,出現白屏一閃問題吧。
主要工具:
AngularJS+node+nw.js 來開發和傳輸數據顯示的方式
官方文檔:
在html頁面實現:
<body style="background-color:rgba(0,0,0,0)">
在package.json 文件中實現
"window": {
"frame": false,
"transparent": true
}
好了可以透明化了,可是就是顯示的時候有一閃的白屏,白屏就閃了一下,怎么辦
繼續在package.json中添加文件
"show":false
在app文件中填入如下代碼:
var gui = require('nw.gui');
var win = gui.Window.get();
win.show();
問題就解決的了,好開心啊。
為什么這么解決呢,我是這樣想的 :
nwjs將頁面的高度,寬度,是否狀態欄等信息都放在了package.json文件的window對象里面,對頁面變化需要進行window屬性的修改。
先讓窗口不顯示,然后onload的時候在把窗口顯示出來,onload是在dom和js加載完畢的時候顯示,所以就不會白屏了。