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


這些天在弄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加載完畢的時候顯示,所以就不會白屏了。

 





免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM