Skip to main content

Nativefier 详细设置

安装工具

第一行命令：

  1. npm install nativefier -g

制作应用

第二行命令：

  1. nativefier "https://mr-houzi.github.io/"

附加内容

设置名字

nativefier在制作应用的时候，可以自动识别网站的名字，您也可以自己设置名字。

  1. nativefier --name "AppName" "https://mr-houzi.github.io/"
设置图标
  1. nativefier --icon <path>
Windows和Linux打包

icon参数应该是.png文件的路径。

OSX打包

如果安装了可选的依赖关系，icon参数可以是a .icns或.png文件。

指定输出不同系统的应用

默认情况下，会根据当前操作系统，输出对应系统的应用。如果您需要特殊指定转换成不同系统的应用，可以 使用一下命令。

  1. nativefier --p <value>

可选参数linux、windows、osx。
替代值win32（用于Windows）或darwin，mac（对于OSX）也可以使用。

显示菜单栏
  1. -m, --show-menu-bar

指定是否应该显示菜单栏。

禁用上下文菜单
  1. --disable-context-menu

禁用上下文菜单

单实例
  1. --single-instance

阻止应用程序多次运行。如果发生这种尝试，那么已经运行的实例就会出现在前面。

托盘
  1. --tray

应用程序将保留为系统托盘中的图标。通过点击窗口关闭按钮来防止关闭应用程序。

设置应用版权
  1. nativefier --app-copyright <value>

应用的版权信息会映射到Windows系统的LegalCopyright和OS X系统的NSHumanReadableCopyright的元数据属性。

设置显示

宽度

  1. --width <value>

打包应用程序的宽度，默认为1280px。

高度

  1. --height <value>

打包应用程序的高度，默认为800px。

最小宽度

  1. --min-width <value>

打包应用程序的最小宽度，默认为0。

最小高度

  1. --min-height <value>

打包应用程序的最小高度，默认为0。

最大宽度

  1. --max-width <value>

打包应用程序的最大宽度，默认为无限制。

最大高度

  1. --max-height <value>

打包应用程序的最大高度，默认为无限制。

X

  1. --x <value>

打包的应用程序窗口的X位置。

Y

  1. --y <value>

打包的应用程序窗口的Y位置。

修改网址

resources\app\nativefier.json

image-1652983679014.png

 

代码 内容 默认
名称 --name 云盘登录 2.0
图标 --icon

Windows、Linux打包 icon参数是 .png文件的路径【D:\app\favicon.ico】

OSX打包 如果安装了可选的依赖关系，icon参数可以是 a .icns或 .png文件
平台 --platform Linux / Windows
架构 --arch   
托盘 --tray 应用程序将保留为系统托盘中的图标。通过点击窗口关闭按钮来防止关闭应用程序
显示菜单栏 -m, --show-menu-bar 指定是否应该显示菜单栏
指定输出不同系统的应用 nativefier --p <value> linux、windows / win32、osx / darwin  /mac
单实例 --single-instance 阻止应用程序多次运行。如果发生这种尝试，那么已经运行的实例就会出现在前面
禁用上下文菜单 --disable-context-menu  
版权 nativefier --app-copyright <value> 应用的版权信息会映射到Windows系统的LegalCopyright和OS X系统的NSHumanReadableCopyright的元数据属性。

将本地网页制作成程序，在生成的命令里面添加指向的 HTML 文件，如下：

nativefier --name "Sample" "index.html"
然后打开 \app\nativefier.json 文件，搜索 "targetURL"，把 targetURL 指定的地址修改成你的 html 路径即可。
设置显示
宽度 --width <value> 1280px
高度 --height <value> 800px
最小宽度 --min-width <value> 0
最小高度 --min-height <value> 0
最大宽度 --max-width <value> 无限制
最大高度 --max-height <value> 无限制
X --x <value> 应用程序窗口的X位置
Y --y <value> 应用程序窗口的Y位置
--tray 托盘图标  
--disable-dev-tools 禁用 Chrome 开发工具  
--single-instance 只允许应用的一个实例  

 

 

Back to top