前言 本文主要内容为nw.js官方文档中没有提到,而在实际入手开发过程中才碰到的问题以及经验的汇总. 详情请查看官方文档:http://docs.nwjs.io/en/latest/References/Menu/ 1. MenuStrip与ContextMenu 在聊nwjs中的Menu之前先说下在传统window桌面端应用开发中的两种常见的菜单. windows中的MenuStrip 第一种:MenuStrip,菜单栏,通常在主窗体中的顶部,横向展示.如图:  windows中的Conte…

前言 本文为开发nw中遇到的各种问题,仅以记录供备忘以及遇到相同问题的人的一点点解决思路. 1. package.json中的window字段无效 原因:package.json中的window字段,只在main字段为*.html或是外部网址时有效,当为 *.js时是无效的. { "name": "blog", "main": "http://xxcanghai.cnblogs.com/",//main为网址,下方的windo…

前言 因为我们的项目是2C的,而XP系统是最大的用户量占比,所以只能使用nw开发而不能用Electron,本文谨记开发nw过程中遇到的各种问题以及解决方案. nw.Window.open打开新窗口不能设定指定位置 问题描述: nw.Window.open打开新窗口API中的参数option中position字段只能指定为center或mouse.如字面含义:center为屏幕正中央,mouse为鼠标当前位置. 几乎可以推测,nw的鼠标右键菜单应该也是使用此接口,明显是为了弹出右键菜单用的,除此之…

前段时间有一个项目,大体是要做一个GIS数据处理工具. 一般的方法是基于ArcObjects来进行开发,因为我对ArcObjects不太熟悉,所以就思考有没有其他简单快速的方法来做. 在查看ArcGIS的官方帮助文档时,我发现用Arcpy(ArcGIS的python库)来处理数据很简单,只需要关注逻辑就可以,不需要知道那么多的类啊对象什么的(ArcObjects).基本的思路解决了,接下来还有个问题:用户界面怎么弄? 答案是:PyQt!至于py2exe,大家看名称就知道它是用来把python程序…

vue.js构建的轻量级PC网页端交互式弹层组件VLayer. 前段时间有分享过一个vue移动端弹窗组件,今天给大家分享一个最近开发的vue pc端弹出层组件. VLayer 一款集Alert.Dialog.Message.Notification.ActionSheet.Toast.Popover.Popconfirm等众多功能于一身的轻量级pc弹层组件.通过精巧的逻辑.布局解决复杂的对话框功能,为你呈现多样化弹出框效果! VLayer 在设计开发之初借鉴了业界有名的Layer弹窗.Eleme…

项目:https://www.lking.top/?p=87 1. JPanel面板绘制背景图片问题. 参考大佬:https://www.jb51.net/article/101516.htm 本项目中顶部标题栏即使用该方法设置背景. @Override protected void paintComponent(Graphics g) { super.paintComponent(g); g.drawImage(CommonUtils.getImage(R.Images.SIGN_IN_TOP…

一.mobileSelect获取方法 mobileSelect支持单选.多级联动.自定义回调函数.二次渲染.最新版本下载地址[2017-09-21更新]: https://github.com/onlyhom/mobileSelect.js 二.特性 1.原生js移动端选择控件,不依赖任何库 2.可传入普通数组或者json数组 3.可根据传入的参数长度,自动渲染出对应的列数,支持单项到多项选择 4.自动识别是否级联 5.选择成功后,提供自定义回调函数callback() 返回当前选择索引位置.以…

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

从开发角度来说,选择用 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,加之现在…

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

Flutter 创建伊始,我们就致力于打造一个能够构建精美的.可高度定制的.并且可以编译为机器码的跨平台应用解决方案,以充分发挥设备底层硬件的全部图形渲染能力.今天,Flutter 对 Windows 生产版本的正式支持是对这一愿景实现的重要标志.它使 Windows 开发者也能享受到移动开发的相同生产力和功能. Flutter 的目标是在任何平台上为你提供出色的构建体验,并且我们想要打造的是:只需要使用同一套核心框架和工具完成这个目标.通过 Flutter,你可以自由打造 优美 的使用体验,使…

一.环境配置 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”: “…

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

Hello Google Node.js 一个基于Google V8 的JavaScript引擎. 一个伟大的端至端语言,或许我对你的热爱源自于web这门极富情感的技术吧! 注: 光阴似水,人生若梦,又是人间年尾.许久未说过如此矫情而生硬的话- - 如此篇幅实在无法写明白我扭曲的心理,2017望我还能继续迈进! 喜庆的话不多说,今天给大家分享一个大致3周前,初次涉足Node.js实现的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…

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.…

首先需要确保电脑已经布置好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&…

Atitit.使用引擎加脚本架构的设计 使用php,js来开发桌面程序.. 1. 引擎加脚本架构 跨平台,桌面与web的优势1 2. 架构桌面引擎(java,c#)2 3. php桌面引擎要点2 3.1. 运行环境:同时支持cs桌面与web方式2 3.2. 界面使用html5+css+js实现2 3.3. Cli接口互操作,与web接口互操作2 3.4. 其他----------流程2 3.4.1. Html5界面确定要是有的后台引擎$parser=php c# java js2 3.4.2. …

用 node-webkit 开源框架. 做企业站,杠杠地 包括电子书和支付宝系统都是node开发的,. 接收传感器发送的数据再运算...对水泵.风机.空调这些硬件进行远程控制. 细数10个令人惊讶的NodeJS开源项目 在几年的时间里,NodeJS逐渐发展成一个成熟的开发平台,吸引了许多开发者.有许多大型高流量网站都采用NodeJS进行开发,像PayPal,此外,开发人员还可以使用它来开发一些快速移动Web框架. 除了Web应用外,NodeJS也被应用在许多方面,本文盘点了NodeJS在其它方面…

1.首先下载nw.js的SDK: https://nwjs.org.cn/download.html 2.SDK目录下新建myapp文件夹: 3.myapp文件夹内新建package.json文件: 4.package.json内容如下: 5.在myapp文件夹下执行 npm install 安装依赖,注意此时需要将C++依赖编译成node依赖: 1.首先要保证电脑已安装python2.7 和 VS 2.还要全局安装 nw-gyp    npm install -g nw-gyp   3.然后执…

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官网    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…

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

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

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

一.项目介绍 next-webchat 基于Next.js+React.js+Redux+Antd+RScroll+RLayer等技术构建的PC桌面端仿微信聊天项目.实现了消息/表情发送.图片/视频预览.拖拽/粘贴图片发送.红包/朋友圈等功能. 二.技术实现 技术框架:next.js+react.js+redux+react-redux UI组件库:Antd (蚂蚁金服pc端react组件库) 字体图标:阿里iconfont图标库 弹窗组件:RLayer(基于react.js封装自定义弹窗) 虚…

heX 是网易有道团队的一个开源项目,允许你采用前端技术(HTML,CSS,JavaScript)开发桌面应用软件的跨平台解决方案.heX 是你开发桌面应用的一种新的选择,意在解决传统桌面应用开发中繁琐的UI和交互开发工作,使其变的简单而高效,特别适合于开发重UI,重交互的桌面应用软件. 您可能感兴趣的相关文章 让人惊叹的 Chrome 浏览器实验项目 推荐10款非常优秀的 HTML5 开发工具 2012年最经典的10款 HTML5 游戏集锦 20个惊艳的 HTML5 Canvas 应用试验 8…

国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私募机构九鼎控股打造,九鼎投资是在全国股份转让系统挂牌的公众公司,股票代码为430719,为“中国PE第一股”,市值超1000亿元.  -----------------------------------------------------------------------------------…

0x00   前段时间接到一个小项目是给某行业内部开发离线桌面端,业务流实现上总体分信息录入.加密导出.因为是win桌面端,所以老板说依托Access用VBA做,我据理力争了一下.之前就是用Access+VBA给项目组里各个单位做报销平台,二次开发的速度快,但是等到下发部署的时候遇到诸多问题,系统版本.位数的问题和Access版本.位数的问题,十分坎坷.然后这次的小项目单个用户产生的数据量不大,没有必要拖一个数据库在后面.所以跟老板说:直接把用户录入的信息加密后序列化到磁盘就好了,然后做一个加密…

本文转载自:http://techblog.youdao.com/?p=685 简介:heX,一个允许你采用前端技术(HTML,CSS,JavaScript)开发桌面应用软件的跨平台解决方案.是你开发桌面应用的一种新的选择,意在解决传统桌面应用开发中繁琐的UI和交互开发工作,使其变的简单而高效.特别适合重UI,重交互的桌面应用软件. 欢迎关注http://hex.youdao.com  或微博 @youdao_hex. 一.项目背景 二.用heX开发桌面应用的优势 三.如何用heX开始一个桌面应…