首页
工具
心境语句
相册
建站轨迹
关于
Search
1
微信小程序:计算属性的两种体现方式及应用场景
1,652 阅读
2
Antd Upload 组件上传文件接收数据流并下载
1,174 阅读
3
unlock-music工具介绍
658 阅读
4
[C#]使用dnSpy对目标程序(EXE或DLL)进行反编译修改并编译运行
653 阅读
5
C#插件火车头采集器动态切换代理IP,及自动切换UserAgent
627 阅读
react
typecho
ASP
Centos
MYSQL
PHP
Sql server
Javascript
nodejs
数据采集
.NET
git
编程算法
管理及流程
Vue
微信小程序
android
python
mongodb
登录
Search
标签搜索
kotlin
node-sass
nuxtjs
C#火车头插件
火车头采集器
火车头代理
C#反编译
程序逆向
dnSpy教程
Antd
InputNumber
NPM教程
NPM命令
rrweb教程
git慢
git镜像
vim命令
git命令
网页音乐插件
网页播放器
Elysian
累计撰写
75
篇文章
累计收到
0
条评论
首页
栏目
react
typecho
ASP
Centos
MYSQL
PHP
Sql server
Javascript
nodejs
数据采集
.NET
git
编程算法
管理及流程
Vue
微信小程序
android
python
mongodb
页面
工具
心境语句
相册
建站轨迹
关于
搜索到
6
篇与
Javascript
的结果
2021-09-01
基于NW.JS全屏无边框程序将HTML打包成可执行文件.EXE
一、介绍/下载/安装打包软件NW.jsNW.js 官网:nwjs.ioNW.js中文网:nwjs.org.cn诚如中文网站所说,对于国内用户,下载速度慢过乌龟,大多数会下载失败,建议使用淘宝NPM镜像下载:https://npm.taobao.org/mirrors/nwjs/NW.js分两个版本:normal版:正式发布版SDK版:带chrome调试器的,方便调试使用依各自需要使用,不需要调试,只是用于打包/去边框,可直接下载发布版这里演示下载0.45.0的发布版:https://npm.taobao.org/mirrors/nwjs/v0.45.0/nwjs-v0.45.0-win-x64.zip下载的是个压缩包,直接解压即可,需要可配置一下环境变量,不懂直接忽略也行,不影响后续操作想入门的可以去中文官网了解开发文档快速入门手册:https://nwjs.org.cn/doc/user/Getting-Started.html只要打包封包直接跳过看下文即可二、打包操作在需要打包文件中新建文件:package.json,里面的内容是:可根据需求进行更改,不涉及可默认{ "main": "index.html", //打包程序入口 "name": "cloud", //字符串必须是小写字母或者数字,可以包含"." 或者"_"或者"-" ,不允许带空格,必须唯一 "description": "demo app of node-webkit", //描述 "version": "1.0.0", //版本 "keywords": [ "demo", "node-webkit" ], //关键字 "window": { //窗体配置 "title": "node-webkit", //窗体的标题 "icon": "link.png", //窗体的ico图标 "toolbar": false, //是否要工具栏 "frame": true, //bool值。如果设置为false,程序将无边框显示 也就是没有系统默认的关闭,最小化,全屏按钮 "width": 1000, //窗口的大小:宽 "height": 800, //窗口的大小:长 "position": "mouse", //字符串。窗口打开时的位置,可以设置为“null”、“center”或者“mouse”。 "min_width": 400, //最小宽度 "min_height": 200, //最小高度 "max_width": 9999, //最大宽度 "max_height": 9999, //最大高度 "as_desktop": false, //是否作为桌面背景窗口显示 "resizable": true, //是否允许调整窗口大小 "always-on-top": true, //窗口是否置顶 "fullscreen": false, //是否全屏显示 "show_in_taskbar": true, //是否显示任务栏图标 "show": true, //如果设置为false,启动时窗口不可见 "kiosk": false //是否使用kiosk模式。如果使用kiosk模式,应用程序将全屏显示,并且阻止用户离开应用 }, "webkit": { "plugin": true, //bool值,是否加载插件,如flash,默认值为false。 "java": false, //bool值 是否加载java applets " page-cache": false //是否启用页面缓存 } }再选中全部文件,压缩成 .zip 文件(.rar文件不能),并将后缀改为:.nw把刚刚的.nw用nw.exe打开,会出现你的网页(有配置环境变量/懂得路径操作的可以不用打开这一步),其实打开就相当于是预览成效,并定位打包程序路径nw.exe就是刚刚下载的NW.js里面解压出来的文件接下来就是打包成EXECMD打开命令提示符,CD定位到nw.exe所在的文件夹,输入:copy /b nw.exe+文件的名字.nw 打包后生成的文件名字.exe这里吾输入的是:copy /b nw.exe+Ring.nw Ring.exe至此打包完成,在nw.exe所在文件目录下已生成可执行文件Ring.exe该可执行文件依赖于目录下的其他文件,若需要单独运行,还得继续封包封包方式一:使用Enigma Virtual Box,封包后程序较大,一般都得100M+封包方式二:使用innosetup这个工具会生成一个安装版本,且安装文件才 50M+,推荐这种方法,具体的使用方法可参考:https://blog.csdn.net/miaodichiyou/article/details/81668431?utm_source=blogxgwz2xNW.exe 的默认图标通过配置文件是无法修改的,需要用工具 Resource Hacker 来修改纯小白在线打包:http://www.krpano.tech/nwjs下载地址:https://dl.nwjs.io/v0.54.1/nwjs-v0.54.1-win-x64.zip最近有个项目使用nw.js开发的桌面应用,在开发中发现nw.js默认不能播放mp3,我是用的版本是最新的nwjs-v0.16.1-win-64版本的。由于MP3编码属于专利编码,非开源授权的,所以在nw.js中默认不支持MP3的播放,需要手动启用才行。在MP3播放中需要用到一个ffmpeg.dll的动态库文件,所以只要找到nwjs对应的版本的ffmpeg.dll文件替换掉nwjs目录下的ffmpeg.dll即可。官方文档中也给出了相关的说明:http://docs.nwjs.io/en/latest/For%20Developers/Building%20NW.js/#enable-proprietary-codecs这里我们直接从社区下载对应版本的ffmpeg.dll文件即可。社区版本地址:https://github.com/iteufel/nwjs-ffmpeg-prebuilt/releases
2021年09月01日
357 阅读
0 评论
1 点赞
1
2