-

Nativefier将web页面打包为桌面应用

WEB前端

有些特殊场景需要实现把任意一个网站打包成一个桌面可执行应用。手机端有PhoneGap等打包工具制作WebApp。今天给大家推荐一个很好的桌面应用打包工具-Nativefier。Nativefier可以只需要执行两行命令三分钟内就可以把任意一个网站打包成一个桌面应用。下面雷雪松详细讲解一下如何使用Nativefier将web页面打包为桌面应用。

1、使用npm安装Nativefier(前提条件你的电脑已经安装过NodeJs,不知道怎么安装的请点击《Nodejs为何物?如何安装?》)

1
D:\>npm install nativefier -g

2、将一个网址打包成桌面应用(以雷雪松的个人博客为例)

1
D:\>nativefier "https://www.leixuesong.com"

至此,Nativefier已经将桌面应用打包好了。

3、Nativefier Api详解
设置名字
nativefier在制作应用的时候,可以自动识别网站的名字,您也可以自己设置名字。
nativefier –name “blog” “https://www.leixuesong.com/”

nativefier –icon <path>:设置图标
Windows和Linux下打包
icon参数应该是.png文件的路径。
Mac下打包
如果安装了可选的依赖关系,icon参数可以是a .icns或.png文件。

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

nativefier –p <value>:指定输出不同系统的应用,可选参数linux、windows、osx。

-m, –show-menu-bar:指定是否应该显示菜单栏。
–disable-context-menu:禁用上下文菜单
–single-instance:阻止应用程序多次运行。如果发生这种尝试,那么已经运行的实例就会出现在前面。
–tray:应用程序将保留为系统托盘中的图标。通过点击窗口关闭按钮来防止关闭应用程序。
–width <value>:打包应用程序的宽度,默认为280px。
–height <value>:打包应用程序的高度,默认为800px。
–min-width <value>:打包应用程序的最小宽度,默认为0。
–min-height <value>:打包应用程序的最小高度,默认为0。
–max-width <value>:打包应用程序的最大宽度,默认为无限制。
–max-height <value>:打包应用程序的最大高度,默认为无限制。
–x <value>:打包的应用程序窗口的X位置。
–y <value>:打包的应用程序窗口的Y位置。

更多请参考官方文档 https://github.com/jiahaog/nativefier/blob/HEAD/docs/api.md

来源:Nativefier将web页面打包为桌面应用

7 评论 “Nativefier将web页面打包为桌面应用

    纽约网站设计 评论:
    2019年3月11日 下午11:36

    现在比较流行的是electron 可以支持多平台 原生体验

    手工活赚钱 评论:
    2019年3月30日 上午9:24

    很详细。

    001799搜图 评论:
    2019年5月5日 下午7:30

    好文章!666,学习了

    南方电影网 评论:
    2019年5月5日 下午9:28

    楼下是疯子。哈哈

    嘀嗒小说网,嘀嗒小说阅读网 评论:
    2019年5月9日 下午9:36

    写的太经典了,我竟无言以对。

    瓜子小说网 评论:
    2019年5月10日 下午5:31

    楼下是疯子。哈哈

    口工漫画大全妖气全彩 评论:
    2019年5月10日 下午9:05

    写得太精彩了,以这样的篇幅写了这么大跨度的文章,精品。向楼主学习!

发表评论

电子邮件地址不会被公开。 必填项已用*标注