把html变成桌面的软件,5 分钟把任意网站变成桌面软件

原标题:5 分钟把任意网站变成桌面软件

以前,开发一个桌面软件要花费大量的人力和时间。现在,随着 web技术的快速发展,很多业务逻辑已经在网站上实现。既然如此,能不能把网站快速转变成软件呢?这方面的实践已经有很多,早期的 Qt,后来的 Electron,都可以实现跨平台桌面软件的开发。不就是内嵌一个浏览器么?能不能快一些?再快一些?今天,给大家介绍一个工具,让你 5分钟之内就把一个网站变成一个可安装的桌面软件。

制作软件

让我们以https://segmentfaut.com这个网站为例来制作我们的软件。

安装工具

一句话搞定:

npm i -g nativefier开始制作

一句话搞定:

nativefier "https://segmentfault.com"

运行软件

好了,软件制作好了,看看效果吧:

6702184bc6835147068ef017faaf38f6.png

就是这么简单,有没有?

可选步骤

以上是必经步骤,以下是可选步骤。

作人不可过于懒惰,进门之后,多多少少还是需要调整一下的。 Nativefier提供了很多选项可供设置,包括应用软件名称、图标、初始窗口尺寸、是否全屏等等等等,具体可以到官网查询。

同时,在设置好这些选项之后,为了便于以后调整和使用,最好是做一个批处理脚本:

#!/bin/bash

nativefier --name "SegmentFault" "https://segmentfault.com/"

调整完参数之后,重新运行这个脚本就可以了。

制作安装包

制作完软件之后,我们得到是一个名为 SegmentFault.app的应用程序,虽然已经可以执行了,但看上去不够专业,专业的安装包都是 .dmg为后缀的文件,接下来我们就来制作一个 .dmg。

打开Mac自带的磁盘工具,新建一个空白映像。

e90b09fdd307106574eed5ce6f67eeee.png

初始时的大小设置为 200MB,因为缺省的 100MB放不下安装文件,但是这个尺寸后面可以压缩,所以即使设置为 300MB也没关系的。

bd5d1c6a1486e22d7d9f2210facf2fc2.png

建好之后,双击图标打开这个文件,把刚才上面做好的 SegmentFault.app拷贝进去,然后再在里面建立一个指向 Applications文件夹的快捷方式,右键菜单点击显示选项,勾选『始终以图标显示方式打开』,调整图标大小,在最下面挑选一张带箭头的图片作为背景。

87dff6a535bbe29723e09d47c6a44ad0.png

最后,再次打开磁盘工具,先推出刚才的这个文件,然后点击菜单『映像』-『转换』,把它压缩一下,一个完美的 dmg安装包就制作好了。

d6e3123b4aae08c5039b3aa494e75f60.png

新的安装包大小大约是 51MB,我把它上传到百度网盘了,有需要的同学可以下载安装试用一下。 Windows的安装包我就不制作了,制作软件方法类似,只是在制作安装包的时候, Windows要稍微麻烦一些。

怎么样,制作一个桌面软件是不是很容易呢?你也来学着把贵司的网站变成软件吧!

HTML5 桌面通知:Notification API

从放弃迅雷和 IDM 到自己开发下载工具

个人网站即时到账收款解决方案返回搜狐,查看更多

责任编辑:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值