nw.js如何处理拖放操作 其实拖放(drag-drop)操作是Html5的功能,不是nw.js的内置API,那么我们采用Html5应用一般的处理方法就可以了。...nw.js会按照chrome浏览器默认处理文件的方式来处理拖放的文件,能显示的会直接显示,不能显示的会变成资源下载。 这肯定不是桌面应用想要的效果,那么Html5是如何处理拖放的呢?
Windows, macOS, Linux 中等 HTML, CSS, JavaScript 社区支持 一般 中等 NW.js社区 中等 较大 较大 高 性能相对其他框架较低,内存占用高 中等 NW.js...它允许开发者使用相同的代码库来构建Android和iOS平台上的原生应用,同时保持高性能和良好的用户体验。...nw.js NW.js(以前称为Node-Webkit)是一个基于Chromium和Node.js的框架,用于构建跨平台的桌面应用程序。...NW.js具有以下特点: 跨平台支持:NW.js可以在多个操作系统上运行,使开发者能够使用相同的代码库构建跨平台的桌面应用程序。...然而,NW.js也存在一些挑战,包括: 性能相对其他框架较低:由于NW.js同时运行Chromium和Node.js,可能导致一些性能方面的挑战,例如初始启动时间较长和内存占用较高。
默认情况下,nw.js发布的nw.exe文件请求的是普通权限,当我们的应用需要访问一些特殊目录或者注册表等,就需要程序启动的时候以管理员权限运行。...首先我们找一款使用nw.js开发的软件,这里我推荐AxeSlide,首先去下载软件,安装。
NW.js的用途 NW.js 基于 Chromium 和 Node.js,从而可以在桌面app中使用浏览器开发技术并直接调用 Node.js 资源,甚至将一个web应用打包到本地也轻而易举。...安装NW.js 可以从官网下载; 推荐在开发时下载是sdk版,以使用DevTools 非sdk版也应同时下载,在发布时使用 写一个 Hello World!...title> Hello NWJS~ == 右键单击可看到菜单 == //此处演示调用`NW.js...You are running on ' + os.platform() + ''; 运行NW.js.../path/to/nw 是 NW.js 的二进制运行文件; 在Windows上是nw.exe,在Linux上是nw,而在Mac则是nwjs.app/Contents/MacOS/nwjs Linux和Mac
中仅保存极少量信息且会过期),数据持久化(Data Persistence)是本地应用开发中的常见需求,通俗的讲就是将瞬时数据(比如内存中的数据,断电即失效)保存为持久数据(比如写入数据库中长久保存); 由于NW.js...直接存储数据到本地文件 正如之前的文章提到过的,NW.js提供了App.dataPath来访问系统的应用数据目录, 可以利用其方便的存储应用配置文件等 不同平台上的具体指向: Win: $LOCALAPPDATA...) }); db.get('mittens').then(function (doc) { return db.remove(doc); }); https://github.com/nwjs/nw.js
在实际的NW.js程序开发中,我们可能在程序启动时做一些加载前逻辑,比如更新等等,那如何实现等待这些逻辑完成后才开始加载index.html呢?
[I] 概述 - NW.js原生界面(Native UI)APIs 要构建一个像样的桌面应用,除了由NodeJS处理底层功能,以及由Webkit来应付窗口GUI外,还需要诸如操作窗口、访问剪贴板或隐藏到系统托盘区等和系统图形界面交互的能力...而前面提到的两者,要么无法访问GUI,要么受限于API边界,均无法提供 NW.js Native UI APIs 则在其他JS层的顶部提供了这些完整的功能 1.1 获取nw实例 旧版本中可以用 var...App API - 应用的核心 2.1 打开关联类型的文件 NW.js应用有多种办法打开文件,此处谈论的是打开关联的文件类型;也就是说如果我们开发一个文本编辑器,那么我们希望在系统中右键单击一个txt文件出现的...Window API - 操作NW.js窗口 在NW.js中,Window API 只不过是对DOM中window对象的一层包装,很多(并非所有)方法和属性继承了后者的用法,同时window对象也是 Node.js...在NW.js里,同样的操作只是传递文件路径字符串而已,而非拷贝其内容;同时一些浏览器中的安全限制被解除,并赋予其一些增强的能力,从而使用户体验更接近原生应用
Node.js常用来构建高并发的C/S应用,将这种模式移植到NW.js程序中虽然可行且费不了什么功夫,但仅仅这样做并不能发挥出平台所有的潜力;要知道NW.js允许直接在DOM中和Node.js交互,而这将大大加快程序的运行和简化开发...模块 内部模块 var fs = require('fs') 第三方模块 npm install 之后 var _ = require('underscore') C/C++ 模块 global对象 NW.js...process也是一个在窗口中和Node.js上下文中都可以访问到的全局对象 除了可以访问固有的 process.env.HOME 得到主目录等,还添加了如下属性: process.version['NW.js
Windows、macOS、Linux、Android、iOS、Web、小程序、IoT等等。以后还可能会不断增加。没人希望挨个为每个平台开发应用,所以就希望开发一次,就同时适应各种平台。...桌面:Electron、NW.js 移动:各种基于H5的框架、RN、uni-app等 Web:Node.js (5)C++ 桌面:QT、wxWidgets等 移动:QT也能开发Android和...iOS App哦,另外,Android可以通过NDK嵌入C++、iOS也可以与C++混合编程 Web:尽管C++不是做Web的最佳选择,但Go语言都可以做Web应用,凭啥我大C++不能呢!....NET 6 在 .NET 5 的统一的基础之上,继续借助 Xamarin 扩展到 Android、iOS 和 macOS。...混合UI技术 Blazor Desktop 将允许开发者利用 Blazor 技术开发混合客户端程序,将原生 UI 和 Web 技术混合起来构建原生的客户端应用,这有点像Electron和NW.js。
一般来说,有这几种场景,分别是跨设备平台(如 PC 端和移动端),跨操作系统(移动端中分Android,IOS,PC端中分 Windows,macOS,Linux),国内的小程序(微信,京东,百度,支付宝...比如:1)NW.js;2)Electron;3)Flutter for Desktop;4)Tauri;5)Wails;4.2NW.jsNW.js 官网描述:NW.js概况:1)官网:https://nwjs.io...类似于 NW.js,表面上,它们似乎非常相似,但是这两个项目有本质上的区别,使得 Electron 和 NW.js 成为两个完全独立的产品。...比如:1)应用入口不同:NW.js 主入口是一个 HTML,Electron 中是 JavaScript,可操作性更强;2)Node 集成方式不同:在 NW.js 中网页中的 Node 需要通过给 Chromium...10、本文小结NW.js 的时代已经过去,考虑 NW.js 的可以优先 Electron。Tauri 表现不错,前景较好。
electron都成千上万个成熟项目在桌面里用了,什么flutter,javafx,swiftui,目前还是无法比 electron和node-webkit(现在叫nw.js)的区别: 。...从概念上,Electron与nw.js很相似,但是他们有很重要的区别:一个主要的不同点是Electron 通过 Googles Chromium Content Module 来使用 Chromium...的功能,nw.js 则直接使用了 Chromium本身。...该类继承了Android Activty类,实际上是Cordova-Android的Launcher Activity,也就是启动入口activity。...因为Android自带了 Skia,所以 Flutter Android SDK要比 iOS SDK小很多。 QT C++ QT最大的优势就是跨平台!高效率!
首先我们先看下小程序支持哪些平台,微信小程序主要运行在三个端:IOS(IPhone/IPad)、Android和用于小程序开发调试的开发者工具。...在 iOS 上 小程序逻辑层的 javascript 代码运行在 JavaScriptCore 中,视图层是由 WKWebView 来渲染的,环境有 iOS8、iOS9、iOS10; - 在 Android...javascript 代码运行在 V8 中,视图层是由自研 XWeb 引擎基于 Mobile Chrome 67 内核来渲染的 - 在 开发工具上 小程序逻辑层的 javascript 代码是运行在 NW.js...- WXSS 渲染表现不一致:尽管可以通过开启样式补全来规避大部分的问题,还是建议开发者需要在 iOS 和 Android 上分别检查小程序的真实表现。...developers.weixin.qq.com/miniprogram/dev/devtools/project.html#样式补全 综上所示,在规划小程序兼容性测试时,必须要去调查清楚以下条目: - 运行环境(ios、android
1、引言 现在开发IM应用动不动就要求多端——即Android端、iOS端、PC端、Web端等,Android端和iOS端作为两种不同的移动端技术,单独开发和维护还能理解,PC端和Web端如果要单独开发那就有点头大了...在这之前,Zhao主要进行node-webkit(现在叫nw.js)的开发工作。...的功能,nw.js 则直接使用了 Chromium本身。...,这个框架作者还为一本中文译名叫《跨平台桌面应用开发:基于Electron与NW.js》的书写了序(见下图)。...4)那在 Electron 和 NW.js 之间,为啥选择前者? 我没怎么用过 NW.js,但当时在没有时间深入体验的实际情况下,我选择生态好的。
同样基于 Chromium + Node.js 的,还有 NW.js,我们先来看看它们之间有什么不一样吧。...Electron 与 NW.js说到 Node.js 的桌面应用,基本上大家都会知道 Electron 和 NW.js。...例如 VsCode 就是基于 Electron 写的,而小程序开发工具则是基于 NW.js 来开发的。...那么,Electron 和 NW.js 都分别是怎样管理 Node.js 和 Chromium 的呢?NW.js 内部架构NW.js 是最早的 Node.js 桌面应用框架,架构如图1。...在 NW.js 中,将 Node.js 和 Chromium 整合在一起使用,其中做了几件事情,我们来分别看下。
桌面开发 -- NW.js与Electron 如我前面所讲,只要在有原生开发的地方,就会有跨平台开发的技术出现。 同样的现象也出现在桌面开发。...因此,跨平台桌面开发技术--NW.js与Electron就出现了。 这一次,前端技术向桌面开发发起了进攻的号角。...React Native -- 处境艰难 虽然我没有真正使用过React Native,但基于我过去实实在在的做过iOS与Android原生开发,也用过React,同时React Native的官方文档我也看过许多遍...React Native的现状用一句话来形容就是:前行艰难,后有追兵 NW.js 与 Electron -- 性价比高的解决方案 NW.js与Electron相对而言,处境就好很多了。
在这里贴一下nw的官网首页和下载截图) image image Github上nw.js有两万多Star和接近3000的Fork,说明它已经相当成熟。...并且在Github项目的最后面,显示Intel有赞助这个项目,看起来很牛的样子 nw.js也是一个使用前端技术(html、css、JavaScript)来构建pc端程序的一个框架。...nw.js就是使HTML, CSS, JavaScript写的原本在浏览器上运行的程序,也可以在桌面端运行。...nw.js是和node.js一样是单进程的,electron改成了双进程,技术实现改变。 electron的优点:开源的核心扩展比较容易,界面定制性强,原则上只要是Web能做的他都能做。...从license上来看,Electron是Github的,NW.js则是Intel。 nw 在mac上只能构建mac的应用 ,windows下只能构建windows的。
找了一圈发现NW.js挺容易上手,分享给大家。...NW.js 官网https://nwjs.io/ 1.下载适合当前版本的js 【这里下载的SDK版本,方便后续调试】 2.解压到本地 3.构建自己的project index.html...4.把项目放到nw.js解压后的同一目录下 5.命令进入到当前文件夹 输入 nw myapp 也可以直接把项目拖到nw.exe 6.将应用打包成app.nw文件,进入myapp文件夹中
您可能听说过或使用过Apache Cordova或Adobe PhoneGap来构建包含在本机shell中的Web应用程序 - 用于iOS,Android和Windows Phone等移动操作系统。...NW.js Electron与另一个名为NW.js(以前称为node-webkit)的项目类似。这两者有很多共同之处。...表1.1 Electron和NW.js之间的主要区别的比较 Electron NW.js 平台 支持官方最新的Chromium版本 Chromium分支版本 进程模型 分离进程模型 共享Node进程...电子还包括自动下载更新和错误崩溃上报,NW.js不支持。 NW.js应用程序从HTML页面启动,每个浏览器窗口共享一个Node 进程。如果打开多个窗口,它们都共享同一个Node进程。...Electron与NW.js的不同之处在于,它使用的是Chromium官方支持的内容模块。而NW,使用定制的Chromium。
经过笔者的查找发现确实存在这个一样框架,那就是nw.js这个框架。这个框架使用了谷歌浏览器的内核,而该框架的其中一个功能就是可以直接在前端页面中调用node.js代码。...到这里我们就可以还原一个猜测可行的漏洞利用链如下:1.某个漏洞扫描器使用nw.js框架来显示应用的页面。2.该漏洞扫描器通过x-powered-by这个头部来获取扫描目标的版本信息。...3.该漏洞扫描器在某个页面中将获取到的版本信息未经过滤及其他处理直接显示在nw.js框架编写的页面中。...4.由于nw.js框架编写的页面会直接触发xss,导致xss payload中的onerror方法触发,加载远程的node.js代码。...5.由于nw.js框架中可以直接执行node.js对应的代码,导致node.js代码直接执行。6.node.js代码下载恶意文件在主机上获取敏感信息用于溯源攻击者。
领取专属 10元无门槛券
手把手带您无忧上云