【NW.js打包一个桌面应用】的更多相关文章

体验NW.js打包一个桌面应用

1.安装nw,(也可在官网下载然后配置变量) npm install nw -g 一个最最简单的nw应用,只需要有index.html和package.json文件即可 2.项目准备,目录结构 app文件夹 +----index.html +----package.json index.html代码: <!DOCTYPE html> <html> <head> <title>Hello World!</title> </head> &…

NW.js打包一个桌面应用

1.安装nw(可以到官网:https://nwjs.io下载) npm install nw -g 2.创建一个最最简单的nw应用 在nwjs文件夹中 新建index.html和package.json index.html代码: <!DOCTYPE html> <html> <head> <title>Hello World!</title> </head> <body> <h1>Hello World!&l…

nw.js---创建一个hello word的方法

一.如果用nw.js 来开发桌面应用 首先到Nw.js中文网下载软件: https://nwjs.org.cn/download.html 下载下来进行解压就可以了,绿色的免安装的,整个目录结果是这样的: 我们可以创建的最简单的桌面应用,首先创建一个名为 app的应用目录:package.json是必须的 这里需要注意的是: E:\fyz\nwjs\nwjs-v0.37.1-win-x64 这个是nw.js 的根目录E:\fyz\nwjs\nwjs-v0.37.1-win-x64\app这个是包…

nw.js---开发一个百度浏览器

使用nw.js开发一个简单的百度浏览器就很简单了,只需要在配置里面写入: { // "main": "index.html", "main":"http://www.baidu.com/", "name": "baidu", "window": { "title": "baidu", "icon": &quo…

nw.js的localStorage的物理储存位置

前言 因为在做美团外卖商家端的nw.js壳子项目,需要保证在壳子里面使用localStorage的数据可以持久化保存. 发现nw可以保存,即使删除应用重写打包也可以保存,所以解决了这个需求,但是还是需要知道具体储存在哪里,否则不清楚什么情况下数据会丢失. 储存位置 nw.js打包出来的应用的localStorage的储存目录为: **C:\Users[用户名]\AppData\Local[nw应用名称]\User Data\Default\Local Storage\chrome-extensi…

c/s端测试——nw.js篇（selenium工具）

最近在为兄弟部门开发自动化测试工具. 然后才知道现在竟然有JS工具可以把JS打包成cs端程序了,太牛了,js发展是真快.并且还是跨平台的,mac.windows.linux都支持. 当然,今天不是说nw.js是怎样去打包EXE程序,今天是来说怎么去对这样的nw.js打包的C/S程序进行自动化测试. 百度了很久,没找到对应的资料,还是打开vps谷歌了一把,以下基本都是官网的内容 一.工具ChromeDriver ChromeDriver , 一款开源工具 , 提供跨浏览器自动测试页面应用 . 提供…

nw.js FrameLess Window下的窗口拖拽与窗口大小控制

nw.js FrameLess Window下的窗口拖拽与窗口大小控制 很多时候,我们觉得系统的Frame框很难看,于是想自定义. 自定义Frame的第一步是在package.config文件中将frame选项设置为false. { "name": "1", "main": "index.html", "nodejs": true, "single-instance": false, &…

nw.js---创建一个点击菜单

使用nw.js创建一个可点击的菜单: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上下文菜单</title> </head> <body> <p>右击显示上下文菜单</p> <script> // 创建一个空菜单 var menu = new…

nw.js的cookie操作

在实战中,我遇到nw.js cookie一个奇怪的现象. 当我写入cookie(非httponly)后,关闭nw.js.然后再打开nw.js发现cookie没有写入成功.经过摸索,发现 nw.js的cookie需要等一分钟才能刷进磁盘上 nw.js其实和chrome一样,它的cookie api的手册可以在dev.chrome.com上找到. 有多个函数去操作cookies.这些API设计的和Chrome cookies extentsions一样.node-webkit支持get,getAll…

NW.js将网站打包成桌面应用

需求:已有一个网站,因为浏览器兼容性等问题,想自己封装一个浏览器,打开时固定打开这个网站,通过这样的封装,将网站变成桌面应用程序. 1. 下载并安装NW.js的最新稳定版本(NW.js) 2. 创建一个工作目录,并新建package.json文件,并添加如下代码 { "name": "demo", "version": "1.0.0", "main": "http://www.cnblogs.co…

使用nw.js将html项目打包为桌面程序

首先需要确保电脑已经布置好node.js环境 1.下载并全局安装nw.js npm install nw -g 2.安装nw-builder模块 npm install nw-builder -g 3.在你的html项目中加入package.json文件(具体的参数设置请自行搜索) { "name": "demo", "version": "0.0.1", "main": "index.html&…

nw.js桌面软件开发系列 第0.1节 HTML5和桌面软件开发的碰撞

第0.1节 HTML5和桌面软件开发的碰撞 当我们谈论桌面软件开发技术的时候,你会想到什么?如果不对技术本身进行更为深入的探讨,在我的世界里,有这么多技术概念可以被罗列出来(请原谅我本质上是一个Windows程序员的事实). 操作系统 API.操作系统发展到今日,几乎桌面应用的所有功能,都是基于系统API构建的.调用API和语言及技术无关,哪怕是使用汇编.例如(代码来源于网络,本地重新编译): ;我的第一个win32汇编程序 ;一个经典的hello world !程序 ;>>>>&…

使用NW.js封装微信公众号菜单编辑器为桌面应用

开发微信公众号的朋友都会遇到一个常见的需求就是修改自定义菜单,如果每个人都去开发这个不经常使用的功能确实有点浪费时间.前段时间在github上找到一个仿企业号的菜单编辑界面,结合微信的C# SDK开发了自定义菜单的编辑发布功能,源码.做为程序员我们经常想追求完美,于是打算做成桌面版,搜索了cef.webkit.net.nw.js等方案后,决定使用nw.js尝试一下........经过几天的摸索后终于完成了,这篇博客也是保存了N次草稿.先上个截图: 准备工作 事情开始之前先看看别人是怎么做的,有个…

用node-webkit(NW.js)创建桌面程序

以往写windows桌面程序需要用MFC.C#之类的技术,那么如果你只会web开发技术呢?或者说你有一个网站,但是你想把你的网站打包成一个桌面应用程序,该如何做呢? 答案就是用node-webkit这个开源框架,他封装了webkit内核和node.js,让你可以用web技术来开发windows/linux/OSX程序等.指的一提的是目前node-webkit已经改名为NW.js,下面是在github上的此框架站点: https://github.com/nwjs/nw.js 本文讲述了如何使用该…

NW.js桌面应用开发（一）

NWjs中文网 Electron中文网 一些需要了解的历史与特性,其实就是 NW.js 和 Electron的争议,建议还是亲自阅读一下各自的官网说明 1.下载SDK版工具 从淘宝NPM镜像下载,速度飞快,我选择最新的 https://npm.taobao.org/mirrors/nwjs/v0.41.2/nwjs-sdk-v0.41.2-win-x64.zip 版本,对应 Chromium 77 + Node 12.9.1 然后就可以按照官网快速入门例子,就像构建一个Node项目一样从pack…

nw.js桌面程序自动更新（node.js表白记）

Hello Google Node.js 一个基于Google V8 的JavaScript引擎. 一个伟大的端至端语言,或许我对你的热爱源自于web这门极富情感的技术吧! 注: 光阴似水,人生若梦,又是人间年尾.许久未说过如此矫情而生硬的话- - 如此篇幅实在无法写明白我扭曲的心理,2017望我还能继续迈进! 喜庆的话不多说,今天给大家分享一个大致3周前,初次涉足Node.js实现的nw.js桌面程序的自动更新模块吧. 本文不做教学,仅用于打脸!希望以此得到各位大神的帮助. 我本没有打算写如此…

NW.js使用及打包

简介 NW.js (原名 node-webkit)是一个结合了 Chromium 和 node.js 的应用运行时,通过它可以用 HTML 和 JavaScript 编写原生应用程序.它还允许开发者从 DOM 调用 Node.js 的模块 ,实现了一个用所有 Web 技术来写原生应用程序的新的开发模式,而且,开发者可以很容易的将一个web应用打包成原生应用(Further, you can easily package a web application to a native applicat…

中文代码示例之NW.js桌面应用开发初体验

先看到了NW.js(应该是前身node-webkit的缩写? 觉得该起个更讲究的名字, 如果是NorthWest之意的话, logo(见下)里的指南针好像也没指着西北啊)和Electron的比较文章: Why I prefer NW.js over Electron? (2018 comparison) 之后在看NW.js创始者(Wang WenRui)的推时不意发现微信小程序用了此框架. 也许与它对老系统如Windows XP的支持有关. 必须体验一下! 下面完成与中文编程:中文代码示例之El…

angular打包(二)：nw.js

1 npm build 把ng编译出dist 2 单独写一个package.json 放在dist文件夹里. { "name": "app", "main": "index.html" } 3 把dist文件夹放进 nwjs-sdk-v0.42.2-win-x64 把dist文件夹改名成package.nw  4  用enigmavirtualbox把整个nwjs-sdk-v0.42.2-win-x64 打包成一个exe. -…

NW.js构建桌面应用

最近要做个桌面的应用,用起来也方便.找了一圈发现NW.js挺容易上手,分享给大家. NW.js 官网https://nwjs.io/ 1.下载适合当前版本的js [这里下载的SDK版本,方便后续调试] 2.解压到本地 3.构建自己的project index.html和package.json这两个文件必须要有的. 4.把项目放到nw.js解压后的同一目录下 5.命令进入到当前文件夹 输入 nw myapp 也可以直接把项目拖到nw.exe 6.将应用打包成app.nw文件,进入myapp文件夹…

NW.js 桌面应用程序

nw.js官网    https://nwjs.io/downloads/ 中文网:https://nwjs.org.cn/ 参考文档 https://www.cnblogs.com/xuanhun/p/3656003.html https://wizardforcel.gitbooks.io/nwjs-doc/content/wiki/package-json.html rebuild 打包http://ju.outofmemory.cn/entry/343770 chrome-args: h…

关于Nodejs开发桌面应用。NW.js 和 Electron 优缺点分析对比

从开发角度来说,选择用 nw.js 还是 election ,区别其实不是很大.大部分工作还是在自己的 javascript 和 HTML 上.国内比较有名的,比如微信web开发工具.钉钉都是基于 nw.js 开发的 electron 相对来说比 nw.js 靠谱.有一堆成功的案例: 1. Atom 编辑器 2. Slack (那个独角兽公司)3. Visual Studio Code 4. WordPress 等等.. 优点:1. 开源的核心扩展比较容易,目前是基于 node 6.x,加之现在…

nw.js开发第一个程序（html开发桌面程序exe）

一.环境配置 windows系统 cnpm install node 下载nw.js https://github.com/nwjs/nw.js 找到download下载合适的版本 二.开发 项目目录如下: node_modules存放用到的node模块,package.json是入口文件 package.json内容为 {“name”: “nw-app”,“version”: “1.0.0”,“description”: “”,“main”: “index.html”, “author”: “…

用Node开发桌面应用：NW.js和Electron

NW.js和Electron对比:[http://tangiblejs.com/posts/nw-js-electron-compared] NW.js:[https://nwjs.io/] Electron:[https://electronjs.org/]…

用node-webkit把web应用打包成桌面应用

node-webkit是一个Chromium和node.js上的结合体,通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用,而且还可以跨平台的哦.很显然比起传统的桌面应用,在某些特定领域用html5+css3+js开发的web应用更加简单和高效,而且还可以使用node.js的功能,所以node-webkit还是很有用处的. 下面我通过一个简单的demo来介绍怎么样把一个web应用打包成一个可执行文件(这里只介绍windows环境) 首先新建一个index.htm…

使用node-webkit(v0.35.5)和innosetup(3.6.1)打包将web程序打包为桌面客户端(安装包)

这边主要是有一个客户,需要在电视机上安装一个客户端,含有视频直播功能:刚开始我们采用的webapp打包成apk安装在电视机上,发现摄像头监控画面根本无法播放(apk在手机上可以正常播放视频):排除一些原因之后,初步判断是电视机的内置浏览器内核是阉割版,不支持视频的播放,必须切换内核才行,但是webapp是不支持切换内核的,只能开发原生apk,使用qq x5内核,成本太大了,综合考虑之下,将电视机主板换成windows微主机,将web地址伪装成桌面客户端,暂时采用这种方式实现,好了,废话不多说,参…

NW.js 入坑指南

NW.js是什么? NW.js 是基于 Chromium 和 Node.js 运行的, 以前也叫nodeWebkit.这就给了你使用HTML和JavaScript来制作桌面应用的可能.在应用里你可以直接调用Node.js的各种api以及现有的第三方包.因为Chromium和 Node.js 的跨平台,那么你的应用也是可以跨平台的.现在已经有很多知名的应用是基于NW.js实现,这是官方统计的一些列表: https://github.com/nwjs/nw.js/wiki/List-of-apps-…

论nw.js的坑~~~感觉我所有的前端能遇到的坑都踩了一遍

先总结:nw.js 真特么的...难用...文档,我得先百度才能看的稍微明白点文档......!!!!!!我感觉我所有的前端能遇到的坑都踩了一遍,此文针对前后端分离项目,别的先不说 一.不需要在项目里安装nw.js 设置webpack 没什么用,它只是打开的时候嵌套在nw.js 那个壳里面实际不能调试,只能看下效果——如果发现有时候不能正常打开,别担心,杀掉任务管理器里的进程就可以正常打开,如果还不能...emmm…… 二.去官网上看文档,英文好的话去看英文的吧,因为中文翻译的会遗漏一些东西,其…

electron之Windows下使用 html js css 开发桌面应用程序

1.atom/electron github: https://github.com/atom/electron 中文文档: https://github.com/atom/electron/tree/master/docs-translations/zh-CN 2.下载 electron-v0.36.5-win32-x64 https://github.com/atom/electron/releases/download/v0.36.5/electron-v0.36.5-win32-x64.…

nw.js如何处理拖放操作

nw.js如何处理拖放操作 其实拖放(drag-drop)操作是Html5的功能,不是nw.js的内置API,那么我们采用Html5应用一般的处理方法就可以了. 首先我们看一下一个正常的页面,直接拖放一个文件过来的效果. 页面代码: <html> <head> <title>拖放测试</title> </head> <bodystyle="background-color:rgba(0,0,0,0);"> <…