nw.js 配置 - 腾讯云开发者社区

文章/答案/技术大牛

发布

nw.js如何处理拖放操作

nw.js如何处理拖放操作其实拖放（drag-drop）操作是Html5的功能，不是nw.js的内置API，那么我们采用Html5应用一般的处理方法就可以了。...nw.js会按照chrome浏览器默认处理文件的方式来处理拖放的文件，能显示的会直接显示，不能显示的会变成资源下载。这肯定不是桌面应用想要的效果，那么Html5是如何处理拖放的呢？

3.4K5 0

修改nw.js的exe文件使其请求管理员权限

默认情况下，nw.js发布的nw.exe文件请求的是普通权限，当我们的应用需要访问一些特殊目录或者注册表等，就需要程序启动的时候以管理员权限运行。...首先我们找一款使用nw.js开发的软件，这里我推荐AxeSlide,首先去下载软件，安装。...{8e0f7a12-bfb3-4fe8-b9a5-48fd50a15a9a}"> 从上面的配置中找到...uiAccess="false"> 这里requestedExecutionLevel就是配置的请求

2.9K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

用NW.js构建跨平台桌面应用(1)-入门案例

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

4.7K2 0

用NW.js构建跨平台桌面应用(4)-数据持久化

中仅保存极少量信息且会过期)，数据持久化(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

2.4K2 0

NW.js中node-main如何阻塞index.html加载

在实际的NW.js程序开发中，我们可能在程序启动时做一些加载前逻辑，比如更新等等，那如何实现等待这些逻辑完成后才开始加载index.html呢？

6245 0

用NW.js构建跨平台桌面应用(2)-原生界面API

用来关联每个用户及每个程序，以保存个人设置、应用支持文件，以及某些特定数据；为了避免在程序中硬编码每个平台的对应文件夹，可以用App.dataPath属性统一取得其路径实际取得的值( 表示manifest文件中配置的应用名...Win: $LOCALAPPDATA%/ - Linux: ~/.config/ - Mac: ~/Library/Application Support/ //保存配置文件到...saved = JSON.parse(data); console.log(saved); }); 2.3 访问manifest文件正如上一篇中介绍的，应用使用package.json作为主配置文件...Window API - 操作NW.js窗口在NW.js中，Window API 只不过是对DOM中window对象的一层包装，很多(并非所有)方法和属性继承了后者的用法，同时window对象也是 Node.js...win.leaveKioskMode(), win.toggleKioskMode() 对应的事件仍是 'enter-fullscreen' 和 'leave-fullscreen' 也可以在在manifest配置

7.8K4 0

用NW.js构建跨平台桌面应用(3)-利用Node.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...'] process.version['chromium'] process.mainModule //获得起始页或起始模块（由配置文件中的main或node-main指定） window对象一旦所有初始化工作完成

2.7K2 0

前端构造桌面级应用（QQ音乐）

代理转发在开发阶段，我们可以使用vue中的dev模块中的proxyTable进行路径的重写和代理的转发在build的时候我们可以手动配置访问路径或者使用express做一下配置类似于我们将代码...nw.js就是使HTML, CSS, JavaScript写的原本在浏览器上运行的程序，也可以在桌面端运行。...它负责创建可执行文件，附加应用程序图标并相应地配置plist文件。...= 3.0.0" }, "browserslist": [ "> 1%", "last 2 versions", "not ie 配置...的版本 optional options：可选选项字段里的项目名字，version，icon路径要改成自己的； electron的打包（将electron集成在vue中）命令行配置

3.3K4 0

如何让一个html网页变成一个exe可执行程序

2 nw.js工具 nwjs官网下载 nw.js的github地址 nw.js的使用流程：测试可用解压下载包后，双击nw.exe，可以正常启动，则说明可以使用node-webkit。...其中，package.json相当于是配置文件，配置项如下： { "main": "index.html", //入口 "name": "nw-demo",//字符串必须是小写字母或者数字，可以包含...但package.json 必须和nw.exe同级，这时候就要注意配置项的 "main": "....nw.exe 由于package.json已经配置好入口，此处再启动nw.exe时，你会发现，已经直接指向index.html页面了。...参考文章：让HTML网页变成一个exe执行程序（node-webkit或HTMLRunExe或hta） NW.js构建桌面应用

24K2 0

IM跨平台技术学习(十三)：从理论到实践，详细对比Electron和Tauri的优劣

类似于 NW.js，表面上，它们似乎非常相似，但是这两个项目有本质上的区别，使得 Electron 和 NW.js 成为两个完全独立的产品。...7、Electron和Tauri具体功能点的代码实现对比7.1功能点一Electron 通过对主窗口初始化时修改配置，frame 设置成 false 可实现无边框窗口。...Election 配置：在 Tauri 中，实现无边框窗口有 3 种方式：1）通过 tauri.conf.json 配置；2）通过 Tauri 提供的 JS API - @tauri-apps/api；...这里我们选用在 tauri.config.json 中配置。...10、本文小结NW.js 的时代已经过去，考虑 NW.js 的可以优先 Electron。Tauri 表现不错，前景较好。

1.6K1 0

经常忘记网址？将Vue项目一键打包为桌面客户端十分钟让你解决烦恼

---- 一、使用 NW.js 打包 NW.js基于Chromium和Node.js。它允许您直接从浏览器调用Node.js代码和模块，并在应用程序中使用Web技术。...官网：NW.js 官网优点：免开发、门槛低、体积小 1.1 下载、解压 NW.js 1.1.1 下载 NW.js 进入 NW.js 官网，点击下载最新版，如下图所示。...1.1.2 解压 NW.js 接着我们将压缩包解压到指定目录，解压成功后如下图所示。...当然如果需要完整功能，比如窗口大小、是否全屏、顶部图标、是否固定任务栏等，可以参考如下的配置文件，并在 1.2.1 步骤配置。 { /**指定程序的起始页面。...2.2.2 安装依赖、编译项目若你的电脑没有配置 node.js 和 Vue 脚手架，或者不知道如何安装 VsCode，可以移步 Vue 环境配置讲解。

2.3K4 0

牛逼！五分钟开发一款桌面版应用

1、下载nw.js https://nwjs.io/ 最好下载sdk版本。 2、解压打开安装包下载完之后，解压打开图中的app文件夹是我自己创建的，你也需要自己创建一个，里面放你项目文件。...app文件夹中一般放一个index.html（页面展示），另外还需要创建一个package.json文件（参数配置）： { "name": "first app",...下载链接打开它，选中app.exe然后将你刚才下好的nw.js里原始文件（除去你自己生成和创建的文件或文件夹）。

2.5K1 0

Js可以写桌面应用端？

1、下载nw.js https://nwjs.io/ 最好下载sdk版本。 2、解压打开安装包下载完之后，解压打开图中的「app文件夹」是我自己创建的，你也需要自己创建一个，里面放你项目文件。...「app文件夹」中一般放一个index.html（页面展示），另外还需要创建一个package.json文件（参数配置）： { "name": "first app",...下载链接打开它，选中「app.exe」然后将你刚才下好的nw.js里原始文件（除去你自己生成和创建的文件或文件夹）。

13.6K1 0

VSCode 源码解读：IPC通信机制

同样基于 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 整合在一起使用，其中做了几件事情，我们来分别看下。

1K7 1

js编写桌面应用_web桌面应用框架

找了一圈发现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文件夹中

4.7K2 0

打算一个卡片记忆软件，全平台架构如何选型？

Windows, macOS, Linux 中等 HTML, CSS, JavaScript 社区支持一般中等 NW.js社区中等较大较大高性能相对其他框架较低，内存占用高中等 NW.js...nw.js NW.js（以前称为Node-Webkit）是一个基于Chromium和Node.js的框架，用于构建跨平台的桌面应用程序。...NW.js具有以下特点：跨平台支持：NW.js可以在多个操作系统上运行，使开发者能够使用相同的代码库构建跨平台的桌面应用程序。...社区支持：NW.js拥有一个积极的开发者社区，提供丰富的文档和示例，使开发者能够快速上手并解决问题。...然而，NW.js也存在一些挑战，包括：性能相对其他框架较低：由于NW.js同时运行Chromium和Node.js，可能导致一些性能方面的挑战，例如初始启动时间较长和内存占用较高。

1.1K1 0

桌面软件开发框架大赏

它对Chromium封装的很好，避免了开发者直接与Blink、V8、Chromium等复杂的代码打交道，很多功能都有默认实现方式，遵从约定由于配置原则，有经验的C++开发者可以很轻松的驾驭CEF框架。...webview框架碰到的问题TAURI都有，使用Rust开发，将来会支持Deno，作者说将来会直接使用webview的技术来支持多平台， NW.js https://nwjs.io/ NW.js最早把...NW.js基于MIT开源，可以无忧使用。微信小程序开发工具是用NW.js开发的。作者是英特尔的员工，英特尔的一些工具也是用NW.js开发的。...NW.js可以在多个窗口间共享同一个Node.js上下文，而且还可以通过配置让Node的上下文和Dom上下文混合，这给开发者带来了很多便利。心智负担减少很多。...Electron https://www.electronjs.org/ Electron的作者曾经在NW.js团队工作过（NW.js项目贡献第二多的人就是Electron的作者），后来辗转到了github

7.8K3 1

防守实战-蜜罐反制之攻击链还原

经过笔者的查找发现确实存在这个一样框架，那就是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代码下载恶意文件在主机上获取敏感信息用于溯源攻击者。

9680 0

防守实战-蜜罐反制之攻击链还原

经过笔者的查找发现确实存在这个一样框架，那就是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代码下载恶意文件在主机上获取敏感信息用于溯源攻击者。

8142 0

高质量前端技术会议“FEDAY”来啦，张克军将出席会议！

用它的人很多，但是大部分人都把它当成黑箱——你把文件放到某个地方，在配置文件里写一些神奇的单词，然后见证奇迹。Webpack的打包机制如何工作？不同的配置项如何影响输出结果？如何调试和优化打包过程？...孟红伦（云际）：如何用JavaScript做好一个大型应用钉钉是国内企业级市场的领军应用，是一个业务逻辑复杂，实时性要求极高的应用，是国内用户量最大使用nw.js构建的桌面应用。...我们基于nw.js,使用Web技术，持续高速迭代了三年，帮助产品快速占领了市场，目前超过10W行代码，依然保持高速迭代，快速稳健的演进支持瞬息万变的市场竞争，来看钉钉是如何做的。

8101 0

点击加载更多

nw.js如何处理拖放操作

修改nw.js的exe文件使其请求管理员权限

用NW.js构建跨平台桌面应用(1)-入门案例

用NW.js构建跨平台桌面应用(4)-数据持久化

NW.js中node-main如何阻塞index.html加载

用NW.js构建跨平台桌面应用(2)-原生界面API

用NW.js构建跨平台桌面应用(3)-利用Node.js

前端构造桌面级应用（QQ音乐）

如何让一个html网页变成一个exe可执行程序

IM跨平台技术学习(十三)：从理论到实践，详细对比Electron和Tauri的优劣

经常忘记网址？将Vue项目一键打包为桌面客户端十分钟让你解决烦恼

牛逼！五分钟开发一款桌面版应用

Js可以写桌面应用端？

VSCode 源码解读：IPC通信机制

js编写桌面应用_web桌面应用框架

打算一个卡片记忆软件，全平台架构如何选型？

桌面软件开发框架大赏

防守实战-蜜罐反制之攻击链还原

防守实战-蜜罐反制之攻击链还原

高质量前端技术会议“FEDAY”来啦，张克军将出席会议！

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐