NW.js，Brackets-Shell和Electron之间的功能区别是什么？

Question

现在TideSDK已经死了，我一直在寻找替代的“包装器”来运行HTML / CSS / JS应用程序作为独立的桌面应用程序。到目前为止，我遇到的三个可行选项是NW.js（以前称为node-webkit），brackets-shell和Electron（以前称为atom-shell）。

问题在于，在功能集，兼容性等方面似乎没有足够完整的三者之间的比较。我希望将其变成一个或多或少的规范线程（目标） ）三者之间的差异，特别是关于：

• 平台支持;操作系统，依赖关系等。
• 语言功能支持，就HTML5，CSS3和JavaScript而言。想想像“这样的HTML5视频是否正常工作，如果是的话，可以使用哪些编解码器？”
• 非标准额外功能，例如托盘图标，弹出式通知和操作系统渲染的菜单栏。
• 的扩展;例如。能够“插入”本机代码，与Node.js交谈，等等。
• 的架构;特别是影响开发人员日常使用的体系结构差异。
• 的调试;包括开发工具，与node-inspector等常用工具的兼容性
• ......等等。

在作为应用程序开发人员进行选择时，哪些客观的技术差异很重要？

Answer 1

我在两个月前做了类似的研究，最后我选择了node-webkit。 node-webkit的最大好处是node.js和npm。 npm的包管理非常好，节点已经完成了文件系统访问。

Brackets-shell看起来很有趣，但除了一个漂亮的IDE之外，我并没有真正得到让这个比其他人更好或更好的东西。他们非常清楚＆＃34;括号 - 贝壳仅供Brackets项目使用而保留，这些尖叫声让我失望。

https://github.com/adobe/brackets-shell#overview

Atom-shell似乎最近是活跃的，但它看起来很像括号，因为它们实际上是编写和编辑/ IDE恰好附加到webkit运行时。它也建立在node.js之上。这个有一个缺点是难以在线搜索东西，而不会被提醒你的中学化学。

我真的不想要一个新的编辑器，而且大多数程序员已经拥有了他们的最爱。对于实际的应用程序开发，它们几乎一样，并且应该，因为它们都使用webkit。你基本上写了90-95％的网站，然后处理原生部分和一些配置。

这三件事都适用 平台 - 在Windows，Mac和Linux上运行 语言支持 - HTML5，CSS3和Javascript：因为它们运行javascript，你可以下载并运行你想要的几乎任何库/框架。

webkit的一大注意事项是编解码器支持。通常，您将遇到非免费视频编解码器的问题，除非您重建dll /以支持它们。例如，发布的node-webkit不会播放mp4视频。

Answer 2

过去几天我一直在玩 Atom-Shell ，到目前为止我很喜欢它。

关于它的最好的部分是它由GitHub支持..这应该允许你长期适应平台，特别是如果它获得了大量的追随者。通过与 StrongLoop 的合同提供的直接Node.js改进也是可能的，他是Node.js的主要贡献者（他们声称使用更多的Node.js核心）开发人员比任何其他公司，甚至Joyent）。

我也发现开始时很舒服。我花了大约一天时间来学习结构并获得第一个概念验证。很酷。

---

子弹点：

• 平台支持：Windows，Linux，Mac OSX（More Info Here）
• 语言功能支持： HTML5，CSS3，JS通过Chromium - 到目前为止，零问题，但我没有专门测试过视频。
• 原生功能：原生应用菜单，任务托盘支持，全局热键，协议处理程序支持（我到目前为止已见过）
• 可扩展性：优秀的Node.js集成，客户端和服务器都可以＆＃34;要求＆＃34; Node.js模块和本机。我还成功测试了 Bower 库（包括jQuery）。
• 架构：涵盖在其他方面，但总的来说非常顺利。

---

更新（2014年11月25日）：我还没有找到任何官方容量的Atom-Shell用例，但我用它来构建一些小应用程序我自己使用，最复杂的应用程序，从我的PM软件中提取我的时间日志并创建Paypal发票。

我对该平台的看法仍然是积极的。它太棒了。

在我开具发票的应用程序中，我成功引入了Bootstrap 3 Dashboard Example Template和一些节点模块（bluebird，Paypal SDK，Teamwork PM Client）来创建一个稍微复杂的应用程序。我花了几天时间做得很好。

我真的想不出有关Atom-Shell的任何负面评价，它坚实，稳定，快速且易于编码。我希望这有助于某人。

Answer 3

除完全支持Web标准外，NW.js还支持本地应用程序开发的非标准功能列表，包括：

• 通过将JS源代码编译为机器代码来保护它们：https://github.com/nwjs/nw.js/wiki/Protect-JavaScript-source-code-with-v8-snapshot
• Jailed devtools：https://github.com/nwjs/nw.js/wiki/Devtools-jail-feature
• 您可以在DOM中执行更多操作的其他安全模型：https://github.com/nwjs/nw.js/wiki/Security https://github.com/nwjs/nw.js/wiki/Changes-to-DOM
• 增强的文件对话框：https://github.com/nwjs/nw.js/wiki/File-dialogs
• 自助终端模式：https://github.com/nwjs/nw.js/wiki/The-Kiosk-mode
• 支持不断增加的chrome。* API列表，包括chrome.webRequest，因此您可以拦截来自DOM的HTTP请求：https://github.com/nwjs/nw.js/issues/518
• 支持丰富的通知，打印预览，更多Chrome。* API，Chrome应用和其他Chromium功能，从0.13.0-alpha0开始

在wiki中还有更多内容，包括Menu，Tray等。

Answer 4

我一直在使用括号shell一段时间了，这里有一些我的发现：

• bracket-shell主要是在括号IDE项目下开发的shell，但项目可以运行任何Web应用程序。你只需要将它指向你自己的html页面。 Clint Berry写了一篇关于这样做的优秀教程：http://clintberry.com/2013/html5-desktop-apps-with-brackets-shell/
• 该项目由Adobe提供支持，并且有很多活动

• 文档可能更好

• 平台支持它们支持Windows，Mac和Linux。还可以创建安装程序包。我只在Win和Mac上测试过，效果很好。

• 功能支持 html5，css3，js。 Html5视频无法开箱即用，但很容易启用（默认情况下，ffmpegsumo.dll不会复制到安装程序中，如果您更改脚本以进行复制，它将起作用）。
• 原生功能菜单栏，＆＃39;打开文件＆＃39;，文件系统访问权限。我没有使用任何这些，因为我只需要与节点进程进行通信。
• 可扩展性内置了nodejs，您可以从Web应用程序与节点进行通信。通过这种方式，您可以使用节点来访问文件系统等。
• 架构项目设置得很好，在shell项目和在其中运行的自己的Web应用程序之间保持良好的分离。在您自己的应用程序中，提供了一个全局的appshell对象，使您可以访问括号功能（文件系统访问，与节点进程的通信......）。

Answer 5

有一点需要注意（如果你关心的话），Electron官方不支持Windows Vista。 Vista的市场份额约为halfway between OSX 10.9 and 10.10（两者都得到Electron的全力支持）。直到2017年，微软仍然支持Vista。

NW.js在Vista以及OSX 10.9+中运行良好。 NW.js适用于Ubuntu，Debian，Zorin，Manjaro，Arch以及其他大多数基于Debian的Linux操作系统。 Electron拒绝公关在他们的平台上修复Ubuntu特定的错误。

NW.js也适用于XP。目前18％的市场仍然在XP上。因此，如果您的桌面应用程序更为通用或者希望仍然可以访问XP上的后期采用者，那么您最好使用NW.js（0.14.7），因为Electron仅支持Win 7和起来。

如果您使用NW.js 0.12.3，您还可以支持OSX 10.6+以及基于Debian的Linux操作系统的旧版本，如Ubuntu和Win XP +。建议您仅为这些遗留系统执行特殊构建，并为较新的操作系统使用较新版本的NW.js.