用NW.js开发下一代桌面应用程序

本文探讨使用网页技术如HTML5和CSS3开发桌面应用的优缺点,并以NW.js为例,详细介绍如何从获取二进制文件、创建工程目录、编写package.json、实现无边框窗口拖动到打包发布一个简单的桌面应用。尽管网页技术存在一些限制,但NW.js提供了一种便捷的开发方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

就在最近,GitHub发布了其代码编辑器Atom的1.0正式版。使用过它的童鞋一定会知道它利用网页技术开发。只不过它的框架是Atom Shell,非常类似NW.js。这时你可能问,放着好端端的native级界面框架不用,为什么要使用网页技术编写界面呢?下面我们就来探讨一下这个问题。

网页技术的优缺点

优点

HTML技术发展到今天的HTML5版本可谓已经十分强大,同时有CSS3的加持,网页也可以华丽夺目。Canvas标签、Audio标签以及Video标签的引入使得网页真正支持了多媒体,使用已经比原生界面框架简便。更重要的是WebGL标准,它把3D世界带到了浏览器,你可能不会相信GTA、极品飞车可以跑在浏览器中,可这已经可以实现。如此说来,网页完全可以满足桌面应用UI的需求,并且可以使界面更加灵活绚丽,也极大地方便了跨平台的开发。大家不妨搜索HTML5相关的案例或网站(这里推荐Codrops,里面有非常多用CSS3实现的界面效果)

缺点

凡事都不是十全十美的,网页开发当然也有许多坑。例如当我们需要做一个无边框窗口时(如下图)这里写图片描述
我们需要它有阴影,这时可以用-webkit-box-shadow样式属性,但发现拖拽缩放却在NW.js中无法实现,这就比用native级的wndProc函数的效果差了,当然界面效果还是非常不错的。另外&#

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值