nwjs解决页面透明化，启动时显示白屏的问题

最新推荐文章于 2024-05-17 17:03:58 发布
最新推荐文章于 2024-05-17 17:03:58 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： js NW.js 文章标签： NW

在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();

 问题就解决的了！！！

nw js 打包白屏问题解决方案 node-webkit白屏
qq_43682537的博客
02-24 1014
nw js 打包白屏问题解决方案 node-webkit白屏
nw.js 打包白屏问题解决方案 node-webkit白屏
小北哥哥和北妈
02-01 5413
nw.js 打包白屏问题解决方案
nw.js启动时白屏
马优晨
03-22 1725
第一步： 首先可以在html页面实现： <body style="background-color:rgba(0,0,0,0)"> 第二步： 在package.json 文件中实现 "window": { "frame": false, "transparent": true //如果需要透明化，可以设置成true "show":false } 好了可以透明化了，可是就是显示的时...
electron启动出现短暂的白屏
ASP.NET
08-28 613
mainWindow = new BrowserWindow({ height: 600, width: 960, frame: false, minWidth: 710, minHeight: 500, offscreen: true, webPreferences: {webSecurity: false}, resizable: true, skipTaskbar: false, flashFrame: true, ..
electron-vue 打包 require()Node C++插件加载问题导致的白屏
sl681125的博客
03-25 2264
require加载nodeC++插件白屏问题
nw (node-webkit) 应用在win7上黑屏
指南针的博客
04-29 2121
在本地机器开发时，应用正常，没任何问题，部署的时候，打开应用黑屏。我用的版本是目前最新的v0.45.4。 因为之前就用过，怀疑是版本的问题，用之前的版本试一下，发现v0.37之前的没有问题。 如果你还是选择使用v0.37版本之后的，需要在package.json中增加设置："chromium-args": "--disable-gpu"。 可能有人质疑为何不...
微信开发小程序打不开【显示nw.js】解决方式
Coder-coco的博客
03-05 1534
嗯，这个是一个已知的问题。不要固定到任务栏打开,直接在菜单中打开或者使用桌面快捷方式。如果还是不行就重安装，切记不要固定到任务栏打开,
NW.JS 跨平台桌面客户端新手快速入门实战
07-06
如果你想找的就是一个可以跨平台的、轻量级的图形界面开发的库，轻松快捷地开发新一代桌面客户端软件程序。那么，大喵给大家推荐NW.JS， 它就像一座灯塔，冥冥之中照亮了桌面UI图形开发前进的方向。我们来看下它的基本特点：1. 支持用HTML5, CSS3, JS和WebGL来写应用程序，包括桌面端和移动端；2. 完全支持Node.js APIs和所有的第三方模块；3. 性能也不会很差，对于轻量级的应用足够了；4. 对应用进行打包和发布十分简单，也就是说写一份代码很容易移植到不同的平台（包括主流的Linux, Mac OS X 和 Windows）；课程基本介绍：本课程属于 NW.JS新手入门跨平台项目实战课程，适合各个阶段的开发人员，大喵将会教会大家学习NW技术且掌握如何使用前端技术（HTML5，CSS3，Javascript）轻松愉快地快速开发新一代跨平台桌面客户端应用。
electron启动白屏时间过长优化方案
夜空孤狼啸的博客
03-29 3131
按需加载 窗口先创建后隐藏，初始化后再展示 web性能优化 优化主进程
electron打包后运行出现白屏并“需要使用新应用以打开此app链接”
黔肆的博客
05-17 1797
electron打包之后应用无法正常显示主页，弹出“需要使用新应用以打开....”,出现该情况的原因与BrowserWindow的一项设置有关。
nwjs-v0.30.0-win-x64亲测可用
04-22
这是nwjs的运行时，官网下载的0.30版本的打不开。提示压缩包错误。好不容易从其他网上找到这个最新版本的，亲测保证可用。放心下载。
手摸手 撸一个 vue3.0 history 模式配合 nginx 多 location 配置
ZhaoQM_script的博客
06-16 2079
vue router 有 Hash, HTML5 不同的历史模式 官方文档: hash 模式是用 createWebHashHistory() 创建的 import { createRouter, createWebHashHistory } from 'vue-router' const router = createRouter({ history: createWebHashHistory(), routes: [ //... ], }) 它在内部传递的实际 URL 之前
electron开发常见问题——win7平台下白屏
David1025的专栏
03-13 6086
electron在windows平台下需要.net framework4.6或者更高的版本支持，所以在win7上需要先安装.net framework4.6，才能正常运行
前端首页白屏问题
热门推荐
马优晨
01-31 2万+
之所以写这篇文章，主要是最近有在面试中经常会被人问道这个方向，作为一个资深前端，这个是必须了解的。但是我技术一般，所以还是需要了解一下，总结一下原因和解决方案。 白屏原因 1-在弱网络下(2G网路或者GPRS网络) ,网络延迟，JS加载延迟 ,会阻塞页面 2-客户端存在bug，缓存模块错乱，不缓存js等后来挂起的文件，以及乱缓存index.html 统计白屏数量： 监听某个
学习ant design vue 几个页面
qq_40230608的博客
09-22 783
1.登录页面 页面内用到的知识点： 2.导航栏页面 3，表格页面（数据展示页面） 4.数据分析页面的设计（页面亮点） 5.系统设置页面
解决Electron应用打开后短暂出现菜单栏和白屏闪烁问题
weixin_43403746的博客
02-06 5075
解决electron打包的应用启动时出现白屏闪烁问题，关闭默认的顶部菜单项。
nw.js node-webkit系列（16）可能会遇到的故障及故障排除
@黄小泽的个人博客
03-03 1万+
本篇将介绍开发者在使用node-webkit中可能会遇到的故障。 （1）Audio故障 媒体文件在node-webkit开发中应该有用到，常遇到的问题是MP3格式和其他非自由媒体格式的编码器问题。详细请查看： https://github.com/nwjs/nw.js/wiki/Using-MP3-%26-MP4-%28H.264%29-using-the--video--%26--audi
electron启动时出现短暂白屏与黑屏问题
weixin_39457424的博客
11-23 2503
白屏问题 创建窗口时 show: false，等到初始化完成后再显示 app.on('ready', () => { mainWindow = new BrowserWindow({ frame: false, show: false, // 先不显示 }) mainWindow.loadFile('index.html') // 加载html页面 mainWindow.on('closed', () => { mainWindow = null })
Electron-vueda打包EXE文件，打开后白屏
chenqk_123的专栏
09-08 6755
最近在调研electron的时候，需要将前端项目打包成.exe文件，本地跑npm run dev，一切运行正常。 之前没有搞过electron，就在网上搜索了一下打包，网上最多的就是关于package.json中scripts下配置package命令 "package":"electron-packager.HelloWorld--platform=win32--arch=x64--icon=computer.ico--out=./out--asar--app-version=0....
nodejs下载白屏
最新发布
01-02
### Node.js 下载页面白屏解决方案 当遇到Node.js下载页面出现白屏的情况时，通常是因为前端路由配置不当或是服务器未能正确处理某些请求。对于Vue项目在`history`模式下打包并挂载到Node.js后端上运行所引发的刷新白屏问题，可以采取如下措施来解决[^1]。 #### 修改Node.js Express服务以支持HTML5 History API Fallback 为了使Express能够适配前端框架（如Vue）中的HTML5历史记录API，在每次访问不存在文件或目录的情况下返回index.html文件，可以通过安装`connect-history-api-fallback`中间件实现： ```bash npm install connect-history-api-fallback --save ``` 接着修改server.js或者app.js文件加入此中间件: ```javascript const express = require('express'); const history = require('connect-history-api-fallback'); // 创建应用实例 let app = express(); // 使用history fallback 中间件 app.use(history()); // 静态资源路径设置 app.use(express.static(path.join(__dirname, 'dist'))); // 启动监听 app.listen(8080); ``` 通过上述调整，即使用户尝试直接加载某个内部链接或者是刷新当前页面也不会再看到空白屏幕而是正常显示网页内容。 另外一种情况可能是由于NW.js环境下的特殊原因造成的白屏现象。此时可考虑添加特定参数给window对象以便更好地控制窗口行为，比如设置透明度等特性可能会有所帮助[^3]: ```javascript var gui = require('nw.gui'); var win = gui.Window.get(); win.setTransparent(true); // 设置窗口背景透明化 ``` 值得注意的是，“transparent”: true 这个属性不仅可以让node-webkit的整体窗口变得半透明，而且根据实际测试表明它还能改善应用程序启动过程中的流畅性和视觉体验[^4]。 然而需要注意的是，以上方法主要针对不同场景下的具体表现形式进行了优化建议；如果仍然存在其他类型的错误，则需进一步排查网络连接状态、浏览器兼容性等因素的影响。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值