资讯专栏INFORMATION COLUMN

两行命令打造一个桌面应用

anonymoussf / 499人阅读

摘要:个人博客同步文章今天我们要实现把任意一个网站转换成一个桌面应用软件。打造桌面应用此次就以我的博客为例来打造一个桌面应用吧安装工具第一行命令制作应用第二行命令到目前,一个桌面应用已经打造完成效果应用目录点击文件,启动应用。

个人博客同步文章 https://mr-houzi.com/2018/01/...

今天我们要实现把任意一个网站转换成一个桌面应用软件。网站转应用,在安卓端无非就是用一个Webview控件来解决。那么今天要说的是,在PC端如何快速简单实现一个网站转桌面应用呢?

快速简单到底多快多简单呢?

只需要两行命令就可以把任意一个网站转换成一个桌面应用。

打造桌面应用

此次就以我的博客 http://mr-houzi.com 为例来打造一个桌面应用吧

安装工具

第一行命令:

npm install nativefier -g
制作应用

第二行命令:

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

到目前,一个桌面应用已经打造完成

效果

应用目录:

点击.exe文件,启动应用。激不激动٩(๑>◡<๑)۶

本文到这里已经结束!您可以关闭这个博客了!如果您还想了解更多关于nativefier,欢迎您往下看!

附加内容 设置名字

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

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

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

OSX打包

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

指定输出不同系统的应用

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

nativefier --p 

可选参数linuxwindowsosx
替代值win32(用于Windows)或darwinmac(对于OSX)也可以使用。

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

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

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

禁用上下文菜单

单实例
--single-instance

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

托盘
--tray

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

设置应用版权
nativefier --app-copyright 

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

设置显示 宽度
--width 

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

高度
--height 

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

最小宽度
--min-width 

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

最小高度
--min-height 

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

最大宽度
--max-width 

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

最大高度
--max-height 

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

X
--x 

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

Y
--y 

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

更多请参考官方文档 https://github.com/jiahaog/na...

PS

看完很多人会吐槽现在B/S架构是趋势,为什么还要从B/S转成C/S?这个不就是一个内置浏览器吗?直接把网站设置一个快捷方式放在桌面上不就行了吗?只能说有些技术不是主流,但一定有它存在的意义,做一项技能get到就好吧!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/68411.html

相关文章

  • 2016年度 JavaScript 展望(下)

    摘要:与是年最早公开发布的两个框架,后来者还包括与。此外,另一重心是与团队的合作,预计将贯穿年。年展望对平台而言,年的重点是提升稳定性与采纳率。最早由开发,于年公开发布。时间会告诉我们,的极速增长能否在年持续下去。 【编者按】本文作者为资深 Web 开发者 TJ VanToll, TJ 专注于移动端 Web 应用及其性能,是《jQuery UI 实践》 一书的作者。 本文系 OneAPM 工...

    XGBCCC 评论0 收藏0
  • VMware与中国移动联手打造桌面

    摘要:目前中国移动在全国的公有云资源池部署已成规模,服务辐射全国。同时,中国移动和推出的新一代云桌面服务还具有降本增效绿色节能和信息安全的优势。首席信息官的头号难题,通过与中国移动的合作,正在联手解决。移动互联网时代的员工总是希望随时随地,使用任何设备来办公,但这却成为了IT部门头疼的问题,VMware与中国移动的新一代云桌面服务,正在让首席信息官的头号难题迎刃而解。首席信息官的头号难题VMwar...

    bawn 评论0 收藏0
  • electron-ui 快速方便的打造炫酷的桌面应用

    摘要:是什么是基于和扩展出来的一套基础的应用框架,目的是为了快速的搭建炫酷的桌面应用,其实也算不上框架只是一种解决方案而已,让后来的开发者在少采坑的情况下搭建出相对漂亮而快速的应用为什么要做这个公司的有个项目使用搭建的,最开始只是套了个网页 electron-ui是什么 electron-ui是基于electron和electron-vue扩展出来的一套基础的应用框架,目的是为了快速的搭建炫...

    Magicer 评论0 收藏0
  • Electron写桌面应用入门

    摘要:本节目标你可以在分钟内开始运行一个最简单。是一个能帮你用来写桌面程序的项目。原先是为打造的,后来直接演化成兄弟项目。现在已经有很多大厂也开始使用来写桌面了。全局安装,因为我们要用到它的命令行。完美天才第一步,达成 本节目标:你可以在10分钟内开始运行一个最简单electron app。不要考虑太多的概念,直接复制粘贴开始吧。 Electron是一个能帮你用JS来写桌面程序的node项目...

    lixiang 评论0 收藏0
  • 【浏览器&exe桌面应用】用javafx webview 打造自己的浏览器

    摘要:背景项目需要做一个客户端的壳,内置浏览器,访问指定的采用技术开始吧环境配置略效果 背景 项目需要做一个客户端的壳,内置浏览器,访问指定 的url 采用技术 java 1.8 开始吧! java环境配置略 hello world import javafx.application.Application; import javafx.beans.value.ChangeListener;...

    mdluo 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<